:root{--updb-bg:#FBF7F1;--updb-card:#fff;--updb-dark:#0F0F11;--updb-wine:#5B0F1A;--updb-red:#B71C1C;--updb-burgundy:#7A0E17;--updb-gold:#D4AF37;--updb-champagne:#F6E7C1;--updb-border:#eadcc5;--updb-text:#1f2937;--updb-muted:#6b7280;--updb-shadow:0 18px 45px rgba(91,15,26,.10)}
.updb-v2{min-height:calc(100vh - 32px);display:grid;grid-template-columns:280px 1fr;background:var(--updb-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--updb-text);border-radius:0 0 26px 26px;overflow:hidden}
.updb-sidebar{background:linear-gradient(180deg,#060607 0%,#0F0F11 45%,#19070b 100%);color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:28px;min-height:920px;box-shadow:12px 0 40px rgba(15,15,17,.15)}
.updb-brand{display:flex;align-items:center;gap:14px}.updb-logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--updb-red),var(--updb-gold));display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 0 28px rgba(212,175,55,.22)}.updb-brand strong{display:block;font-size:20px;line-height:1.1}.updb-brand small{display:block;color:var(--updb-gold);font-size:16px;font-weight:700}
.updb-sidebar nav{display:flex;flex-direction:column;gap:8px}.updb-sidebar nav a{position:relative;color:#f9f6ef;text-decoration:none;padding:14px 16px;border-radius:14px;display:flex;align-items:center;gap:14px;font-weight:700;transition:.18s}.updb-sidebar nav a span:first-child{width:23px;display:inline-grid;place-items:center;color:var(--updb-champagne)}.updb-sidebar nav a:hover{background:rgba(246,231,193,.10)}
.updb-nav-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;color:var(--updb-champagne)}.updb-nav-icon svg{width:20px;height:20px;display:block}.updb-nav-label{display:inline-block}
.updb-sidebar nav a.active{background:linear-gradient(90deg,#7A0E17,#B71C1C);box-shadow:0 0 0 1px var(--updb-gold),0 0 24px rgba(183,28,28,.55)}.updb-badge{margin-left:auto;background:var(--updb-red);color:white;min-width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;font-size:12px}.updb-status{margin-top:auto;border:1px solid rgba(212,175,55,.35);background:rgba(91,15,26,.42);border-radius:16px;padding:18px}.updb-status strong{display:block;color:var(--updb-champagne)}.updb-status small{color:var(--updb-gold)}
.updb-main{min-width:0}.updb-topbar{height:auto;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:34px 38px 20px}.updb-topbar h1{font-size:42px;line-height:1;margin:0;color:var(--updb-wine);font-weight:850;letter-spacing:-.03em}.updb-top-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.updb-branch-select{background:#fff;border:1px solid var(--updb-border);border-radius:14px;box-shadow:var(--updb-shadow);height:54px;display:flex;align-items:center;padding:0 14px;color:#6b4a17;font-weight:700}.updb-branch-select select{border:0;background:transparent;color:#6b4a17;font-weight:800;outline:0;min-width:190px}.updb-search-wrap{height:54px;background:#fff;border:1px solid var(--updb-border);border-radius:16px;display:flex;align-items:center;gap:10px;padding:0 16px;min-width:360px;box-shadow:var(--updb-shadow)}.updb-search-wrap span{font-size:22px;color:#8a5a13}.updb-search-wrap input{border:0;background:transparent;outline:0;width:100%;font-weight:650}.updb-user{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--updb-border);border-radius:16px;height:54px;padding:0 16px;box-shadow:var(--updb-shadow)}.updb-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--updb-red),var(--updb-gold));color:#fff;display:grid;place-items:center;font-weight:900}.updb-user strong,.updb-user small{display:block}.updb-user small{color:var(--updb-muted)}.updb-content{padding:0 38px 50px}.updb-section-title h2{font-size:24px;margin:0 0 4px}.updb-section-title p{margin:0 0 22px;color:var(--updb-muted)}
.updb-folder-cards{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:22px;margin-bottom:26px}.updb-folder-card{background:#fff;border:1px solid var(--updb-border);border-radius:20px;padding:22px;text-decoration:none;color:var(--updb-text);min-height:180px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--updb-shadow);position:relative;transition:.18s}.updb-folder-card:hover{transform:translateY(-3px);border-color:var(--updb-gold)}.updb-folder-card strong{font-size:18px;margin-top:14px}.updb-folder-card small{color:#8b6f3e;margin-top:8px}.updb-folder-icon{width:132px;height:88px;background:linear-gradient(180deg,#F6E7C1,#D4AF37);border-radius:14px 14px 18px 18px;box-shadow:0 14px 35px rgba(212,175,55,.35);display:block;position:relative}.updb-folder-icon:before{content:"";position:absolute;left:0;top:-18px;width:58px;height:24px;background:#E4BD54;border-radius:12px 12px 0 0}.updb-folder-icon b{position:absolute;right:-12px;top:-18px;background:var(--updb-wine);color:white;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:15px;box-shadow:0 8px 18px rgba(91,15,26,.25)}
.updb-drive{display:grid;grid-template-columns:240px 1fr;background:#fff;border:1px solid var(--updb-border);border-radius:24px;box-shadow:var(--updb-shadow);overflow:hidden;min-height:560px}.updb-drive-tree{background:#fffaf3;border-right:1px solid var(--updb-border);padding:24px 18px}.updb-drive-tree h4{text-transform:uppercase;letter-spacing:.12em;color:#8b6f3e;font-size:12px;margin:0 0 14px}.updb-drive-tree a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#2b1c10;font-weight:800;border-radius:13px;padding:12px 12px 12px calc(12px + var(--level,0)*16px);margin-bottom:4px}.updb-drive-tree a:hover,.updb-drive-tree a.active{background:#F6E7C1;color:var(--updb-wine)}.updb-tree-icon,.updb-row-folder{width:20px;height:16px;border-radius:4px;background:linear-gradient(180deg,#F6E7C1,#D4AF37);display:inline-block;position:relative;flex:none}.updb-tree-icon:before,.updb-row-folder:before{content:"";position:absolute;left:0;top:-5px;width:10px;height:7px;border-radius:3px 3px 0 0;background:#D4AF37}.updb-drive-main{padding:30px;min-width:0}.updb-breadcrumb{display:flex;align-items:center;gap:8px;color:#8b6f3e;font-weight:750;margin-bottom:26px}.updb-breadcrumb a{text-decoration:none;color:#8b6f3e}.updb-breadcrumb a:last-child{color:var(--updb-wine)}.updb-current-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.updb-current-head h2{font-size:28px;margin:0}.updb-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.updb-btn{border:0;background:linear-gradient(135deg,var(--updb-red),var(--updb-burgundy));color:#fff;text-decoration:none;border-radius:13px;padding:14px 20px;font-weight:850;box-shadow:0 15px 28px rgba(183,28,28,.25);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.updb-btn.outline{background:#fff;color:#6b4a17;border:1px solid var(--updb-border);box-shadow:none}.updb-btn.wide{width:100%;margin-top:16px}.updb-icon-btn{border:0;border-radius:999px;background:#F6E7C1;color:#6b4a17;font-weight:800;padding:12px 18px;cursor:pointer}.updb-danger{color:var(--updb-red);font-weight:850;text-decoration:none}.updb-empty{padding:34px;border:1px dashed var(--updb-border);border-radius:18px;color:#8b6f3e;text-align:center;background:#fffaf3}.updb-empty-search{padding:18px;color:#8b6f3e}.updb-drive-main.is-dragover{outline:3px dashed var(--updb-gold);outline-offset:-10px;background:#fffaf3}
.updb-table-card{background:#fff;border:1px solid var(--updb-border);border-radius:18px;overflow:hidden}.updb-table-card table{width:100%;border-collapse:collapse}.updb-table-card th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8b6f3e;text-align:left;background:#fffaf3;padding:14px 18px}.updb-table-card td{border-top:1px solid #f1e6d5;padding:14px 18px;color:#3a2a1d}.updb-file-name{display:flex;align-items:center;gap:12px;color:#2b1c10;text-decoration:none;font-weight:800}.updb-row-file{width:30px;height:30px;border-radius:8px;background:var(--updb-red);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;flex:none}.updb-chip{display:inline-flex;margin:8px 6px 0 0;padding:8px 11px;border-radius:999px;background:#fffaf3;border:1px solid var(--updb-border);color:#6b4a17;text-decoration:none;font-weight:750}
.updb-send-v2{display:grid;grid-template-columns:390px 1fr;gap:24px}.updb-message-compose,.updb-data-picker,.updb-panel,.updb-inbox,.updb-thread{background:#fff;border:1px solid var(--updb-border);border-radius:24px;box-shadow:var(--updb-shadow);padding:28px}.updb-message-compose h2,.updb-data-picker h2{margin-top:0}.updb-message-compose label,.updb-reply label{display:block;margin:14px 0 8px;color:#6b4a17;font-weight:850}.updb-message-compose input,.updb-message-compose select,.updb-message-compose textarea,.updb-reply textarea,.updb-modal-box input{width:100%;border:1px solid var(--updb-border);border-radius:13px;padding:13px 14px;background:#fffaf3;outline:none;box-sizing:border-box}.updb-selected{background:#fffaf3;border:1px dashed var(--updb-border);border-radius:14px;padding:14px;color:#8b6f3e;min-height:60px}.updb-picker-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.updb-picker-head input{border:1px solid var(--updb-border);border-radius:13px;padding:12px 14px;min-width:260px}.updb-picker-list{display:grid;gap:10px;max-height:620px;overflow:auto;padding-right:4px}.updb-pick{display:grid;grid-template-columns:auto 34px 1fr;align-items:center;gap:12px;border:1px solid var(--updb-border);border-radius:14px;padding:12px;background:#fff}.updb-pick strong,.updb-pick small{display:block}.updb-pick small{color:var(--updb-muted)}
.updb-thread-card{display:flex;justify-content:space-between;gap:18px;text-decoration:none;color:var(--updb-text);border:1px solid var(--updb-border);border-radius:18px;padding:18px;margin-bottom:12px;background:#fff;transition:.15s}.updb-thread-card:hover{border-color:var(--updb-gold);transform:translateY(-1px)}.updb-thread-card strong{font-size:18px}.updb-thread-card small{display:block;color:#8b6f3e;margin-top:4px}.updb-thread-card p{margin:8px 0 0;color:var(--updb-muted)}.updb-back{display:inline-flex;margin-bottom:18px;color:#8b6f3e;font-weight:850;text-decoration:none}.updb-chat{display:flex;flex-direction:column;gap:14px;margin:24px 0}.updb-chat-msg{max-width:760px;border:1px solid var(--updb-border);border-radius:18px;padding:16px;background:#fffaf3}.updb-chat-msg.own{margin-left:auto;background:#5B0F1A;color:#fff;border-color:#5B0F1A}.updb-chat-msg.own small{color:#F6E7C1}.updb-chat-msg p{white-space:pre-wrap}.updb-chat-msg small{color:#8b6f3e}.updb-reply{border-top:1px solid var(--updb-border);padding-top:18px}.updb-modal{display:none;position:fixed;z-index:99999;inset:0;background:rgba(15,15,17,.45);align-items:center;justify-content:center}.updb-modal.is-open{display:flex}.updb-modal-box,.updb-preview-box{background:#fff;border-radius:24px;padding:28px;width:min(520px,92vw);position:relative;box-shadow:0 24px 70px rgba(0,0,0,.22)}.updb-modal-close{position:absolute;right:14px;top:12px;border:0;background:#fffaf3;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer}.updb-preview-box{width:min(1100px,94vw);height:min(760px,86vh)}.updb-preview-box iframe{width:100%;height:calc(100% - 50px);border:0;border-radius:16px;background:#fffaf3}.updb-context-menu{position:absolute;z-index:999999;background:#fff;border:1px solid var(--updb-border);border-radius:12px;box-shadow:var(--updb-shadow);padding:6px}.updb-context-menu button{display:block;width:160px;text-align:left;border:0;background:#fff;padding:10px 12px;border-radius:8px;cursor:pointer}.updb-context-menu button:hover{background:#fffaf3}
@media(max-width:1100px){.updb-v2{grid-template-columns:1fr}.updb-sidebar{min-height:auto}.updb-folder-cards{grid-template-columns:repeat(2,1fr)}.updb-drive,.updb-send-v2{grid-template-columns:1fr}.updb-topbar{flex-direction:column}.updb-search-wrap{min-width:0;width:100%}}

/* ===== UnternehmensPro Datenbank v2.1 Branding / Messenger UI ===== */
.updb-v2{--up-red:#E11F26;--up-red-dark:#B31219;--up-wine:#5B0F1A;--up-gold:#F2B705;--up-black:#0B0D12;--up-ivory:#F8F5EE;--up-card:#fffaf4;--up-line:#eadcc5;--up-text:#191817;--up-muted:#786b5b;--up-shadow:0 18px 45px rgba(91,15,26,.12)}
.updb-v2{background:var(--up-ivory);color:var(--up-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.updb-sidebar{background:radial-gradient(circle at 20% 0,rgba(225,31,38,.22),transparent 32%),linear-gradient(180deg,#0B0D12 0%,#15070a 100%)!important;border-right:1px solid rgba(242,183,5,.18);box-shadow:15px 0 45px rgba(0,0,0,.12)}
.updb-brand{gap:12px!important}.updb-brand strong{color:#fff!important;letter-spacing:.2px}.updb-brand small{color:var(--up-gold)!important;font-weight:800!important}.updb-logo{width:48px!important;height:48px!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden}.updb-logo img{width:48px;height:48px;object-fit:contain;display:block}
.updb-sidebar nav a{border:1px solid transparent;color:#f8efe3!important;border-radius:14px!important;font-weight:800;transition:.18s ease}.updb-sidebar nav a span{color:var(--up-gold)!important}.updb-sidebar nav a:hover{background:rgba(225,31,38,.16)!important;border-color:rgba(242,183,5,.22)}.updb-sidebar nav a.active{background:linear-gradient(135deg,var(--up-red-dark),#850613)!important;border-color:rgba(242,183,5,.85)!important;box-shadow:0 0 0 1px rgba(242,183,5,.25),0 12px 30px rgba(225,31,38,.28)!important;color:#fff!important}.updb-badge{background:var(--up-red)!important;color:#fff!important;border:1px solid rgba(242,183,5,.7)}
.updb-status{margin-top:auto!important;background:linear-gradient(135deg,rgba(91,15,26,.98),rgba(44,6,10,.98))!important;border:1px solid rgba(242,183,5,.45)!important;border-radius:16px!important;color:#fff!important;box-shadow:0 15px 35px rgba(0,0,0,.25)}.updb-status strong{color:#fff!important}.updb-status small{color:var(--up-gold)!important}
.updb-topbar{background:rgba(248,245,238,.88)!important;border-bottom:1px solid rgba(234,220,197,.9)!important;backdrop-filter:blur(16px)}.updb-topbar h1{color:var(--up-wine)!important;font-weight:900!important}.updb-branch-select,.updb-branch-select select,.updb-search-wrap,.updb-user{border:1px solid rgba(212,175,55,.38)!important;background:#fffdf9!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(91,15,26,.06)!important}.updb-search-wrap span{color:var(--up-wine)!important}.updb-search-wrap input{color:var(--up-text)!important}.updb-user{cursor:pointer;padding:8px 12px!important}.updb-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--up-red),var(--up-gold));color:#fff;font-weight:900;overflow:hidden;flex:0 0 auto}.updb-avatar img{width:100%;height:100%;object-fit:cover;display:block}.updb-user-menu{position:relative}.updb-chevron{color:var(--up-gold);font-weight:900}.updb-user-dropdown{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:180px;background:#fff;border:1px solid var(--up-line);border-radius:16px;box-shadow:var(--up-shadow);padding:8px;z-index:20}.updb-user-menu.is-open .updb-user-dropdown{display:block}.updb-user-dropdown a,.updb-user-dropdown button{display:block;width:100%;text-align:left;background:transparent;border:0;border-radius:10px;padding:10px 12px;color:var(--up-text);font-weight:800;text-decoration:none;cursor:pointer}.updb-user-dropdown a:hover,.updb-user-dropdown button:hover{background:var(--up-ivory);color:var(--up-red)}
.updb-btn{background:linear-gradient(135deg,var(--up-red),var(--up-red-dark))!important;border:0!important;color:#fff!important;border-radius:14px!important;box-shadow:0 14px 28px rgba(225,31,38,.22)!important;font-weight:900!important}.updb-btn:hover{filter:brightness(.95)}.updb-btn.outline{background:#fff!important;color:var(--up-wine)!important;border:1px solid rgba(212,175,55,.45)!important;box-shadow:none!important}
.updb-folder-card,.updb-drive,.updb-panel,.updb-table-card,.updb-send-v2,.updb-messenger{background:#fffdf9!important;border:1px solid var(--up-line)!important;border-radius:24px!important;box-shadow:var(--up-shadow)!important}.updb-folder-icon{background:linear-gradient(135deg,#ffe9a8,var(--up-gold))!important;color:var(--up-wine)!important}.updb-folder-card:hover{border-color:rgba(225,31,38,.45)!important;transform:translateY(-2px)}
.updb-profile-preview{display:flex;align-items:center;gap:14px;margin:8px 0 18px}.updb-profile-box input[type=file]{width:100%;padding:13px;border:1px solid var(--up-line);border-radius:14px;background:#fff}
/* WhatsApp/Messenger style inbox */
.updb-messenger{display:grid;grid-template-columns:360px minmax(0,1fr);height:calc(100vh - 185px);min-height:660px;overflow:hidden;padding:0!important}.updb-chat-list{border-right:1px solid var(--up-line);background:linear-gradient(180deg,#fffdf9,#fff7ed);overflow-y:auto}.updb-chat-list-head{position:sticky;top:0;background:rgba(255,253,249,.92);backdrop-filter:blur(12px);z-index:2;padding:22px;border-bottom:1px solid var(--up-line)}.updb-chat-list-head h2{margin:0 0 12px;color:var(--up-wine);font-size:24px}.updb-chat-list-head input{width:100%;border:1px solid var(--up-line);border-radius:14px;padding:12px 14px;background:#fff;color:var(--up-text)}
.updb-chat-person{display:flex;gap:12px;align-items:center;padding:14px 16px;margin:8px 10px;border-radius:18px;color:var(--up-text);text-decoration:none;border:1px solid transparent;transition:.16s ease}.updb-chat-person:hover{background:#fff;border-color:rgba(212,175,55,.35)}.updb-chat-person.active{background:linear-gradient(135deg,rgba(225,31,38,.10),rgba(242,183,5,.10));border-color:rgba(225,31,38,.35)}.updb-chat-meta{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}.updb-chat-meta strong{font-size:15px;color:var(--up-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.updb-chat-meta small{color:var(--up-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.updb-chat-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.updb-chat-side small{color:var(--up-muted);font-size:11px}.updb-chat-side b{background:var(--up-red);color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}
.updb-chat-window{display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#fffdf9,#fbf7f1)}.updb-chat-header{height:78px;display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--up-line);background:rgba(255,253,249,.92);backdrop-filter:blur(12px)}.updb-chat-header h2{margin:0;font-size:20px;color:var(--up-wine)}.updb-chat-header small{color:var(--up-muted);font-weight:700}.updb-chat-messages{flex:1;overflow-y:auto;padding:26px;background:radial-gradient(circle at 20% 20%,rgba(242,183,5,.08),transparent 25%),radial-gradient(circle at 80% 0,rgba(225,31,38,.08),transparent 25%)}.updb-bubble-row{display:flex;margin:10px 0}.updb-bubble-row.own{justify-content:flex-end}.updb-bubble{max-width:min(640px,78%);padding:13px 16px;border-radius:20px;border:1px solid var(--up-line);box-shadow:0 8px 22px rgba(91,15,26,.06);background:#fff}.updb-bubble-row.own .updb-bubble{background:linear-gradient(135deg,var(--up-wine),#7A0E17);color:#fff;border-color:rgba(242,183,5,.18);border-bottom-right-radius:6px}.updb-bubble-row.theirs .updb-bubble{background:#fffdf9;border-bottom-left-radius:6px}.updb-bubble strong{display:block;margin-bottom:4px;color:var(--up-wine)}.updb-bubble-row.own strong{color:#fff}.updb-bubble p{margin:0;line-height:1.45}.updb-bubble small{display:block;margin-top:7px;font-size:11px;opacity:.72}.updb-chat-files{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.updb-chip{display:inline-flex!important;align-items:center;border-radius:999px!important;background:#fff7df!important;color:var(--up-wine)!important;border:1px solid rgba(212,175,55,.45)!important;text-decoration:none!important;padding:6px 10px!important;font-weight:900!important}.updb-bubble-row.own .updb-chip{background:#fff!important;color:var(--up-wine)!important}
.updb-chat-composer{display:flex;gap:12px;align-items:flex-end;padding:16px 18px;border-top:1px solid var(--up-line);background:#fffdf9}.updb-chat-composer textarea{flex:1;min-height:48px;max-height:120px;resize:vertical;border:1px solid var(--up-line);border-radius:18px;padding:14px 16px;background:#fff;color:var(--up-text);font:inherit}.updb-chat-composer button{min-width:116px;height:48px}
@media(max-width:980px){.updb-messenger{grid-template-columns:1fr;height:auto;min-height:0}.updb-chat-list{max-height:320px;border-right:0;border-bottom:1px solid var(--up-line)}.updb-chat-messages{min-height:420px}.updb-sidebar{position:relative!important}.updb-app{display:block!important}}

/* ===== UnternehmensPro Datenbank v2.2 Fixed App Layout + Schweiz Badge + Login ===== */
body:has(.updb-app.updb-fixed),
body:has(.updb-login-shell){overflow:hidden!important;}
body:has(.updb-app.updb-fixed) #page,
body:has(.updb-login-shell) #page{height:100vh;overflow:hidden!important;}
.updb-app.updb-fixed{position:fixed;left:0;right:0;bottom:0;top:0;height:100vh!important;min-height:0!important;width:100vw!important;max-width:100vw!important;z-index:9990;display:grid!important;grid-template-columns:292px minmax(0,1fr)!important;border-radius:0!important;overflow:hidden!important;background:var(--up-ivory,#F8F5EE)!important;}
body.admin-bar .updb-app.updb-fixed{top:32px;height:calc(100vh - 32px)!important;}
.updb-app.updb-fixed .updb-sidebar{height:100%!important;min-height:0!important;overflow:hidden!important;padding:22px 18px!important;gap:18px!important;box-sizing:border-box!important;}
.updb-app.updb-fixed .updb-sidebar nav{flex:1;overflow:hidden!important;gap:7px!important;min-height:0!important;}
.updb-app.updb-fixed .updb-sidebar nav a{min-height:40px;padding:11px 14px!important;box-sizing:border-box!important;}
.updb-app.updb-fixed .updb-status{flex:0 0 auto!important;margin-top:0!important;}
.updb-app.updb-fixed .updb-main{height:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
.updb-app.updb-fixed .updb-topbar{height:96px!important;flex:0 0 96px!important;box-sizing:border-box!important;align-items:center!important;padding:18px 30px!important;overflow:hidden!important;}
.updb-app.updb-fixed .updb-content{flex:1!important;min-height:0!important;overflow:hidden!important;padding:24px 30px!important;box-sizing:border-box!important;}
.updb-app.updb-fixed .updb-drive,
.updb-app.updb-fixed .updb-messenger,
.updb-app.updb-fixed .updb-send-v2,
.updb-app.updb-fixed .updb-panel,
.updb-app.updb-fixed .updb-table-card{height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;box-sizing:border-box!important;}
.updb-app.updb-fixed .updb-drive-tree{height:100%!important;overflow:auto!important;box-sizing:border-box!important;}
.updb-app.updb-fixed .updb-drive-main{height:100%!important;overflow:auto!important;box-sizing:border-box!important;}
.updb-app.updb-fixed .updb-chat-list{height:100%!important;overflow:auto!important;}
.updb-app.updb-fixed .updb-chat-window{height:100%!important;min-height:0!important;}
.updb-app.updb-fixed .updb-chat-messages{min-height:0!important;}
.updb-app.updb-fixed .updb-picker-list{max-height:none!important;overflow:auto!important;}
.updb-app.updb-fixed table{table-layout:fixed;}
.updb-app.updb-fixed td,
.updb-app.updb-fixed th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.updb-country-badge{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:7px 10px;border:1px solid rgba(242,183,5,.38);border-radius:999px;background:rgba(91,15,26,.42);color:#fff;font-size:12px;font-weight:900;line-height:1;letter-spacing:.01em;width:max-content;}
.updb-ch-flag{width:20px;height:20px;border-radius:5px;background:#E11F26;display:inline-grid;place-items:center;position:relative;box-shadow:0 0 0 1px rgba(255,255,255,.22) inset;flex:none;}
.updb-ch-flag:before,.updb-ch-flag:after,.updb-ch-flag i:before,.updb-ch-flag i:after{content:"";position:absolute;background:#fff;border-radius:1px;}
.updb-ch-flag:before{width:12px;height:4px;left:4px;top:8px;}
.updb-ch-flag:after{width:4px;height:12px;left:8px;top:4px;}
.updb-login-shell{position:fixed;inset:0;z-index:9991;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 18% 12%,rgba(225,31,38,.18),transparent 30%),linear-gradient(135deg,#0B0D12 0%,#17070b 44%,#F8F5EE 44%,#F8F5EE 100%);padding:24px;box-sizing:border-box;min-height:100vh!important;}
body.admin-bar .updb-login-shell{top:32px;min-height:calc(100vh - 32px)!important;}
.updb-login-card{width:min(460px,92vw);background:#fffdf9;border:1px solid rgba(212,175,55,.42);border-radius:28px;box-shadow:0 35px 90px rgba(11,13,18,.28);padding:34px;box-sizing:border-box;}
.updb-login-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.updb-login-brand img{width:62px;height:62px;object-fit:contain;border-radius:15px;}
.updb-login-brand strong{display:block;font-size:22px;color:#0B0D12;font-weight:900;line-height:1.05;}
.updb-login-brand small{display:block;color:#B31219;font-weight:900;margin-top:3px;}
.updb-login-card h1{margin:0;color:#5B0F1A;font-size:34px;line-height:1;letter-spacing:-.03em;}
.updb-login-card p{margin:10px 0 24px;color:#786b5b;font-weight:650;}
.updb-login-card label{display:block;color:#5B0F1A;font-weight:900;margin:14px 0 7px;}
.updb-login-card input[type=text],.updb-login-card input[type=password]{width:100%;height:50px;border:1px solid #eadcc5;border-radius:15px;background:#fffaf3;padding:0 14px;box-sizing:border-box;font-size:15px;outline:none;}
.updb-login-card input[type=text]:focus,.updb-login-card input[type=password]:focus{border-color:#D4AF37;box-shadow:0 0 0 4px rgba(212,175,55,.15);}
.updb-login-card .login-remember label{display:flex;align-items:center;gap:9px;color:#786b5b;font-weight:750;margin:14px 0;}
.updb-login-card .login-submit input{width:100%;height:52px;border:0;border-radius:15px;background:linear-gradient(135deg,#E11F26,#B31219);color:#fff;font-weight:900;font-size:15px;box-shadow:0 18px 32px rgba(225,31,38,.22);cursor:pointer;}
.updb-login-note{margin-top:18px;padding:14px;border:1px solid #eadcc5;border-radius:18px;background:#F8F5EE;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;}
.updb-login-note strong{color:#5B0F1A}.updb-login-note small{grid-column:2;color:#786b5b;font-weight:700;}
@media(max-width:782px){body.admin-bar .updb-app.updb-fixed{top:46px;height:calc(100vh - 46px)!important}.updb-app.updb-fixed{grid-template-columns:1fr!important}.updb-app.updb-fixed .updb-sidebar{display:none!important}.updb-app.updb-fixed .updb-topbar{height:auto!important;flex:0 0 auto!important;align-items:flex-start!important;flex-direction:column!important}.updb-app.updb-fixed .updb-content{padding:16px!important;overflow:auto!important}.updb-login-shell{padding:16px}.updb-login-card{padding:24px}}
/* v2.3 Papierkorb & Live Chat */
.updb-trash-panel{overflow:auto;max-height:calc(100vh - 180px)}
.updb-trash-panel h3{margin:22px 0 10px;color:var(--updb-red,#7A0E17)}
.updb-trash-list{display:grid;gap:10px;margin-bottom:10px}
.updb-trash-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid rgba(212,175,55,.28);border-radius:16px;background:#fffaf2}
.updb-trash-item strong{display:block;color:#0f0f11}.updb-trash-item small{display:block;color:#7b6a55;margin-top:4px}
.updb-btn.small{padding:8px 12px;border-radius:10px;font-size:13px}.updb-btn.danger{background:#B71C1C;color:#fff;border-color:#B71C1C}
.updb-chat-messages{scroll-behavior:smooth}.updb-bubble-row[data-message-id]{animation:updbNewMsg .18s ease-out}
@keyframes updbNewMsg{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}

/* v2.4: Profil-Menü/Logout im Fixed Layout sichtbar machen */
.updb-app.updb-fixed .updb-topbar{overflow:visible!important;position:relative!important;z-index:5000!important;}
.updb-user-menu{z-index:10000!important;}
.updb-user-dropdown{z-index:10001!important;}
.updb-user-menu.is-open .updb-user-dropdown{display:block!important;}
.updb-profile-box{z-index:10002!important;}
.updb-modal{z-index:10000!important;}
@media(max-width:782px){.updb-user-dropdown{right:0!important;left:auto!important;max-width:calc(100vw - 32px)!important;}}


/* ===== v2.4.2 Fixes: Profil-Modal sichtbar + Datenbank-Symbol auf Übersichtskarten ===== */
.updb-modal{
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:auto!important;
  padding:86px 18px 32px!important;
  box-sizing:border-box;
}
.updb-modal-box,
.updb-preview-box{
  margin:0 auto!important;
  max-height:calc(100vh - 120px);
  overflow:auto;
}
.updb-profile-box{
  padding-top:24px!important;
}
.updb-profile-preview{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  margin:4px 0 18px!important;
}
.updb-profile-preview .updb-avatar{
  box-shadow:0 12px 28px rgba(27,53,120,.18);
  border:3px solid #fff;
}
.updb-folder-card{
  min-height:210px!important;
}
.updb-folder-card strong{
  margin-top:18px!important;
}
.updb-folder-icon{
  width:118px!important;
  height:118px!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,#eef4fd 0%, #ffffff 58%, #e9f0f8 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.95), 0 20px 45px rgba(39,85,190,.14)!important;
  display:block!important;
  position:relative!important;
  overflow:visible!important;
}
.updb-folder-icon:before{
  content:""!important;
  position:absolute!important;
  left:23px!important;
  top:20px!important;
  width:72px!important;
  height:72px!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%230739d8'/%3E%3Cstop offset='1' stop-color='%232b7cff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='48' cy='22' rx='28' ry='10' fill='white' stroke='url(%23a)' stroke-width='5'/%3E%3Cpath d='M20 22v17c0 5.5 12.5 10 28 10s28-4.5 28-10V22' fill='white' stroke='url(%23a)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='48' cy='39' rx='28' ry='10' fill='white' stroke='url(%23a)' stroke-width='5'/%3E%3Cpath d='M20 39v17c0 5.5 12.5 10 28 10s28-4.5 28-10V39' fill='white' stroke='url(%23a)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='48' cy='56' rx='28' ry='10' fill='white' stroke='url(%23a)' stroke-width='5'/%3E%3Cpath d='M20 56v12c0 5.5 12.5 10 28 10s28-4.5 28-10V56' fill='white' stroke='url(%23a)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='48' cy='68' rx='28' ry='10' fill='white' stroke='url(%23a)' stroke-width='5'/%3E%3C/svg%3E")!important;
  border-radius:0!important;
}
.updb-folder-icon:after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:-10px!important;
  height:18px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center, rgba(37,91,231,.28) 0%, rgba(37,91,231,.08) 55%, rgba(37,91,231,0) 72%)!important;
}
.updb-folder-icon b{
  right:-10px!important;
  top:-10px!important;
  z-index:2;
}


/* =========================================================
   UnternehmensPro Datenbank v2.4.3
   Premium Dashboard Design – burgundy/champagne/ivory
   ========================================================= */

:root{
  --up-premium-wine:#5b0f1a;
  --up-premium-wine-2:#2a0710;
  --up-premium-wine-3:#12070b;
  --up-premium-gold:#d7a943;
  --up-premium-gold-2:#f3d99b;
  --up-premium-ivory:#fbf7ef;
  --up-premium-card:#fffdfa;
  --up-premium-text:#211923;
  --up-premium-muted:#7d7580;
  --up-premium-line:rgba(215,169,67,.34);
  --up-premium-shadow:0 24px 70px rgba(77,43,18,.10);
  --up-premium-soft:0 18px 50px rgba(91,15,26,.08);
}

/* Page canvas */
body.updb-fixed-page,
html.updb-fixed-page{
  background:
    radial-gradient(circle at 82% 16%, rgba(215,169,67,.10), transparent 30%),
    linear-gradient(135deg,#fffaf1 0%,#fffefd 42%,#f8f1e6 100%)!important;
}

.updb-app.updb-fixed,
.updb-v2{
  background:
    radial-gradient(circle at 75% 12%, rgba(215,169,67,.11), transparent 29%),
    linear-gradient(135deg,#fffaf1 0%,#fffefd 46%,#f7efe3 100%)!important;
  color:var(--up-premium-text)!important;
}

/* Sidebar premium */
.updb-sidebar{
  background:
    radial-gradient(circle at 5% 16%, rgba(215,169,67,.13), transparent 24%),
    radial-gradient(circle at 90% 96%, rgba(225,31,38,.14), transparent 34%),
    linear-gradient(180deg,#2a0710 0%,#17070c 48%,#090509 100%)!important;
  border-right:1px solid rgba(215,169,67,.18)!important;
  box-shadow:18px 0 60px rgba(19,7,11,.22)!important;
  padding:32px 20px!important;
}

.updb-brand{
  gap:14px!important;
  align-items:center!important;
}

.updb-brand img{
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  box-shadow:0 16px 34px rgba(0,0,0,.28), 0 0 0 1px rgba(215,169,67,.26)!important;
}

.updb-brand strong{
  color:#fff8ec!important;
  font-size:21px!important;
  letter-spacing:-.02em!important;
}

.updb-brand span{
  color:#ffc83d!important;
  font-weight:900!important;
  font-size:17px!important;
}

.updb-country{
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(215,169,67,.12))!important;
  border:1px solid rgba(215,169,67,.35)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 26px rgba(0,0,0,.18)!important;
  border-radius:999px!important;
  color:#fff!important;
}

/* Sidebar nav icons and active state */
.updb-sidebar nav{
  gap:9px!important;
}

.updb-sidebar nav a{
  height:46px!important;
  padding:0 16px!important;
  border-radius:15px!important;
  color:#fff7ed!important;
  font-weight:800!important;
  text-decoration:none!important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease!important;
}

.updb-sidebar nav a .updb-nav-icon,
.updb-sidebar nav a span:first-child{
  color:#f4c943!important;
}

.updb-sidebar nav a:hover{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(215,169,67,.22)!important;
  transform:translateX(2px);
}

.updb-sidebar nav a.active{
  background:linear-gradient(135deg,rgba(91,15,26,.92),rgba(127,24,35,.66))!important;
  border:1px solid rgba(215,169,67,.72)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 0 1px rgba(215,169,67,.08),
    0 14px 30px rgba(91,15,26,.34),
    0 0 28px rgba(215,169,67,.16)!important;
}

.updb-status{
  background:linear-gradient(145deg,rgba(91,15,26,.72),rgba(24,8,12,.72))!important;
  border:1px solid rgba(215,169,67,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 50px rgba(0,0,0,.25)!important;
  border-radius:22px!important;
  padding:22px!important;
  position:relative;
  overflow:hidden;
}

.updb-status:after{
  content:"";
  position:absolute;
  right:18px;
  top:18px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#40df63;
  box-shadow:0 0 14px rgba(64,223,99,.8);
}

.updb-status strong{
  color:#fff8ef!important;
  font-weight:900!important;
}

.updb-status small{
  color:#f1c63d!important;
}

/* Header */
.updb-topbar{
  background:rgba(255,250,242,.78)!important;
  backdrop-filter:blur(22px)!important;
  border-bottom:1px solid rgba(215,169,67,.22)!important;
  padding:38px 44px 18px!important;
}

.updb-topbar h1{
  font-size:48px!important;
  color:var(--up-premium-wine)!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
  position:relative;
}

.updb-topbar h1:after{
  content:"";
  display:block;
  width:78px;
  height:3px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--up-premium-gold),rgba(215,169,67,0));
}

.updb-branch-select,
.updb-search-wrap,
.updb-user{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(215,169,67,.30)!important;
  border-radius:20px!important;
  box-shadow:0 16px 40px rgba(91,15,26,.055), inset 0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(18px)!important;
}

.updb-branch-select,
.updb-branch-select select{
  height:62px!important;
  color:#72501b!important;
  font-weight:900!important;
}

.updb-search-wrap{
  height:62px!important;
  min-width:385px!important;
  padding:0 20px!important;
}

.updb-user{
  height:62px!important;
  padding:8px 14px!important;
}

.updb-user .updb-avatar{
  width:42px!important;
  height:42px!important;
  box-shadow:0 10px 20px rgba(91,15,26,.12)!important;
}

/* Content spacing */
.updb-content{
  padding:30px 44px 70px!important;
}

.updb-section-title{
  margin-bottom:26px!important;
}

.updb-section-title h2{
  font-size:31px!important;
  color:#221923!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  margin-bottom:9px!important;
}

.updb-section-title p{
  color:#74707a!important;
  font-size:15.5px!important;
}

/* Premium card layout */
.updb-folder-cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(230px,1fr))!important;
  gap:28px!important;
  align-items:stretch!important;
}

.updb-folder-card{
  min-height:340px!important;
  padding:30px 32px!important;
  justify-content:flex-start!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 50% 30%,rgba(255,255,255,.98),rgba(255,253,248,.86) 43%,rgba(255,248,238,.76) 100%)!important;
  border:1px solid rgba(215,169,67,.34)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(215,169,67,.16),
    0 32px 80px rgba(75,43,17,.11)!important;
  overflow:hidden!important;
  position:relative!important;
}

.updb-folder-card:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:28px;
  padding:1px;
  background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(215,169,67,.46),rgba(255,255,255,.36));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}

.updb-folder-card:after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-75px;
  width:240px;
  height:180px;
  background:
    repeating-radial-gradient(ellipse at bottom right,rgba(215,169,67,.13) 0 1px,transparent 1px 10px);
  opacity:.42;
  transform:rotate(-10deg);
  pointer-events:none;
}

.updb-folder-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(215,169,67,.62)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 40px 95px rgba(75,43,17,.16),
    0 0 42px rgba(215,169,67,.16)!important;
}

.updb-folder-card strong{
  font-size:29px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:-.045em!important;
  color:#201923!important;
  margin-top:26px!important;
  z-index:2;
}

.updb-folder-card small{
  color:#7a561d!important;
  margin-top:20px!important;
  font-size:15px!important;
  z-index:2;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

.updb-folder-card small:before{
  content:"";
  width:14px;
  height:14px;
  display:inline-block;
  opacity:.9;
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.5h6.5L18 8v12.5H7V3.5Z' stroke='%23845d20' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M13.5 3.5V8H18' stroke='%23845d20' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.updb-folder-card small:after{
  content:"";
  display:block;
  width:50px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--up-premium-gold),rgba(215,169,67,0));
  position:absolute;
  left:32px;
  bottom:36px;
}

/* Living database icon */
.updb-folder-icon{
  width:190px!important;
  height:150px!important;
  margin:16px auto 0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:relative!important;
  overflow:visible!important;
  z-index:2;
  animation:updbBreath 3.6s ease-in-out infinite;
}

.updb-folder-icon:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:8px!important;
  width:132px!important;
  height:118px!important;
  transform:translateX(-50%)!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center!important;
  filter:drop-shadow(0 24px 30px rgba(114,78,20,.22));
  background-image:url("data:image/svg+xml,%3Csvg width='220' height='190' viewBox='0 0 220 190' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='rim' x1='36' y1='0' x2='184' y2='160'%3E%3Cstop stop-color='%23fffdf9'/%3E%3Cstop offset='.52' stop-color='%23d9d3c8'/%3E%3Cstop offset='1' stop-color='%23b8872c'/%3E%3C/linearGradient%3E%3ClinearGradient id='gold' x1='45' y1='20' x2='175' y2='150'%3E%3Cstop stop-color='%23fff4ce'/%3E%3Cstop offset='.5' stop-color='%23d7a943'/%3E%3Cstop offset='1' stop-color='%238b5a14'/%3E%3C/linearGradient%3E%3CradialGradient id='top' cx='50%25' cy='34%25' r='72%25'%3E%3Cstop stop-color='%23ffffff'/%3E%3Cstop offset='.58' stop-color='%23f4f1ea'/%3E%3Cstop offset='1' stop-color='%23c6bfb4'/%3E%3C/radialGradient%3E%3Cfilter id='s' x='0' y='0' width='220' height='190'%3E%3CfeDropShadow dx='0' dy='16' stdDeviation='12' flood-color='%235B0F1A' flood-opacity='.17'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23s)'%3E%3Cellipse cx='110' cy='42' rx='58' ry='23' fill='url(%23top)' stroke='url(%23gold)' stroke-width='3'/%3E%3Cpath d='M52 42v26c0 12.7 26 23 58 23s58-10.3 58-23V42' fill='%23f6f4f0' stroke='url(%23gold)' stroke-width='3'/%3E%3Cellipse cx='110' cy='68' rx='58' ry='23' fill='%23f4f2ed' stroke='url(%23gold)' stroke-width='3'/%3E%3Cpath d='M52 68v26c0 12.7 26 23 58 23s58-10.3 58-23V68' fill='%23f1eee8' stroke='url(%23gold)' stroke-width='3'/%3E%3Cellipse cx='110' cy='94' rx='58' ry='23' fill='%23f2f0eb' stroke='url(%23gold)' stroke-width='3'/%3E%3Cpath d='M52 94v22c0 12.7 26 23 58 23s58-10.3 58-23V94' fill='%23eeeae3' stroke='url(%23gold)' stroke-width='3'/%3E%3Cellipse cx='110' cy='116' rx='58' ry='23' fill='%23f3f0ea' stroke='url(%23gold)' stroke-width='3'/%3E%3Cpath d='M71 55c13 6 64 8 82-1' stroke='white' stroke-width='4' opacity='.52'/%3E%3Cpath d='M71 82c13 6 64 8 82-1' stroke='white' stroke-width='4' opacity='.42'/%3E%3C/g%3E%3C/svg%3E")!important;
}

.updb-folder-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:2px!important;
  width:178px!important;
  height:54px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at center,rgba(255,206,94,.86) 0%,rgba(255,206,94,.34) 22%,rgba(255,255,255,.16) 36%,rgba(215,169,67,.05) 62%,transparent 78%),
    repeating-radial-gradient(ellipse at center,rgba(255,230,165,.56) 0 1px,transparent 2px 13px);
  filter:blur(.3px);
  opacity:.92;
  animation:updbRing 3.6s ease-in-out infinite;
}

.updb-folder-icon b{
  right:5px!important;
  top:5px!important;
  z-index:5!important;
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  background:radial-gradient(circle at 35% 25%,#9e3140 0%,#5b0f1a 68%,#3a0911 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 12px 28px rgba(91,15,26,.34), 0 0 0 4px rgba(91,15,26,.05)!important;
  font-size:17px!important;
  font-weight:900!important;
}

/* subtle sparkles around data */
.updb-folder-card .updb-folder-icon + strong:before{
  content:"";
  position:absolute;
  left:50%;
  top:84px;
  width:180px;
  height:90px;
  transform:translateX(-50%);
  pointer-events:none;
  background:
    radial-gradient(circle at 10% 48%,rgba(255,235,170,.8) 0 2px,transparent 3px),
    radial-gradient(circle at 82% 34%,rgba(255,255,255,.9) 0 2px,transparent 3px),
    radial-gradient(circle at 70% 68%,rgba(215,169,67,.66) 0 1.5px,transparent 3px),
    radial-gradient(circle at 22% 22%,rgba(255,255,255,.75) 0 1.5px,transparent 3px);
  opacity:.62;
  animation:updbSpark 4.8s ease-in-out infinite;
}

@keyframes updbBreath{
  0%,100%{transform:translateY(0); filter:brightness(1)}
  50%{transform:translateY(-4px); filter:brightness(1.08)}
}
@keyframes updbRing{
  0%,100%{opacity:.62; transform:translateX(-50%) scale(.94)}
  50%{opacity:1; transform:translateX(-50%) scale(1.08)}
}
@keyframes updbSpark{
  0%,100%{opacity:.28; filter:blur(.2px)}
  50%{opacity:.78; filter:blur(0)}
}

/* Floating right buttons */
.updb-floating-btn,
.updb-lang-toggle,
.updb-help-toggle{
  background:rgba(255,255,255,.75)!important;
  border:1px solid rgba(215,169,67,.25)!important;
  box-shadow:0 18px 34px rgba(91,15,26,.10)!important;
}

/* Profile modal remains visible and premium */
.updb-modal{
  background:rgba(22,9,14,.46)!important;
  backdrop-filter:blur(5px)!important;
}
.updb-modal-box{
  border:1px solid rgba(215,169,67,.28)!important;
  box-shadow:0 34px 100px rgba(22,9,14,.28)!important;
}

@media(max-width:1400px){
  .updb-folder-cards{grid-template-columns:repeat(2,minmax(240px,1fr))!important}
}
@media(max-width:782px){
  .updb-topbar{padding:24px!important}
  .updb-topbar h1{font-size:38px!important}
  .updb-content{padding:24px!important}
  .updb-folder-cards{grid-template-columns:1fr!important}
  .updb-folder-card{min-height:320px!important}
  .updb-search-wrap{min-width:0!important;width:100%!important}
}


/* =========================================================
   v2.4.4 – Corrected mockup-like premium database cards
   Entfernt gelben Block und baut das Symbol wie im Mockup auf.
   ========================================================= */

.updb-topbar h1{
  font-family: Georgia, "Times New Roman", serif!important;
  font-size:46px!important;
  font-weight:700!important;
  color:#5b0f1a!important;
  letter-spacing:-.035em!important;
}

.updb-section-title h2{
  font-family: Georgia, "Times New Roman", serif!important;
  font-weight:700!important;
  color:#1f1a1d!important;
}

.updb-folder-cards{
  grid-template-columns:repeat(4,minmax(240px,1fr))!important;
  gap:30px!important;
}

.updb-folder-card{
  min-height:360px!important;
  padding:34px 36px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 50% 22%,rgba(255,255,255,.98),rgba(255,253,248,.92) 43%,rgba(255,249,240,.86) 100%)!important;
  border:1px solid rgba(215,169,67,.42)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 28px 70px rgba(75,43,17,.11),
    0 2px 0 rgba(215,169,67,.24)!important;
  justify-content:flex-start!important;
}

.updb-folder-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 38px 90px rgba(75,43,17,.16),
    0 0 34px rgba(215,169,67,.14)!important;
}

.updb-folder-card strong{
  font-family: Georgia, "Times New Roman", serif!important;
  font-size:29px!important;
  font-weight:700!important;
  color:#211923!important;
  margin-top:30px!important;
  text-decoration:none!important;
}

.updb-folder-card small{
  font-size:15px!important;
  color:#7d561b!important;
  text-decoration:none!important;
}

/* IMPORTANT: reset all old folder/database icon styles */
.updb-folder-icon,
.updb-folder-icon:hover{
  width:210px!important;
  height:172px!important;
  margin:10px auto 0!important;
  display:block!important;
  position:relative!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  animation:updbElegantFloat 4s ease-in-out infinite!important;
}

/* Remove old yellow square and all old embedded icon graphics */
.updb-folder-icon:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:28px!important;
  width:122px!important;
  height:82px!important;
  transform:translateX(-50%)!important;
  border-radius:50% / 18%!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,244,237,.96) 46%,rgba(230,224,214,.98) 100%)!important;
  border:2px solid rgba(215,169,67,.74)!important;
  box-shadow:
    inset 0 12px 18px rgba(255,255,255,.92),
    inset 0 -14px 18px rgba(150,126,82,.18),
    0 12px 0 -1px #eee9df,
    0 13px 0 1px rgba(215,169,67,.68),
    0 30px 0 -1px #eee9df,
    0 31px 0 1px rgba(215,169,67,.68),
    0 48px 0 -1px #eee9df,
    0 49px 0 1px rgba(215,169,67,.68),
    0 63px 28px rgba(75,43,17,.22)!important;
  background-image:none!important;
  filter:none!important;
  z-index:3!important;
}

/* glowing platform/rings below the database */
.updb-folder-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:8px!important;
  width:190px!important;
  height:62px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at center,rgba(255,207,96,.82) 0%,rgba(255,207,96,.34) 24%,rgba(255,255,255,.18) 39%,rgba(216,181,93,.10) 60%,transparent 75%),
    repeating-radial-gradient(ellipse at center,rgba(255,237,180,.58) 0 1px,transparent 2px 14px)!important;
  box-shadow:
    0 0 24px rgba(255,210,105,.34),
    0 0 56px rgba(255,255,255,.46)!important;
  opacity:.92!important;
  animation:updbElegantPulse 3.2s ease-in-out infinite!important;
  z-index:1!important;
}

/* light particles */
.updb-folder-card strong:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:86px!important;
  width:220px!important;
  height:130px!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 12% 52%,rgba(255,255,255,.95) 0 2px,transparent 3px),
    radial-gradient(circle at 22% 28%,rgba(255,231,161,.75) 0 2px,transparent 3px),
    radial-gradient(circle at 78% 40%,rgba(255,255,255,.85) 0 2px,transparent 3px),
    radial-gradient(circle at 86% 62%,rgba(215,169,67,.62) 0 1.5px,transparent 3px),
    radial-gradient(circle at 42% 76%,rgba(255,235,176,.55) 0 1.5px,transparent 3px)!important;
  opacity:.55!important;
  animation:updbTinyLights 4.8s ease-in-out infinite!important;
  z-index:2!important;
}

/* Count badge exactly like premium mock */
.updb-folder-icon b{
  position:absolute!important;
  right:5px!important;
  top:5px!important;
  z-index:8!important;
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 34% 24%,#a83848 0%,#681523 55%,#3b0710 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:0 14px 30px rgba(91,15,26,.36)!important;
}

/* underline under file count */
.updb-folder-card small:after{
  width:54px!important;
  height:2px!important;
  bottom:42px!important;
  left:36px!important;
}

/* subtle bottom gold edge */
.updb-folder-card{
  background-clip:padding-box!important;
}
.updb-folder-card > *{
  position:relative;
  z-index:2;
}

@keyframes updbElegantFloat{
  0%,100%{transform:translateY(0);filter:brightness(1)}
  50%{transform:translateY(-5px);filter:brightness(1.07)}
}
@keyframes updbElegantPulse{
  0%,100%{opacity:.56;transform:translateX(-50%) scale(.92)}
  50%{opacity:1;transform:translateX(-50%) scale(1.08)}
}
@keyframes updbTinyLights{
  0%,100%{opacity:.22}
  50%{opacity:.78}
}

@media(max-width:1400px){
  .updb-folder-cards{grid-template-columns:repeat(2,minmax(260px,1fr))!important}
}
@media(max-width:782px){
  .updb-folder-cards{grid-template-columns:1fr!important}
  .updb-folder-card{min-height:340px!important}
}


/* =========================================================
   v2.4.5 – Real Premium SVG Database Icon
   Das Icon kommt jetzt als echtes SVG-Asset, nicht mehr als CSS-Zylinder.
   ========================================================= */

.updb-folder-card{
  min-height:370px!important;
  padding:34px 36px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 50% 25%,rgba(255,255,255,.98),rgba(255,253,248,.94) 46%,rgba(255,249,240,.88) 100%)!important;
  border:1px solid rgba(215,169,67,.40)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 30px 72px rgba(75,43,17,.11),
    0 2px 0 rgba(215,169,67,.20)!important;
}

.updb-folder-card:before{
  background:linear-gradient(135deg,rgba(255,255,255,.80),rgba(215,169,67,.34),rgba(255,255,255,.46))!important;
}

.updb-folder-icon{
  width:230px!important;
  height:178px!important;
  margin:4px auto 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
  animation:updbLiveSvgFloat 4.2s ease-in-out infinite!important;
}

/* real SVG asset */
.updb-folder-icon:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:230px!important;
  height:178px!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent url("../assets/premium-database-live.svg") center center / contain no-repeat!important;
  box-shadow:none!important;
  filter:drop-shadow(0 20px 24px rgba(91,15,26,.08))!important;
  z-index:3!important;
}

/* extra breathing light under SVG */
.updb-folder-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:12px!important;
  width:184px!important;
  height:46px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at center,rgba(255,205,84,.55) 0%,rgba(255,223,146,.22) 35%,rgba(255,255,255,.10) 55%,transparent 78%)!important;
  box-shadow:0 0 40px rgba(255,209,92,.22)!important;
  opacity:.7!important;
  animation:updbLiveSvgPulse 3.4s ease-in-out infinite!important;
  z-index:1!important;
}

.updb-folder-icon b{
  right:20px!important;
  top:18px!important;
  z-index:9!important;
  width:42px!important;
  height:42px!important;
}

/* remove accidental text underline from card links */
.updb-folder-card,
.updb-folder-card:hover,
.updb-folder-card strong,
.updb-folder-card small{
  text-decoration:none!important;
}

.updb-folder-card strong{
  font-family: Georgia,"Times New Roman",serif!important;
  font-size:29px!important;
  font-weight:700!important;
  margin-top:20px!important;
  color:#211923!important;
}

.updb-folder-card small{
  margin-top:18px!important;
  color:#7a561d!important;
}

/* more elegant active card feel */
.updb-folder-card:hover .updb-folder-icon{
  animation-duration:2.6s!important;
}

@keyframes updbLiveSvgFloat{
  0%,100%{transform:translateY(0);filter:brightness(1)}
  50%{transform:translateY(-5px);filter:brightness(1.08)}
}
@keyframes updbLiveSvgPulse{
  0%,100%{opacity:.40;transform:translateX(-50%) scale(.92)}
  50%{opacity:.92;transform:translateX(-50%) scale(1.10)}
}


/* =========================================================
   v2.4.6 – Better visible premium SVG, no overexposed white
   ========================================================= */

.updb-folder-icon{
  width:240px!important;
  height:188px!important;
  margin:2px auto 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  filter:none!important;
}

.updb-folder-icon:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:240px!important;
  height:188px!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent url("../assets/premium-database-live.svg") center center / contain no-repeat!important;
  box-shadow:none!important;
  filter:drop-shadow(0 14px 18px rgba(91,15,26,.09)) contrast(1.08) saturate(1.06)!important;
  z-index:3!important;
}

.updb-folder-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:16px!important;
  width:170px!important;
  height:38px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(215,169,67,.38) 0%,rgba(255,230,166,.18) 42%,transparent 76%)!important;
  box-shadow:0 0 22px rgba(215,169,67,.20)!important;
  opacity:.68!important;
  animation:updbLiveSvgPulse 3.8s ease-in-out infinite!important;
  z-index:1!important;
}

.updb-folder-card{
  min-height:370px!important;
}

.updb-folder-card strong{
  margin-top:14px!important;
}

.updb-folder-icon b{
  right:18px!important;
  top:18px!important;
}

@keyframes updbLiveSvgPulse{
  0%,100%{opacity:.38;transform:translateX(-50%) scale(.94)}
  50%{opacity:.78;transform:translateX(-50%) scale(1.07)}
}


/* =========================================================
   v2.4.7 – Variante A
   Burgundy + Ivory + Platinum + Soft Blue
   ========================================================= */
:root{
  --upa-burgundy:#4b0d17;
  --upa-burgundy-2:#2a0810;
  --upa-burgundy-3:#12060b;
  --upa-ivory:#faf8f3;
  --upa-card:#ffffff;
  --upa-card-2:#fbfcff;
  --upa-text:#1d2430;
  --upa-muted:#677284;
  --upa-line:#dfe6f0;
  --upa-blue:#2788ff;
  --upa-blue-soft:#7ec0ff;
  --upa-blue-glow:rgba(39,136,255,.22);
  --upa-badge:#8b1e35;
  --upa-shadow:0 20px 55px rgba(37,50,74,.10);
}

/* canvas */
html.updb-fixed-page,
body.updb-fixed-page,
.updb-app.updb-fixed,
.updb-v2{
  background:
    radial-gradient(circle at 86% 10%, rgba(126,192,255,.10), transparent 26%),
    radial-gradient(circle at 12% 92%, rgba(75,13,23,.04), transparent 22%),
    linear-gradient(135deg,#fcfbf8 0%,#fbfaf7 38%,#f6f8fc 100%)!important;
  color:var(--upa-text)!important;
}

/* sidebar */
.updb-sidebar{
  background:
    radial-gradient(circle at 0% 14%, rgba(126,192,255,.10), transparent 22%),
    linear-gradient(180deg,var(--upa-burgundy-2) 0%, #1c0b12 38%, #0b1018 100%)!important;
  border-right:1px solid rgba(255,255,255,.05)!important;
  box-shadow:20px 0 60px rgba(9,13,21,.22)!important;
}

.updb-brand strong{color:#ffffff!important}
.updb-brand span{color:#e6eefb!important}
.updb-country{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.18)!important;
}

.updb-sidebar nav a{
  color:rgba(255,255,255,.92)!important;
  border:1px solid transparent!important;
  position:relative!important;
}
.updb-sidebar nav a .updb-nav-icon,
.updb-sidebar nav a span:first-child{
  color:#d8e9ff!important;
}
.updb-sidebar nav a:hover{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(126,192,255,.12)!important;
}
.updb-sidebar nav a.active{
  background:linear-gradient(135deg, rgba(39,136,255,.26), rgba(39,136,255,.11))!important;
  border:1px solid rgba(104,176,255,.62)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(39,136,255,.06),
    0 0 28px rgba(39,136,255,.26)!important;
}
.updb-sidebar nav a.active:after{
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--upa-blue-soft);
  box-shadow:0 0 12px rgba(126,192,255,.85);
}

.updb-status{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02))!important;
  border:1px solid rgba(126,192,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px rgba(0,0,0,.18)!important;
}
.updb-status strong{color:#fff!important}
.updb-status small{color:#dce7f6!important}
.updb-status:after{background:#36db67!important;box-shadow:0 0 14px rgba(54,219,103,.8)!important}

/* top area */
.updb-topbar{
  background:rgba(255,255,255,.52)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(210,220,233,.72)!important;
}
.updb-topbar h1{
  color:#15202d!important;
  font-size:52px!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
}
.updb-topbar h1:after{
  width:96px!important;
  height:4px!important;
  background:linear-gradient(90deg, var(--upa-blue), rgba(39,136,255,0))!important;
}

/* inputs */
.updb-branch-select,
.updb-search-wrap,
.updb-user{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(213,222,234,.95)!important;
  border-radius:20px!important;
  box-shadow:0 10px 30px rgba(43,62,92,.06), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.updb-search-wrap{min-width:390px!important}
.updb-user .updb-avatar{
  box-shadow:0 10px 22px rgba(37,50,74,.14)!important;
}

/* section */
.updb-section-title h2{
  font-size:31px!important;
  font-weight:850!important;
  color:#1c2430!important;
}
.updb-section-title p{
  color:var(--upa-muted)!important;
}

/* cards */
.updb-folder-cards{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(240px,1fr))!important;
  gap:28px!important;
}
.updb-folder-card{
  min-height:360px!important;
  padding:30px 34px!important;
  border-radius:28px!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(250,251,254,.97) 100%)!important;
  border:1px solid rgba(216,224,234,.96)!important;
  box-shadow:var(--upa-shadow)!important;
  position:relative!important;
  overflow:hidden!important;
}
.updb-folder-card:before{
  content:"";
  position:absolute;
  inset:auto -30px -40px auto;
  width:180px;
  height:180px;
  background:radial-gradient(circle, rgba(126,192,255,.12), rgba(126,192,255,0) 68%);
  pointer-events:none;
}
.updb-folder-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(126,192,255,.54)!important;
  box-shadow:0 24px 60px rgba(37,50,74,.12), 0 0 0 1px rgba(126,192,255,.10)!important;
}
.updb-folder-card strong{
  color:#1a2432!important;
  font-size:29px!important;
  font-weight:850!important;
  margin-top:18px!important;
  letter-spacing:-.04em!important;
}
.updb-folder-card small{
  color:#657286!important;
  font-size:15px!important;
  margin-top:14px!important;
}
.updb-folder-card small:before{
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.5h6.5L18 8v12.5H7V3.5Z' stroke='%232788ff' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M13.5 3.5V8H18' stroke='%232788ff' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
.updb-folder-card small:after{
  width:42px!important;
  left:34px!important;
  bottom:36px!important;
  background:linear-gradient(90deg, var(--upa-blue), rgba(39,136,255,0))!important;
}

/* icon */
.updb-folder-icon{
  width:230px!important;
  height:182px!important;
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
  animation:upaFloat 4s ease-in-out infinite!important;
}
.updb-folder-icon:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:transparent url("../assets/premium-database-variant-a.svg") center center / contain no-repeat!important;
  filter:drop-shadow(0 16px 22px rgba(37,50,74,.08))!important;
}
.updb-folder-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  width:176px!important;
  height:42px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center, rgba(126,192,255,.34) 0%, rgba(126,192,255,.16) 38%, rgba(126,192,255,0) 74%)!important;
  animation:upaPulse 3.2s ease-in-out infinite!important;
}
.updb-folder-icon b{
  width:44px!important;
  height:44px!important;
  right:12px!important;
  top:10px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  background:linear-gradient(180deg,#a42a46 0%, #8b1e35 56%, #681124 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 12px 24px rgba(139,30,53,.24)!important;
}

.updb-floating-btn,
.updb-lang-toggle,
.updb-help-toggle{
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(213,222,234,.95)!important;
  box-shadow:0 12px 26px rgba(37,50,74,.10)!important;
}

.updb-modal{
  background:rgba(17,25,36,.32)!important;
}
.updb-modal-box{
  border:1px solid rgba(213,222,234,.95)!important;
  box-shadow:0 28px 70px rgba(20,28,43,.18)!important;
}

@keyframes upaFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
@keyframes upaPulse{
  0%,100%{opacity:.38; transform:translateX(-50%) scale(.94)}
  50%{opacity:.9; transform:translateX(-50%) scale(1.08)}
}

@media(max-width:1400px){
  .updb-folder-cards{grid-template-columns:repeat(2,minmax(240px,1fr))!important}
}
@media(max-width:782px){
  .updb-topbar{padding:24px!important}
  .updb-topbar h1{font-size:38px!important}
  .updb-content{padding:22px!important}
  .updb-folder-cards{grid-template-columns:1fr!important}
  .updb-search-wrap{min-width:0!important;width:100%!important}
}


/* =========================================================
   v2.4.8 – 5 Layer Database Icon + 360 Spin
   ========================================================= */
.updb-folder-icon{
  width:236px!important;
  height:190px!important;
  margin:0 auto!important;
  transform-style:preserve-3d;
  will-change:transform;
  animation:upaIdleFloat 4.2s ease-in-out infinite!important;
}
.updb-folder-icon:before{
  background:transparent url("../assets/premium-database-variant-a.svg") center center / contain no-repeat!important;
}
.updb-folder-card:hover .updb-folder-icon{
  animation:upaSpin360 1.45s cubic-bezier(.2,.72,.18,1) 1, upaIdleFloat 4.2s ease-in-out 1.45s infinite!important;
}

@keyframes upaIdleFloat{
  0%,100%{transform:translateY(0) rotateY(0deg)}
  50%{transform:translateY(-5px) rotateY(0deg)}
}

@keyframes upaSpin360{
  0%{transform:translateY(0) rotateY(0deg)}
  20%{transform:translateY(-2px) rotateY(72deg)}
  40%{transform:translateY(-4px) rotateY(144deg)}
  60%{transform:translateY(-5px) rotateY(216deg)}
  80%{transform:translateY(-3px) rotateY(288deg)}
  100%{transform:translateY(0) rotateY(360deg)}
}


/* =========================================================
   v2.4.9 – sichtbar geändert: 5 Ebenen + neue SVG-Datei + Auto-360
   ========================================================= */
.updb-folder-icon{
  width:250px!important;
  height:200px!important;
  margin:-6px auto 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  position:relative!important;
  transform-style:preserve-3d!important;
  animation:updbAutoSpin360 10s linear infinite!important;
}

.updb-folder-icon:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:250px!important;
  height:200px!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:transparent url("../assets/premium-database-variant-a-v249.svg?v=249") center center / contain no-repeat!important;
  filter:drop-shadow(0 18px 24px rgba(22,58,101,.16)) contrast(1.08) saturate(1.18)!important;
  z-index:3!important;
}

.updb-folder-icon:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:12px!important;
  width:190px!important;
  height:46px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(43,134,255,.42) 0%,rgba(126,192,255,.20) 40%,transparent 78%)!important;
  box-shadow:0 0 34px rgba(43,134,255,.24)!important;
  opacity:.76!important;
  animation:updbBluePulse249 3.4s ease-in-out infinite!important;
  z-index:1!important;
}

.updb-folder-icon b{
  right:12px!important;
  top:15px!important;
  z-index:10!important;
}

.updb-folder-card strong{
  margin-top:8px!important;
}

@keyframes updbAutoSpin360{
  0%{transform:translateY(0) rotateY(0deg)}
  25%{transform:translateY(-3px) rotateY(90deg)}
  50%{transform:translateY(-5px) rotateY(180deg)}
  75%{transform:translateY(-3px) rotateY(270deg)}
  100%{transform:translateY(0) rotateY(360deg)}
}

@keyframes updbBluePulse249{
  0%,100%{opacity:.44;transform:translateX(-50%) scale(.92)}
  50%{opacity:.94;transform:translateX(-50%) scale(1.10)}
}

/* prevent older hover animation from overriding */
.updb-folder-card:hover .updb-folder-icon{
  animation:updbAutoSpin360 7s linear infinite!important;
}

/* =========================================================
   v2.5.0 – Stop 360 rotation, keep elegant gentle floating
   ========================================================= */
.updb-folder-icon,
.updb-folder-card:hover .updb-folder-icon{
  animation: updbGentleFloatStill 4.8s ease-in-out infinite !important;
  transform: translateY(0) rotateY(0deg) !important;
}

.updb-folder-icon:before,
.updb-folder-icon:after{
  animation-play-state: running !important;
}

@keyframes updbGentleFloatStill{
  0%,100%{transform:translateY(0) rotateY(0deg)}
  50%{transform:translateY(-4px) rotateY(0deg)}
}

/* =========================================================
   v2.5.1 – Fine tuning after review
   smaller icon, softer glow, cleaner card, more balanced typography
   ========================================================= */
.updb-folder-card{
  min-height: 308px !important;
  padding: 24px 28px 22px !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(252,250,246,.98) 100%) !important;
  border: 1px solid rgba(91,15,26,.10) !important;
  box-shadow: 0 16px 42px rgba(24,36,58,.08), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.updb-folder-card:hover{
  transform: translateY(-3px) !important;
  border-color: rgba(91,15,26,.14) !important;
  box-shadow: 0 20px 48px rgba(24,36,58,.10), 0 0 0 1px rgba(126,192,255,.06) !important;
}
.updb-folder-card:before{
  width: 150px !important;
  height: 150px !important;
  background: radial-gradient(circle, rgba(126,192,255,.07), rgba(126,192,255,0) 70%) !important;
}
.updb-folder-icon,
.updb-folder-card:hover .updb-folder-icon{
  width: 206px !important;
  height: 162px !important;
  margin: -4px auto 4px !important;
  animation: updbGentleFloatStill 5.6s ease-in-out infinite !important;
  transform: translateY(0) rotateY(0deg) !important;
}
.updb-folder-icon:before{
  width: 206px !important;
  height: 162px !important;
  background: transparent url("../assets/premium-database-variant-a-v251.svg?v=251") center center / contain no-repeat !important;
  filter: drop-shadow(0 12px 16px rgba(22,58,101,.10)) saturate(1.02) !important;
}
.updb-folder-icon:after{
  width: 142px !important;
  height: 28px !important;
  bottom: 14px !important;
  background: radial-gradient(ellipse at center, rgba(64,136,235,.20) 0%, rgba(126,192,255,.10) 42%, transparent 76%) !important;
  box-shadow: 0 0 16px rgba(43,134,255,.12) !important;
  opacity: .42 !important;
  animation: updbBluePulse251 4.6s ease-in-out infinite !important;
}
.updb-folder-icon b{
  width: 40px !important;
  height: 40px !important;
  top: 8px !important;
  right: 10px !important;
  font-size: 17px !important;
  box-shadow: 0 10px 18px rgba(139,30,53,.18) !important;
}
.updb-folder-card strong{
  margin-top: 2px !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  line-height: 1.15 !important;
  color: #1f2937 !important;
}
.updb-folder-card small{
  margin-top: 10px !important;
  font-size: 14px !important;
  color: #6b7280 !important;
}
.updb-folder-card small:after{
  width: 34px !important;
  left: 30px !important;
  bottom: 30px !important;
  opacity: .75 !important;
}
@keyframes updbBluePulse251{
  0%,100%{opacity:.28;transform:translateX(-50%) scale(.96)}
  50%{opacity:.48;transform:translateX(-50%) scale(1.04)}
}

/* =========================================================
   v2.5.2 – more premium glow, subtle red accent, living layers
   ========================================================= */
.updb-folder-card{
  min-height: 320px !important;
  padding: 24px 28px 22px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 88% 14%, rgba(199,67,94,.05), transparent 22%),
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(252,250,246,.99) 100%) !important;
  border: 1px solid rgba(91,15,26,.12) !important;
  box-shadow: 0 18px 44px rgba(24,36,58,.085), inset 0 1px 0 rgba(255,255,255,.96) !important;
}
.updb-folder-card:hover{
  transform: translateY(-3px) !important;
  border-color: rgba(139,30,53,.20) !important;
  box-shadow: 0 22px 52px rgba(24,36,58,.11), 0 0 0 1px rgba(199,67,94,.04) !important;
}
.updb-folder-icon,
.updb-folder-card:hover .updb-folder-icon{
  width: 214px !important;
  height: 170px !important;
  margin: -2px auto 6px !important;
  animation: updbGentleFloatStill 5.2s ease-in-out infinite !important;
  transform: translateY(0) rotateY(0deg) !important;
}
.updb-folder-icon:before{
  width: 214px !important;
  height: 170px !important;
  background: transparent url("../assets/premium-database-variant-a-v252.svg?v=252") center center / contain no-repeat !important;
  filter: drop-shadow(0 14px 18px rgba(22,58,101,.11)) saturate(1.06) brightness(1.02) !important;
}
.updb-folder-icon:after{
  width: 156px !important;
  height: 34px !important;
  bottom: 13px !important;
  background: radial-gradient(ellipse at center, rgba(70,146,245,.26) 0%, rgba(126,192,255,.15) 38%, rgba(199,67,94,.11) 60%, transparent 80%) !important;
  box-shadow: 0 0 20px rgba(43,134,255,.14), 0 0 10px rgba(199,67,94,.08) !important;
  opacity: .72 !important;
  animation: updbBluePulse252 3.8s ease-in-out infinite !important;
}
.updb-folder-icon b{
  background: linear-gradient(180deg,#b53b56 0%, #8b1e35 58%, #681124 100%) !important;
  box-shadow: 0 12px 20px rgba(139,30,53,.20) !important;
}
.updb-folder-card strong{
  margin-top: 0 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #1f2937 !important;
}
.updb-folder-card small:after{
  background: linear-gradient(90deg, rgba(199,67,94,.55), rgba(39,136,255,.48), rgba(39,136,255,0)) !important;
  opacity: .95 !important;
}
@keyframes updbBluePulse252{
  0%,100%{opacity:.48;transform:translateX(-50%) scale(.96)}
  50%{opacity:.86;transform:translateX(-50%) scale(1.05)}
}

/* =========================================================
   v2.5.3 – Galaxy red/blue upgrade + stronger floating
   ========================================================= */
.updb-folder-card{
  background:
    radial-gradient(circle at 88% 15%, rgba(217,70,106,.07), transparent 22%),
    radial-gradient(circle at 12% 18%, rgba(59,130,246,.06), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(252,250,246,.99) 100%) !important;
}
.updb-folder-icon,
.updb-folder-card:hover .updb-folder-icon{
  width: 220px !important;
  height: 176px !important;
  margin: -1px auto 6px !important;
  animation: updbGalaxyFloat253 4.2s ease-in-out infinite !important;
  transform: translateY(0) rotateY(0deg) !important;
}
.updb-folder-icon:before{
  width: 220px !important;
  height: 176px !important;
  background: transparent url("../assets/premium-database-variant-a-v253.svg?v=253") center center / contain no-repeat !important;
  filter: drop-shadow(0 14px 18px rgba(29,78,216,.11)) drop-shadow(0 6px 10px rgba(139,30,53,.08)) saturate(1.12) brightness(1.03) !important;
}
.updb-folder-icon:after{
  width: 165px !important;
  height: 38px !important;
  bottom: 12px !important;
  background: radial-gradient(ellipse at center, rgba(59,130,246,.28) 0%, rgba(124,58,237,.16) 34%, rgba(228,75,119,.16) 58%, transparent 82%) !important;
  box-shadow: 0 0 24px rgba(59,130,246,.16), 0 0 14px rgba(217,70,106,.10) !important;
  opacity: .84 !important;
  animation: updbGalaxyPulse253 3.2s ease-in-out infinite !important;
}
.updb-folder-icon b{
  background: linear-gradient(180deg,#c94467 0%, #a61f45 56%, #70142a 100%) !important;
  box-shadow: 0 14px 22px rgba(139,30,53,.24) !important;
}
.updb-folder-card small:after{
  background: linear-gradient(90deg, rgba(217,70,106,.70), rgba(59,130,246,.62), rgba(124,58,237,.25), rgba(59,130,246,0)) !important;
}
@keyframes updbGalaxyFloat253{
  0%,100%{transform:translateY(0) rotateY(0deg)}
  25%{transform:translateY(-4px) rotateY(0deg)}
  50%{transform:translateY(-9px) rotateY(0deg)}
  75%{transform:translateY(-4px) rotateY(0deg)}
}
@keyframes updbGalaxyPulse253{
  0%,100%{opacity:.56;transform:translateX(-50%) scale(.95)}
  50%{opacity:.98;transform:translateX(-50%) scale(1.08)}
}

/* =========================================================
   v2.5.4 – Multicolor layers + stronger living motion
   ========================================================= */
.updb-folder-icon,
.updb-folder-card:hover .updb-folder-icon{
  width: 226px !important;
  height: 182px !important;
  margin: -2px auto 6px !important;
  animation: updbGalaxyFloat254 3.3s ease-in-out infinite !important;
  transform: translateY(0) rotateY(0deg) !important;
}
.updb-folder-icon:before{
  width: 226px !important;
  height: 182px !important;
  background: transparent url("../assets/premium-database-variant-a-v254.svg?v=254") center center / contain no-repeat !important;
  filter: drop-shadow(0 16px 22px rgba(29,78,216,.13)) drop-shadow(0 7px 12px rgba(139,30,53,.10)) saturate(1.18) brightness(1.04) !important;
}
.updb-folder-icon:after{
  width: 172px !important;
  height: 42px !important;
  bottom: 10px !important;
  background: radial-gradient(ellipse at center, rgba(59,130,246,.34) 0%, rgba(124,58,237,.18) 30%, rgba(236,72,153,.16) 54%, rgba(217,70,106,.14) 68%, transparent 84%) !important;
  box-shadow: 0 0 28px rgba(59,130,246,.18), 0 0 18px rgba(217,70,106,.11) !important;
  opacity: .92 !important;
  animation: updbGalaxyPulse254 2.7s ease-in-out infinite !important;
}
.updb-folder-card{
  background:
    radial-gradient(circle at 88% 15%, rgba(217,70,106,.08), transparent 22%),
    radial-gradient(circle at 12% 18%, rgba(59,130,246,.07), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(252,250,246,.99) 100%) !important;
}
.updb-folder-card small:after{
  background: linear-gradient(90deg, rgba(58,189,253,.78), rgba(96,165,250,.70), rgba(124,58,237,.48), rgba(236,72,153,.55), rgba(217,70,106,0)) !important;
}
@keyframes updbGalaxyFloat254{
  0%,100%{transform:translateY(0) rotateY(0deg)}
  20%{transform:translateY(-6px) rotateY(0deg)}
  50%{transform:translateY(-14px) rotateY(0deg)}
  80%{transform:translateY(-5px) rotateY(0deg)}
}
@keyframes updbGalaxyPulse254{
  0%,100%{opacity:.62;transform:translateX(-50%) scale(.94)}
  50%{opacity:1;transform:translateX(-50%) scale(1.10)}
}


/* =========================================================
   v2.5.5 – Data size label on top layer
   ========================================================= */
.updb-folder-icon{position:relative!important;overflow:visible!important}
.updb-folder-size{
  position:absolute!important;
  left:50%!important;
  top:18px!important;
  transform:translateX(-50%)!important;
  z-index:4!important;
  min-width:64px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(245,248,255,.92))!important;
  border:1px solid rgba(123,97,255,.22)!important;
  box-shadow:0 10px 24px rgba(31,41,55,.12), 0 0 0 1px rgba(255,255,255,.65) inset!important;
  color:#7a1536!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
.updb-folder-card:hover .updb-folder-size{
  transform:translateX(-50%) translateY(-1px)!important;
}


/* =========================================================
   v2.5.6 – Upload progress bar with exact percent
   ========================================================= */
.updb-upload-progress{
  display:none;
  margin:16px 0 14px;
  padding:14px;
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 0%, rgba(59,130,246,.13), transparent 32%),
    radial-gradient(circle at 92% 16%, rgba(217,70,106,.11), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.94));
  border:1px solid rgba(148,163,184,.24);
  box-shadow:0 14px 30px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.9);
}
.updb-upload-progress.is-active,
.updb-upload-form.is-uploading .updb-upload-progress{
  display:block;
}
.updb-upload-progress-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
}
.updb-upload-status{
  color:#1f2937;
  font-weight:850;
  font-size:14px;
}
.updb-upload-percent{
  min-width:54px;
  text-align:right;
  color:#8b1e35;
  font-size:18px;
  font-weight:950;
  letter-spacing:-.03em;
}
.updb-upload-bar{
  height:13px;
  border-radius:999px;
  overflow:hidden;
  background:linear-gradient(180deg,#e5e7eb,#f8fafc);
  border:1px solid rgba(148,163,184,.25);
  box-shadow:inset 0 1px 2px rgba(15,23,42,.10);
}
.updb-upload-bar i{
  display:block;
  height:100%;
  width:0%;
  border-radius:999px;
  background:
    linear-gradient(90deg,#22d3ee 0%,#3b82f6 42%,#7c3aed 68%,#d9466a 100%);
  box-shadow:0 0 18px rgba(59,130,246,.36), 0 0 12px rgba(217,70,106,.18);
  transition:width .16s ease;
  position:relative;
  overflow:hidden;
}
.updb-upload-bar i:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
  transform:translateX(-100%);
  animation:updbUploadShine 1.15s linear infinite;
}
.updb-upload-detail{
  display:block;
  margin-top:9px;
  color:#64748b;
  font-weight:700;
}
.updb-upload-form.is-uploading .updb-upload-submit{
  opacity:.78;
  cursor:progress;
}
.updb-upload-form.is-uploading .updb-modal-close{
  opacity:.35;
  cursor:not-allowed;
}
@keyframes updbUploadShine{
  to{transform:translateX(100%)}
}


/* =========================================================
   v2.5.7 – UI polish: profile modal, branch select, bulk actions,
   red secure block with red/green blinking light
   ========================================================= */
.updb-profile-modal{align-items:flex-start!important;justify-content:center!important;padding:clamp(28px,7vh,86px) 20px 24px!important;overflow:auto!important;}
.updb-profile-modal .updb-modal-box{width:min(560px,92vw)!important;max-height:min(84vh,760px)!important;overflow:auto!important;margin:0 auto!important;}
.updb-branch-select{display:flex!important;align-items:center!important;gap:12px!important;min-height:58px!important;padding:8px 12px!important;border-radius:18px!important;border:1px solid rgba(225,31,38,.12)!important;background:linear-gradient(180deg,#fffdfb,#fff8f3)!important;box-shadow:0 14px 32px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.95)!important;}
.updb-branch-select .updb-branch-label{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(225,31,38,.10),rgba(59,130,246,.08));color:#7a2230;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;flex:none;}
.updb-branch-select .updb-branch-field{position:relative;min-width:200px;}
.updb-branch-select select,.updb-branch-select strong{min-width:200px;height:42px;display:flex;align-items:center;width:100%;padding:0 38px 0 14px!important;border-radius:14px!important;border:1px solid rgba(148,163,184,.20)!important;background:#fff!important;color:#1f2937!important;font-weight:900!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}
.updb-branch-select strong{padding-right:14px!important}
.updb-branch-select select{appearance:none;-webkit-appearance:none;cursor:pointer}
.updb-branch-caret{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#8b1e35;font-weight:900;}
.updb-branch-select-static{padding-right:16px!important}
.updb-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(225,31,38,.10);background:linear-gradient(180deg,#fffdfb,#fff8f4);box-shadow:0 10px 22px rgba(15,23,42,.04);}
.updb-bulk-select-all{display:inline-flex;align-items:center;gap:10px;font-weight:850;color:#2b1c10;}
.updb-bulk-select-all input,.updb-check-cell input{width:18px;height:18px;accent-color:#c62828;cursor:pointer;}
.updb-check-cell{width:48px;text-align:center!important;}
.updb-bulk-meta{display:flex;flex-direction:column;gap:2px}.updb-bulk-meta strong{font-size:14px;color:#7a2230}.updb-bulk-meta small{color:#64748b;font-weight:700}.updb-bulk-buttons{display:flex;gap:10px;flex-wrap:wrap}.updb-file-row.is-selected{background:linear-gradient(90deg,rgba(225,31,38,.06),rgba(59,130,246,.05));}.updb-file-row.is-selected td{border-top-color:rgba(225,31,38,.16)!important}
.updb-status{background:radial-gradient(circle at 16% 12%, rgba(255,255,255,.15), transparent 26%),linear-gradient(145deg,rgba(133,12,21,.98),rgba(83,7,14,.98))!important;border:1px solid rgba(255,130,130,.28)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 22px 50px rgba(84,0,0,.34)!important;border-radius:22px!important;padding:22px 18px!important;position:relative;overflow:hidden;}
.updb-status:before{content:"";position:absolute;inset:auto -30px -32px auto;width:120px;height:120px;background:radial-gradient(circle, rgba(255,255,255,.12), transparent 62%);}
.updb-status:after{content:"";position:absolute;right:18px;top:18px;width:11px;height:11px;border-radius:50%;background:#32d75d!important;box-shadow:0 0 8px rgba(50,215,93,.9), 0 0 18px rgba(50,215,93,.55)!important;animation:updbStatusPulse 1.4s infinite alternate;}
.updb-status strong{color:#fff!important;font-weight:900!important}.updb-status small{color:#ffe2e2!important;font-weight:700!important}
@keyframes updbStatusPulse{0%{background:#32d75d;box-shadow:0 0 8px rgba(50,215,93,.9),0 0 18px rgba(50,215,93,.55)}49%{background:#32d75d;box-shadow:0 0 8px rgba(50,215,93,.9),0 0 18px rgba(50,215,93,.55)}50%{background:#ff384f;box-shadow:0 0 8px rgba(255,56,79,.95),0 0 18px rgba(255,56,79,.6)}100%{background:#ff384f;box-shadow:0 0 8px rgba(255,56,79,.95),0 0 18px rgba(255,56,79,.6)}}
@media (max-width: 980px){.updb-bulk-toolbar{align-items:flex-start}.updb-bulk-buttons{width:100%}.updb-bulk-buttons .updb-btn{flex:1}.updb-branch-select{width:100%}.updb-branch-select .updb-branch-field,.updb-branch-select select,.updb-branch-select strong{min-width:0;width:100%}}


/* =========================================================
   v2.5.8 – Dateien direkt in Daten senden hinzufügen
   ========================================================= */
.updb-inline-send-file{
  border:0!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  margin-right:8px!important;
  cursor:pointer!important;
  background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(217,70,106,.10))!important;
  color:#7a1536!important;
  font-weight:900!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
.updb-inline-send-file:hover{
  background:linear-gradient(135deg,rgba(59,130,246,.20),rgba(217,70,106,.16))!important;
}
.updb-send-selected-files{
  background:linear-gradient(135deg,#2563eb,#8b1e35)!important;
  box-shadow:0 14px 28px rgba(37,99,235,.18)!important;
}
.updb-send-import-note{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
  padding:14px 16px;
  border-radius:18px;
  background:
    radial-gradient(circle at 12% 0%, rgba(59,130,246,.16), transparent 34%),
    radial-gradient(circle at 90% 18%, rgba(217,70,106,.13), transparent 32%),
    linear-gradient(180deg,#ffffff,#fff8f4);
  border:1px solid rgba(139,30,53,.12);
  box-shadow:0 14px 28px rgba(15,23,42,.06);
}
.updb-send-import-note strong{
  color:#7a1536;
  font-weight:950;
}
.updb-send-import-note span{
  color:#64748b;
  font-weight:750;
  margin-right:auto;
}
.updb-send-import-note button{
  border:0;
  border-radius:999px;
  padding:9px 12px;
  background:#fff;
  color:#7a1536;
  font-weight:850;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(139,30,53,.12);
}
.updb-picked-from-database{
  border-color:rgba(37,99,235,.38)!important;
  background:linear-gradient(90deg,rgba(59,130,246,.08),rgba(217,70,106,.06))!important;
  box-shadow:0 10px 22px rgba(37,99,235,.06)!important;
}
@media(max-width:980px){
  .updb-inline-send-file{display:inline-flex;margin-bottom:6px}
  .updb-send-import-note{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   v2.5.9 – Fix: Daten senden scroll + Profil immer oberste Ebene
   ========================================================= */

/* Allgemein: Content in der festen App darf vertikal scrollen */
.updb-app.updb-fixed .updb-content{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:smooth!important;
  padding-bottom:90px!important;
}

/* Daten senden darf nicht durch fixed-height Container abgeschnitten werden */
.updb-app.updb-fixed .updb-send-v2{
  height:auto!important;
  max-height:none!important;
  min-height:calc(100vh - 190px)!important;
  overflow:visible!important;
  align-items:start!important;
  padding-bottom:80px!important;
}

.updb-app.updb-fixed .updb-message-compose,
.updb-app.updb-fixed .updb-data-picker{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

.updb-app.updb-fixed .updb-picker-list{
  max-height:none!important;
  overflow:visible!important;
}

/* Daten senden Hinweis oben soll sichtbar bleiben, aber nicht blockieren */
.updb-send-import-note{
  position:relative!important;
  z-index:3!important;
}

/* Optional: linker Formularbereich bleibt oben sichtbar, während rechts gescrollt wird */
@media (min-width: 981px){
  .updb-send-v2 .updb-message-compose{
    position:sticky!important;
    top:0!important;
    align-self:start!important;
    z-index:2!important;
  }
}

/* Profil Modal muss immer über App, Sidebar, Topbar, WP-Bar und Blur liegen */
#updbProfileModal,
.updb-profile-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:calc(32px + clamp(18px,4vh,46px)) 20px 28px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background:rgba(15,23,42,.48)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

body:not(.admin-bar) #updbProfileModal,
body:not(.admin-bar) .updb-profile-modal{
  padding-top:clamp(24px,5vh,58px)!important;
}

#updbProfileModal.is-open,
.updb-profile-modal.is-open{
  display:flex!important;
}

#updbProfileModal .updb-modal-box,
.updb-profile-modal .updb-modal-box{
  position:relative!important;
  z-index:2147483001!important;
  width:min(560px,92vw)!important;
  max-height:calc(100vh - 110px)!important;
  overflow:auto!important;
  margin:0 auto!important;
  transform:none!important;
  box-shadow:0 40px 120px rgba(0,0,0,.36)!important;
}

/* Falls ein Eltern-Container transform/overflow nutzt, Modal trotzdem über allem */
.updb-app.updb-fixed #updbProfileModal,
.updb-app.updb-fixed .updb-profile-modal{
  position:fixed!important;
}

/* Kleine Bildschirme */
@media(max-width:980px){
  .updb-app.updb-fixed .updb-send-v2{
    display:block!important;
    min-height:auto!important;
  }
  .updb-send-v2 .updb-message-compose{
    position:relative!important;
    top:auto!important;
    margin-bottom:18px!important;
  }
  #updbProfileModal .updb-modal-box,
  .updb-profile-modal .updb-modal-box{
    max-height:calc(100vh - 80px)!important;
  }
}


/* =========================================================
   v2.5.10 – Einheitliche Button-Farben in der ganzen App
   ========================================================= */
:root{
  --updb-btn-1:#c6285a;
  --updb-btn-2:#7a1536;
  --updb-btn-3:#4f0d24;
  --updb-btn-shadow:0 16px 34px rgba(122,21,54,.28);
}

.updb-btn,
.updb-btn.outline,
.updb-icon-btn,
.updb-send-import-note button,
.updb-inline-send-file,
.updb-user-dropdown button,
.updb-profile-box button:not(.updb-modal-close),
.updb-actions button:not(.updb-modal-close),
.updb-bulk-buttons .updb-btn,
.updb-upload-submit,
button.updb-btn,
a.updb-btn{
  background:linear-gradient(135deg,var(--updb-btn-1),var(--updb-btn-2))!important;
  color:#fff!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:var(--updb-btn-shadow)!important;
  font-weight:900!important;
  text-decoration:none!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, opacity .18s ease!important;
}

.updb-btn:hover,
.updb-btn.outline:hover,
.updb-icon-btn:hover,
.updb-send-import-note button:hover,
.updb-inline-send-file:hover,
.updb-user-dropdown button:hover,
.updb-profile-box button:not(.updb-modal-close):hover,
.updb-actions button:not(.updb-modal-close):hover,
.updb-bulk-buttons .updb-btn:hover,
.updb-upload-submit:hover,
button.updb-btn:hover,
a.updb-btn:hover{
  background:linear-gradient(135deg,var(--updb-btn-1),var(--updb-btn-3))!important;
  color:#fff!important;
  box-shadow:0 20px 40px rgba(122,21,54,.32)!important;
  transform:translateY(-1px)!important;
  filter:saturate(1.03)!important;
}

.updb-btn:disabled,
.updb-btn.outline:disabled,
.updb-icon-btn:disabled,
.updb-send-import-note button:disabled,
.updb-inline-send-file:disabled,
.updb-user-dropdown button:disabled,
.updb-profile-box button:not(.updb-modal-close):disabled,
.updb-actions button:not(.updb-modal-close):disabled,
.updb-bulk-buttons .updb-btn:disabled,
.updb-upload-submit:disabled,
button.updb-btn:disabled{
  opacity:.62!important;
  cursor:not-allowed!important;
  transform:none!important;
  box-shadow:0 10px 22px rgba(122,21,54,.18)!important;
}

.updb-btn.small,
.updb-inline-send-file{
  padding:10px 14px!important;
  font-size:13px!important;
}

.updb-send-import-note button,
.updb-user-dropdown button,
.updb-icon-btn{
  padding:11px 16px!important;
}


/* =========================================================
   v2.5.11 – Frontend Developer Administration
   Filialen, GM, Super Admin vollständig im Frontend
   ========================================================= */
.updb-admin-front{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.updb-admin-hero{
  border-radius:24px;
  padding:24px;
  background:
    radial-gradient(circle at 90% 20%, rgba(59,130,246,.13), transparent 32%),
    radial-gradient(circle at 10% 12%, rgba(217,70,106,.13), transparent 30%),
    linear-gradient(135deg,#ffffff,#fff8f4);
  border:1px solid rgba(139,30,53,.12);
  box-shadow:0 20px 48px rgba(15,23,42,.07);
}
.updb-admin-hero span{
  display:inline-flex;
  margin-bottom:8px;
  padding:7px 11px;
  border-radius:999px;
  color:#7a1536;
  background:rgba(139,30,53,.08);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.updb-admin-hero h2{
  margin:0;
  color:#15202d;
  font-size:34px;
  letter-spacing:-.04em;
}
.updb-admin-hero p{
  margin:8px 0 0;
  color:#64748b;
  font-weight:750;
}
.updb-admin-card,
.updb-admin-row{
  border-radius:22px;
  padding:20px;
  background:linear-gradient(180deg,#fff,#fffaf5);
  border:1px solid rgba(139,30,53,.12);
  box-shadow:0 16px 36px rgba(15,23,42,.06);
}
.updb-admin-card h3{
  margin:0 0 16px;
  font-size:21px;
  color:#1f2937;
}
.updb-admin-list{
  display:grid;
  gap:14px;
}
.updb-admin-row form{
  margin:0;
}
.updb-admin-row-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.updb-admin-row-head strong{
  color:#1f2937;
  font-size:18px;
  font-weight:950;
}
.updb-admin-row-head small{
  color:#64748b;
  font-weight:750;
  text-align:right;
}
.updb-admin-form-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(180px,1fr)) auto;
  gap:14px;
  align-items:end;
}
.updb-admin-form-grid label{
  display:flex;
  flex-direction:column;
  gap:7px;
  color:#7a1536;
  font-weight:900;
}
.updb-admin-form-grid input,
.updb-admin-form-grid select{
  height:48px;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.28);
  background:#fff;
  color:#1f2937;
  padding:0 14px;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.updb-admin-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.updb-admin-actions .updb-btn,
.updb-admin-form-grid > .updb-btn{
  min-height:48px;
  white-space:nowrap;
}
.updb-danger-btn{
  background:linear-gradient(135deg,#ef4444,#8b1e35)!important;
  color:#fff!important;
}
.updb-admin-row-simple{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.updb-admin-row-simple .updb-admin-row-head{
  margin-bottom:0;
}
@media(max-width:1200px){
  .updb-admin-form-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:780px){
  .updb-admin-hero h2{
    font-size:28px;
  }
  .updb-admin-form-grid{
    grid-template-columns:1fr;
  }
  .updb-admin-row-head,
  .updb-admin-row-simple{
    flex-direction:column;
    align-items:stretch;
  }
  .updb-admin-row-head small{
    text-align:left;
  }
}


/* =========================================================
   v2.5.12 - Frontend Einstellungen
   ========================================================= */
.updb-settings-front{
  max-width:1360px;
}
.updb-settings-card{
  padding:30px!important;
}
.updb-settings-card h3{
  margin:0 0 20px;
  color:#1f2937;
  font-size:28px;
  letter-spacing:-.03em;
}
.updb-settings-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(300px,1fr));
  gap:22px;
  align-items:start;
}
.updb-settings-grid label{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:26px;
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 8%, rgba(59,130,246,.08), transparent 28%),
    linear-gradient(180deg,#fff,#fffaf6);
  border:1px solid rgba(139,30,53,.10);
  min-height:230px;
}
.updb-settings-grid label > span{
  color:#7a1536;
  font-weight:950;
  font-size:18px;
  line-height:1.35;
}
.updb-settings-grid small{
  color:#64748b;
  font-weight:700;
  line-height:1.6;
  font-size:15px;
}
.updb-setting-input{
  display:flex;
  align-items:center;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.26);
  background:#fff;
  min-height:82px;
  width:100%;
}
.updb-setting-input input{
  flex:1;
  width:100%;
  min-width:0;
  height:82px;
  border:0!important;
  background:#fff!important;
  padding:0 22px!important;
  color:#1f2937!important;
  font-weight:900!important;
  font-size:24px!important;
  line-height:1!important;
}
.updb-setting-input input[type=number]{
  -moz-appearance:textfield;
}
.updb-setting-input input[type=number]::-webkit-outer-spin-button,
.updb-setting-input input[type=number]::-webkit-inner-spin-button{
  opacity:1;
  height:82px;
}
.updb-setting-input b{
  align-self:stretch;
  display:flex;
  align-items:center;
  padding:0 22px;
  background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(217,70,106,.08));
  color:#7a1536;
  font-weight:950;
  font-size:18px;
  min-width:88px;
  justify-content:center;
}
.updb-settings-grid textarea{
  width:100%;
  min-height:190px;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.26);
  background:#fff;
  padding:22px;
  color:#1f2937;
  font-weight:800;
  font-size:20px;
  line-height:1.6;
  resize:vertical;
}
@media (max-width: 1240px){
  .updb-settings-grid{
    grid-template-columns:repeat(2,minmax(280px,1fr));
  }
}
@media (max-width: 820px){
  .updb-settings-grid{
    grid-template-columns:1fr;
  }
}
.updb-settings-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:20px;
}
.updb-settings-preview{
  display:grid;
  grid-template-columns:repeat(3,minmax(180px,1fr));
  gap:14px;
}
.updb-settings-preview div{
  padding:20px;
  border-radius:20px;
  background:
    radial-gradient(circle at 88% 10%, rgba(217,70,106,.08), transparent 30%),
    linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid rgba(139,30,53,.10);
  box-shadow:0 14px 30px rgba(15,23,42,.05);
}
.updb-settings-preview strong{
  display:block;
  color:#1f2937;
  font-size:28px;
  font-weight:950;
  letter-spacing:-.04em;
}
.updb-settings-preview span{
  display:block;
  color:#64748b;
  font-weight:800;
  margin-top:4px;
}
@media(max-width:1000px){
  .updb-settings-grid,
  .updb-settings-preview{
    grid-template-columns:1fr;
  }
  .updb-settings-actions{
    justify-content:stretch;
  }
  .updb-settings-actions .updb-btn{
    width:100%;
  }
}


/* v2.5.13 – Dashboard counts */
.updb-folder-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.updb-folder-stat{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(236,72,153,.08));border:1px solid rgba(148,163,184,.18);color:#475569;font-size:13px;font-weight:800;line-height:1}.updb-stat-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(255,255,255,.8)}.updb-stat-dot.folders{background:linear-gradient(135deg,#7c3aed,#ec4899)}.updb-stat-dot.files{background:linear-gradient(135deg,#2563eb,#06b6d4)}


/* =========================================================
   v2.5.17 – GM/Super Admin entfernen fix
   ========================================================= */
.updb-admin-actions .updb-danger-btn{
  background:linear-gradient(135deg,#ef4444,#8b1e35)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(139,30,53,.26)!important;
}
.updb-admin-actions .updb-danger-btn:hover{
  background:linear-gradient(135deg,#dc2626,#681124)!important;
  color:#fff!important;
}


/* =========================================================
   v2.5.18 – Globale Suche überall
   ========================================================= */
.updb-search-wrap{
  position:relative!important;
  z-index:50!important;
}
.updb-global-search-results{
  display:none;
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  right:0;
  min-width:min(620px, calc(100vw - 32px));
  max-height:min(620px, calc(100vh - 180px));
  overflow:auto;
  padding:12px;
  border-radius:22px;
  background:
    radial-gradient(circle at 12% 0%, rgba(59,130,246,.12), transparent 32%),
    radial-gradient(circle at 92% 18%, rgba(217,70,106,.11), transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,250,246,.98));
  border:1px solid rgba(139,30,53,.13);
  box-shadow:0 34px 90px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.updb-global-search-results.is-open{
  display:block;
}
.updb-global-search-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:8px 10px 12px;
  border-bottom:1px solid rgba(148,163,184,.18);
  margin-bottom:8px;
}
.updb-global-search-head strong{
  color:#1f2937;
  font-size:15px;
  font-weight:950;
}
.updb-global-search-head span{
  color:#7a1536;
  font-size:12px;
  font-weight:950;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(139,30,53,.08);
}
.updb-global-result{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:16px;
  color:#1f2937!important;
  text-decoration:none!important;
  border:1px solid transparent;
}
.updb-global-result:hover{
  background:rgba(255,255,255,.72);
  border-color:rgba(59,130,246,.18);
  transform:translateY(-1px);
}
.updb-global-result-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  flex:none;
  color:#fff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.04em;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  box-shadow:0 12px 24px rgba(37,99,235,.18);
}
.updb-global-result.folder .updb-global-result-icon{
  background:linear-gradient(135deg,#7c3aed,#ec4899);
}
.updb-global-result.branch .updb-global-result-icon{
  background:linear-gradient(135deg,#8b1e35,#ef4444);
}
.updb-global-result-text{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.updb-global-result-text strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#1f2937;
  font-weight:950;
}
.updb-global-result-text small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#64748b;
  font-weight:750;
}
.updb-global-result em{
  font-style:normal;
  color:#7a1536;
  font-weight:950;
  font-size:12px;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(139,30,53,.07);
}
.updb-global-search-loading,
.updb-global-search-empty{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#64748b;
  font-weight:750;
}
.updb-global-search-loading{
  flex-direction:row;
  align-items:center;
}
.updb-global-search-loading i{
  width:18px;
  height:18px;
  border-radius:50%;
  border:3px solid rgba(59,130,246,.18);
  border-top-color:#2563eb;
  animation:updbSearchSpin .8s linear infinite;
}
.updb-global-search-empty strong{
  color:#1f2937;
  font-weight:950;
}
@keyframes updbSearchSpin{
  to{transform:rotate(360deg)}
}
@media(max-width:980px){
  .updb-global-search-results{
    min-width:0;
    left:0;
    right:0;
    max-height:65vh;
  }
  .updb-global-result em{
    display:none;
  }
}


/* =========================================================
   v2.5.20 – Settings input clean + no horizontal database scroll
   ========================================================= */
/* Zahlenfelder: keine Browser-Pfeile, Wert sichtbar, Einheit rechts */
.updb-settings-grid{
  grid-template-columns:repeat(3,minmax(320px,1fr))!important;
  gap:24px!important;
}
.updb-setting-input{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-height:84px!important;
  height:84px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(148,163,184,.24)!important;
}
.updb-setting-input input,
.updb-setting-input input[type="text"],
.updb-setting-input input[type="number"]{
  flex:1 1 auto!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:84px!important;
  padding:0 24px!important;
  border:0!important;
  outline:0!important;
  background:#fff!important;
  color:#111827!important;
  font-size:26px!important;
  font-weight:950!important;
  line-height:84px!important;
  text-align:left!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
}
.updb-setting-input input[type="number"]::-webkit-outer-spin-button,
.updb-setting-input input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none!important;
  appearance:none!important;
  margin:0!important;
  display:none!important;
}
.updb-setting-input b{
  flex:0 0 116px!important;
  width:116px!important;
  min-width:116px!important;
  height:84px!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 24px!important;
  border-left:1px solid rgba(148,163,184,.18)!important;
  background:linear-gradient(135deg,rgba(139,30,53,.06),rgba(59,130,246,.06))!important;
  color:#7a1536!important;
  font-size:18px!important;
  font-weight:950!important;
}
.updb-settings-grid textarea{
  min-height:205px!important;
  font-size:20px!important;
  line-height:1.6!important;
  padding:24px!important;
}

/* Datenbank: horizontales Scrollen verhindern */
.updb-app,
.updb-content,
.updb-drive,
.updb-drive-main,
.updb-folder-cards{
  max-width:100%!important;
  box-sizing:border-box!important;
}
.updb-content,
.updb-drive,
.updb-drive-main{
  overflow-x:hidden!important;
}
.updb-drive{
  grid-template-columns:minmax(190px,240px) minmax(0,1fr)!important;
}
.updb-app.updb-fixed .updb-drive-main{
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.updb-drive-main .updb-folder-cards,
.updb-content .updb-folder-cards{
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:22px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.updb-drive-main .updb-folder-card,
.updb-content .updb-folder-card{
  min-width:0!important;
  width:100%!important;
}
@media(max-width:1280px){
  .updb-drive-main .updb-folder-cards,
  .updb-content .updb-folder-cards{
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  }
  .updb-settings-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:980px){
  .updb-drive{
    grid-template-columns:1fr!important;
  }
  .updb-drive-tree{
    overflow-x:hidden!important;
  }
}

/* Symbol-Ebenen: lebendiger Farbwechsel */
.updb-folder-icon:before{
  animation:updbIconLayerColorCycle 4.8s linear infinite!important;
  filter:drop-shadow(0 16px 22px rgba(29,78,216,.14)) drop-shadow(0 8px 14px rgba(217,70,106,.13)) saturate(1.28) brightness(1.05) hue-rotate(0deg)!important;
}
@keyframes updbIconLayerColorCycle{
  0%{filter:drop-shadow(0 16px 22px rgba(29,78,216,.14)) drop-shadow(0 8px 14px rgba(217,70,106,.13)) saturate(1.25) brightness(1.05) hue-rotate(0deg)}
  25%{filter:drop-shadow(0 16px 22px rgba(124,58,237,.16)) drop-shadow(0 8px 14px rgba(236,72,153,.14)) saturate(1.34) brightness(1.07) hue-rotate(34deg)}
  50%{filter:drop-shadow(0 16px 22px rgba(6,182,212,.16)) drop-shadow(0 8px 14px rgba(139,30,53,.13)) saturate(1.32) brightness(1.08) hue-rotate(82deg)}
  75%{filter:drop-shadow(0 16px 22px rgba(59,130,246,.16)) drop-shadow(0 8px 14px rgba(217,70,106,.15)) saturate(1.36) brightness(1.07) hue-rotate(142deg)}
  100%{filter:drop-shadow(0 16px 22px rgba(29,78,216,.14)) drop-shadow(0 8px 14px rgba(217,70,106,.13)) saturate(1.25) brightness(1.05) hue-rotate(360deg)}
}


/* =========================================================
   v2.5.21 – Compact First-View UI
   Ziel: mehr Inhalt direkt sichtbar, weniger Scroll, keine horizontale Leiste
   ========================================================= */

/* App-Grundlayout kompakter */
.updb-app,
.updb-app *{
  box-sizing:border-box;
}

.updb-app{
  --updb-sidebar-compact:250px;
  --updb-card-gap:18px;
  font-size:14px;
  overflow-x:hidden!important;
}

.updb-app.updb-fixed,
.updb-shell,
.updb-content,
.updb-main,
.updb-board,
.updb-drive-main{
  overflow-x:hidden!important;
}

/* Sidebar schmaler und Menü kompakter */
.updb-sidebar{
  width:250px!important;
  min-width:250px!important;
  padding:18px 14px!important;
}

.updb-brand{
  margin-bottom:18px!important;
}

.updb-brand h2,
.updb-brand strong{
  font-size:20px!important;
  line-height:1.05!important;
}

.updb-brand small{
  font-size:14px!important;
}

.updb-country{
  height:38px!important;
  padding:0 12px!important;
  font-size:14px!important;
}

.updb-menu,
.updb-nav{
  gap:7px!important;
}

.updb-menu a,
.updb-nav a,
.updb-side-link{
  min-height:43px!important;
  padding:10px 14px!important;
  font-size:14px!important;
  border-radius:15px!important;
}

.updb-menu svg,
.updb-nav svg,
.updb-side-link svg{
  width:17px!important;
  height:17px!important;
}

.updb-status{
  padding:18px 16px!important;
  border-radius:20px!important;
}

.updb-status strong{
  font-size:15px!important;
}

.updb-status small{
  font-size:13px!important;
}

/* Hauptbereich kompakter */
.updb-app.updb-fixed .updb-content{
  padding:18px 26px 50px!important;
}

.updb-topbar,
.updb-header,
.updb-page-head{
  min-height:74px!important;
  padding:14px 26px!important;
  gap:14px!important;
}

.updb-title,
.updb-page-title,
.updb-header-title,
.updb-content h1{
  font-size:44px!important;
  line-height:1.02!important;
  margin:0!important;
  letter-spacing:-.055em!important;
}

.updb-content h2,
.updb-section-title h2{
  font-size:24px!important;
  line-height:1.12!important;
  margin:0 0 6px!important;
}

.updb-section-title{
  margin:4px 0 18px!important;
}

.updb-section-title p{
  font-size:14px!important;
  margin:0!important;
}

/* Topbar Controls kleiner */
.updb-branch-select,
.updb-search-wrap,
.updb-user{
  min-height:46px!important;
  height:46px!important;
  border-radius:17px!important;
}

.updb-branch-select{
  padding:6px 10px!important;
}

.updb-branch-select .updb-branch-label{
  padding:8px 11px!important;
  font-size:11px!important;
}

.updb-branch-select .updb-branch-field,
.updb-branch-select select,
.updb-branch-select strong{
  height:38px!important;
  min-height:38px!important;
  min-width:160px!important;
  font-size:13px!important;
}

.updb-search-wrap{
  max-width:360px!important;
  min-width:260px!important;
}

.updb-search-wrap input,
.updb-live-search{
  height:46px!important;
  min-height:46px!important;
  padding:0 16px 0 40px!important;
  font-size:14px!important;
}

.updb-user{
  padding:6px 12px!important;
  min-width:150px!important;
}

.updb-user img,
.updb-user-avatar{
  width:34px!important;
  height:34px!important;
}

.updb-user strong{
  font-size:14px!important;
}

.updb-user small{
  font-size:11px!important;
}

/* Datenbank-Panel ohne horizontale Scroll-Leiste */
.updb-drive,
.updb-document-layout,
.updb-file-browser{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}

.updb-drive-sidebar,
.updb-folder-tree{
  width:210px!important;
  min-width:210px!important;
  padding:18px 16px!important;
}

.updb-drive-content,
.updb-document-content,
.updb-files-area{
  min-width:0!important;
  overflow-x:hidden!important;
  padding:22px!important;
}

.updb-drive-content > *,
.updb-document-content > *,
.updb-files-area > *{
  max-width:100%!important;
}

/* Karten-Grid kompakter, automatisch passend */
.updb-folder-cards,
.updb-card-grid,
.updb-db-grid,
.updb-folder-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

/* Bei breitem Desktop 4 Karten möglich */
@media (min-width:1400px){
  .updb-folder-cards,
  .updb-card-grid,
  .updb-db-grid,
  .updb-folder-grid{
    grid-template-columns:repeat(4,minmax(220px,1fr))!important;
  }
}

/* Ordner-/Filialkarten kompakter */
.updb-folder-card{
  min-height:245px!important;
  height:auto!important;
  padding:18px 20px 16px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}

.updb-folder-icon,
.updb-folder-card:hover .updb-folder-icon{
  width:178px!important;
  height:138px!important;
  margin:-8px auto 0!important;
  animation:updbGalaxyFloat254 3.3s ease-in-out infinite!important;
}

.updb-folder-icon:before{
  width:178px!important;
  height:138px!important;
}

.updb-folder-icon:after{
  width:130px!important;
  height:28px!important;
  bottom:9px!important;
}

.updb-folder-size{
  top:10px!important;
  min-width:56px!important;
  padding:4px 8px!important;
  font-size:11px!important;
}

.updb-folder-icon b{
  width:36px!important;
  height:36px!important;
  top:10px!important;
  right:18px!important;
  font-size:15px!important;
}

.updb-folder-card strong{
  font-size:20px!important;
  line-height:1.1!important;
  margin-top:2px!important;
}

.updb-folder-stats{
  gap:8px!important;
  margin-top:10px!important;
}

.updb-folder-stat{
  font-size:12px!important;
  padding:7px 10px!important;
  gap:6px!important;
}

.updb-stat-dot{
  width:8px!important;
  height:8px!important;
}

/* Breadcrumb / Dokumentenansicht kompakter */
.updb-breadcrumb{
  font-size:14px!important;
  margin-bottom:14px!important;
}

.updb-current-head{
  gap:14px!important;
  margin-bottom:18px!important;
}

.updb-current-head h2{
  font-size:28px!important;
}

.updb-current-head .updb-actions,
.updb-actions{
  gap:10px!important;
  flex-wrap:wrap!important;
}

/* Buttons kompakter */
.updb-btn,
button.updb-btn,
a.updb-btn{
  min-height:42px!important;
  height:auto!important;
  padding:11px 16px!important;
  font-size:14px!important;
  border-radius:14px!important;
}

/* Tabellen/Listen kompakter */
.updb-table-card{
  overflow-x:hidden!important;
}

.updb-table-card table{
  table-layout:auto!important;
  width:100%!important;
  min-width:0!important;
}

.updb-table-card th,
.updb-table-card td{
  padding:12px 14px!important;
  font-size:13px!important;
}

/* Einstellungen: first view kompakter, aber gut lesbar */
.updb-settings-front{
  max-width:1180px!important;
}

.updb-settings-card{
  padding:22px!important;
}

.updb-settings-card h3{
  font-size:23px!important;
  margin-bottom:16px!important;
}

.updb-settings-grid{
  grid-template-columns:repeat(3,minmax(220px,1fr))!important;
  gap:16px!important;
}

.updb-settings-grid label{
  min-height:178px!important;
  padding:18px!important;
  gap:10px!important;
  border-radius:18px!important;
}

.updb-settings-grid label > span{
  font-size:15px!important;
  line-height:1.25!important;
}

.updb-settings-grid small{
  font-size:13px!important;
  line-height:1.4!important;
}

.updb-setting-input{
  min-height:58px!important;
  height:58px!important;
  border-radius:16px!important;
}

.updb-setting-input input{
  height:58px!important;
  font-size:21px!important;
  padding:0 18px!important;
  text-align:left!important;
}

.updb-setting-input input[type=number]{
  -moz-appearance:textfield!important;
  appearance:textfield!important;
}

.updb-setting-input input[type=number]::-webkit-outer-spin-button,
.updb-setting-input input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance:none!important;
  appearance:none!important;
  margin:0!important;
  display:none!important;
}

.updb-setting-input b{
  min-width:84px!important;
  flex:0 0 84px!important;
  padding:0 18px!important;
  justify-content:center!important;
  margin-left:auto!important;
  font-size:15px!important;
  border-left:1px solid rgba(148,163,184,.16)!important;
}

.updb-settings-grid textarea{
  min-height:128px!important;
  font-size:17px!important;
  line-height:1.45!important;
  padding:17px!important;
  border-radius:16px!important;
}

.updb-settings-actions{
  margin-top:14px!important;
}

.updb-settings-preview{
  grid-template-columns:repeat(3,minmax(190px,1fr))!important;
  gap:14px!important;
}

.updb-settings-preview div{
  padding:18px!important;
  border-radius:18px!important;
}

.updb-settings-preview strong{
  font-size:26px!important;
}

/* Admin-Frontend Seiten kompakter */
.updb-admin-hero{
  padding:20px!important;
  border-radius:22px!important;
}

.updb-admin-hero h2{
  font-size:28px!important;
}

.updb-admin-hero p{
  font-size:14px!important;
}

.updb-admin-card,
.updb-admin-row{
  padding:18px!important;
  border-radius:20px!important;
}

.updb-admin-form-grid{
  gap:12px!important;
}

/* Mobile sauber stapeln */
@media(max-width:1100px){
  .updb-settings-grid,
  .updb-settings-preview{
    grid-template-columns:1fr!important;
  }

  .updb-drive-sidebar,
  .updb-folder-tree{
    width:190px!important;
    min-width:190px!important;
  }

  .updb-folder-cards,
  .updb-card-grid,
  .updb-db-grid,
  .updb-folder-grid{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  }
}

@media(max-width:780px){
  .updb-sidebar{
    width:100%!important;
    min-width:0!important;
  }

  .updb-app.updb-fixed .updb-content{
    padding:14px 14px 70px!important;
  }

  .updb-title,
  .updb-page-title,
  .updb-header-title,
  .updb-content h1{
    font-size:34px!important;
  }

  .updb-folder-card{
    min-height:230px!important;
  }

  .updb-drive-sidebar,
  .updb-folder-tree{
    width:100%!important;
    min-width:0!important;
  }
}


/* =========================================================
   v2.5.22 – Buttons sauber sortiert und professionell gruppiert
   ========================================================= */

/* Kopf-Aktionsbereich: Titel links, Buttons rechts, sauber gruppiert */
.updb-current-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.updb-current-title{
  min-width:0!important;
  flex:1 1 auto!important;
}

.updb-actions-sorted{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  max-width:760px!important;
}

.updb-action-group{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}

.updb-action-primary{
  order:1!important;
}

.updb-action-secondary{
  order:2!important;
  padding-left:4px!important;
}

.updb-action-secondary .updb-icon-btn,
.updb-action-secondary .updb-danger{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:11px 15px!important;
  border-radius:14px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.updb-action-secondary .updb-icon-btn{
  background:linear-gradient(135deg,rgba(139,30,53,.10),rgba(59,130,246,.07))!important;
  color:#7a1536!important;
  border:1px solid rgba(139,30,53,.12)!important;
  box-shadow:none!important;
}

.updb-action-secondary .updb-danger{
  color:#8b1e35!important;
  background:rgba(139,30,53,.06)!important;
  border:1px solid rgba(139,30,53,.12)!important;
}

/* Bulk Toolbar: links Auswahl, rechts Aktionen in einer klaren Reihe */
.updb-bulk-toolbar-sorted{
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:16px 18px!important;
}

.updb-bulk-left{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
}

.updb-bulk-toolbar-sorted .updb-bulk-select-all{
  flex:0 0 auto!important;
  margin:0!important;
}

.updb-bulk-toolbar-sorted .updb-bulk-meta{
  min-width:0!important;
  margin:0!important;
}

.updb-bulk-toolbar-sorted .updb-bulk-meta strong{
  display:block!important;
  font-size:14px!important;
  margin-bottom:2px!important;
}

.updb-bulk-toolbar-sorted .updb-bulk-meta small{
  font-size:12px!important;
  white-space:nowrap!important;
}

.updb-bulk-toolbar-sorted .updb-bulk-buttons{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}

.updb-bulk-toolbar-sorted .updb-bulk-buttons .updb-btn{
  min-height:42px!important;
  padding:11px 15px!important;
  border-radius:14px!important;
  font-size:13px!important;
  white-space:nowrap!important;
  letter-spacing:0!important;
}

/* Reihenfolge visuell fest: Senden, Download, Löschen */
.updb-bulk-toolbar-sorted .updb-send-selected-files{
  order:1!important;
  background:linear-gradient(135deg,#2563eb,#8b1e35)!important;
}

.updb-bulk-toolbar-sorted [data-bulk-action="download"]{
  order:2!important;
}

.updb-bulk-toolbar-sorted [data-bulk-action="trash"]{
  order:3!important;
  background:linear-gradient(135deg,#ef4444,#8b1e35)!important;
}

/* Tabelle etwas näher an Toolbar */
.updb-bulk-files-form .updb-table-card{
  margin-top:14px!important;
}

/* Bei weniger Breite sauber in zwei Zeilen statt chaotisch */
@media(max-width:1180px){
  .updb-bulk-toolbar-sorted{
    grid-template-columns:1fr!important;
  }
  .updb-bulk-toolbar-sorted .updb-bulk-buttons{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
  }
}

@media(max-width:820px){
  .updb-current-head{
    flex-direction:column!important;
  }
  .updb-actions-sorted{
    width:100%!important;
    max-width:none!important;
    justify-content:flex-start!important;
  }
  .updb-action-group{
    width:100%!important;
    justify-content:flex-start!important;
  }
  .updb-action-group .updb-btn,
  .updb-action-group .updb-icon-btn,
  .updb-action-group .updb-danger{
    flex:1 1 auto!important;
  }
  .updb-bulk-left{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
  }
  .updb-bulk-toolbar-sorted .updb-bulk-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
}


/* =========================================================
   v2.5.23 – Daten senden kompakt + professionelle Dateizeilen
   ========================================================= */

/* Daten senden Grundlayout kompakter */
.updb-send-v2{
  display:grid!important;
  grid-template-columns:330px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}

.updb-send-v2 .updb-message-compose{
  padding:22px!important;
  border-radius:22px!important;
  position:sticky!important;
  top:12px!important;
  align-self:start!important;
  max-height:calc(100vh - 150px)!important;
  overflow:auto!important;
}

.updb-send-v2 .updb-data-picker{
  padding:22px!important;
  border-radius:22px!important;
  min-width:0!important;
  overflow:hidden!important;
}

.updb-send-v2 .updb-message-compose h2,
.updb-send-v2 .updb-data-picker h2{
  font-size:22px!important;
  line-height:1.15!important;
  margin:0!important;
}

.updb-send-v2 .updb-message-compose label{
  margin:12px 0 6px!important;
  font-size:13px!important;
  font-weight:900!important;
  color:#6b4a17!important;
}

.updb-send-v2 .updb-message-compose input,
.updb-send-v2 .updb-message-compose select{
  height:42px!important;
  min-height:42px!important;
  padding:0 13px!important;
  border-radius:13px!important;
  font-size:13px!important;
  background:#fffaf3!important;
}

.updb-send-v2 .updb-message-compose textarea{
  min-height:106px!important;
  max-height:140px!important;
  padding:12px 13px!important;
  border-radius:14px!important;
  font-size:13px!important;
  resize:vertical!important;
}

.updb-send-v2 .updb-message-compose h3{
  font-size:17px!important;
  margin:12px 0 8px!important;
}

.updb-send-v2 .updb-selected{
  min-height:46px!important;
  max-height:92px!important;
  overflow:auto!important;
  padding:11px 12px!important;
  font-size:13px!important;
  border-radius:14px!important;
}

.updb-send-v2 .updb-btn.wide{
  width:100%!important;
  min-height:43px!important;
  margin-top:14px!important;
  font-size:14px!important;
}

/* Picker-Header: Titel links, Suche rechts sauber */
.updb-send-v2 .updb-picker-head{
  display:grid!important;
  grid-template-columns:auto minmax(260px,380px)!important;
  align-items:center!important;
  gap:14px!important;
  margin-bottom:14px!important;
}

.updb-send-v2 .updb-picker-head input{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  font-size:13px!important;
  justify-self:end!important;
}

/* Rechte Dateiliste als kompakte Datei-Zeilen */
.updb-send-v2 .updb-picker-list{
  display:grid!important;
  gap:8px!important;
  max-height:calc(100vh - 260px)!important;
  min-height:420px!important;
  overflow:auto!important;
  padding:0 4px 4px 0!important;
}

.updb-send-v2 .updb-pick{
  display:grid!important;
  grid-template-columns:24px 42px minmax(0,1fr) minmax(130px,210px)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:58px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#fffdf9)!important;
  border:1px solid rgba(214,186,138,.55)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.025)!important;
  cursor:pointer!important;
}

.updb-send-v2 .updb-pick:hover{
  border-color:rgba(139,30,53,.20)!important;
  background:linear-gradient(90deg,rgba(59,130,246,.04),rgba(217,70,106,.04),#fff)!important;
}

.updb-send-v2 .updb-pick input[type="checkbox"]{
  width:17px!important;
  height:17px!important;
  accent-color:#8b1e35!important;
  margin:0!important;
}

.updb-send-v2 .updb-pick .updb-row-file{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  display:grid!important;
  place-items:center!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  margin:0!important;
}

.updb-send-v2 .updb-pick strong{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#1f2937!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.2!important;
}

.updb-send-v2 .updb-pick small{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:750!important;
  text-align:right!important;
}

/* Aus der Datenbank hinzugefügte Dateien weiterhin klar markiert */
.updb-send-v2 .updb-picked-from-database{
  border-color:rgba(37,99,235,.36)!important;
  background:linear-gradient(90deg,rgba(59,130,246,.08),rgba(217,70,106,.05),#fff)!important;
}

/* Weniger großer Leerraum im Content auf Daten-senden-Seite */
.updb-app.updb-fixed .updb-content:has(.updb-send-v2){
  padding-top:16px!important;
  padding-bottom:44px!important;
}

/* Ausgewählte-Dateien-Liste kompakter */
#updb-selected-front{
  line-height:1.55!important;
}

#updb-selected-front br{
  display:block!important;
  content:""!important;
  margin:2px 0!important;
}

/* Responsive: sauber stapeln statt quetschen */
@media(max-width:1180px){
  .updb-send-v2{
    grid-template-columns:1fr!important;
  }
  .updb-send-v2 .updb-message-compose{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
  }
  .updb-send-v2 .updb-picker-list{
    max-height:620px!important;
  }}

@media(max-width:820px){
  .updb-send-v2 .updb-picker-head{
    grid-template-columns:1fr!important;
  }
  .updb-send-v2 .updb-picker-head input{
    justify-self:stretch!important;
  }
  .updb-send-v2 .updb-pick{
    grid-template-columns:24px 38px minmax(0,1fr)!important;
  }
  .updb-send-v2 .updb-pick small{
    grid-column:3!important;
    text-align:left!important;
    margin-top:-4px!important;
  }
}


/* =========================================================
   v2.5.24 – Header wieder wie vorher
   Nur Daten-senden bleibt kompakt.
   ========================================================= */
.updb-topbar,
.updb-header,
.updb-page-head{
  min-height:74px!important;
  padding:14px 26px!important;
  gap:14px!important;
}

.updb-topbar .updb-search-wrap,
.updb-header .updb-search-wrap,
.updb-page-head .updb-search-wrap{
  flex:0 1 auto!important;
}

.updb-search-wrap{
  max-width:360px!important;
  min-width:260px!important;
}

.updb-branch-select,
.updb-search-wrap,
.updb-user{
  min-height:46px!important;
  height:46px!important;
  border-radius:17px!important;
}


/* =========================================================
   v2.5.25 – Filiale farblich von normalen Ordnern trennen
   ========================================================= */
.updb-branch-card{
  border-color:rgba(56,189,248,.28)!important;
  background:linear-gradient(180deg,#ffffff 0%, #f6fcff 100%)!important;
}
.updb-branch-card:before{
  background:linear-gradient(90deg,rgba(59,130,246,.14),rgba(6,182,212,.12))!important;
}
.updb-branch-card .updb-folder-icon,
.updb-branch-card:hover .updb-folder-icon{
  background:linear-gradient(180deg,#e0f2fe 0%, #7dd3fc 46%, #60a5fa 100%)!important;
  box-shadow:0 18px 34px rgba(59,130,246,.22)!important;
}
.updb-branch-card .updb-folder-icon:before{
  background:linear-gradient(180deg,#bae6fd 0%, #38bdf8 100%)!important;
}
.updb-branch-card .updb-folder-icon:after{
  border-color:rgba(56,189,248,.36)!important;
  box-shadow:0 0 18px rgba(96,165,250,.30)!important;
}
.updb-branch-card .updb-folder-size{
  background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;
  color:#1d4ed8!important;
  border-color:rgba(96,165,250,.28)!important;
}
.updb-branch-card .updb-folder-icon b{
  background:linear-gradient(135deg,#2563eb,#06b6d4)!important;
  box-shadow:0 10px 20px rgba(37,99,235,.28)!important;
}
.updb-branch-card .updb-folder-stat{
  background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(6,182,212,.08))!important;
  border-color:rgba(96,165,250,.20)!important;
}
.updb-tree-branch{
  background:linear-gradient(135deg,rgba(239,246,255,.96),rgba(224,242,254,.92))!important;
  color:#0f3d91!important;
  border:1px solid rgba(96,165,250,.26)!important;
}
.updb-tree-branch:hover,
.updb-tree-branch.active{
  background:linear-gradient(135deg,#dbeafe,#bae6fd)!important;
  color:#0b3a88!important;
  border-color:rgba(59,130,246,.34)!important;
}
.updb-tree-branch .updb-tree-icon{
  background:linear-gradient(180deg,#dbeafe,#60a5fa)!important;
}
.updb-tree-branch .updb-tree-icon:before{
  background:#38bdf8!important;
}

/* v2.5.27 – Lazy Loading / Pagination für Dateien */
.updb-lazy-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px;
  border-top:1px solid rgba(15,23,42,.08);
  background:rgba(248,250,252,.78);
}
.updb-lazy-count{
  font-size:13px;
  font-weight:700;
  color:#64748b;
}
.updb-load-more-files.is-loading{
  pointer-events:none;
  opacity:.72;
}
@media (max-width: 720px){
  .updb-lazy-footer{
    flex-direction:column;
    align-items:stretch;
  }
  .updb-lazy-footer .updb-btn{
    width:100%;
  }
}


/* v2.5.30 - Professioneller Zurück-Button in der Datenbank */
.updb-back-btn{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:44px!important;
  padding:10px 15px!important;
  border-radius:16px!important;
  text-decoration:none!important;
  color:#172033!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  border:1px solid rgba(148,163,184,.26)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.85)!important;
  font-weight:900!important;
}
.updb-back-btn span{
  width:24px!important;
  height:24px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#7a1536!important;
  background:rgba(122,21,54,.08)!important;
  font-size:16px!important;
  line-height:1!important;
}
.updb-back-btn strong{
  font-size:13px!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}
.updb-back-btn:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(122,21,54,.26)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.09)!important;
}

/* v2.5.28 - Clean Folder Dropdown + schnellere Datenbank-Ansicht */
.updb-drive-clean{
  grid-template-columns:1fr!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#fffdf9!important;
}
.updb-drive-clean .updb-drive-main{
  padding:28px!important;
  min-width:0!important;
}
.updb-drive-nav-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  flex-wrap:wrap!important;
  padding:0 0 18px!important;
  margin-bottom:18px!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
}
.updb-drive-nav-row .updb-breadcrumb{
  margin:0!important;
  min-width:240px!important;
  flex:1 1 300px!important;
  flex-wrap:wrap!important;
}
.updb-folder-switch{
  flex:0 1 420px!important;
  min-width:280px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  background:#fff!important;
  border:1px solid rgba(148,163,184,.24)!important;
  border-radius:16px!important;
  padding:8px 12px!important;
  box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
}
.updb-folder-switch span{
  flex:none!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  color:#7a1536!important;
}
.updb-folder-switch select{
  width:100%!important;
  min-width:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#172033!important;
  font-weight:850!important;
  font-size:14px!important;
  padding:8px 2px!important;
  cursor:pointer!important;
}
.updb-drive-clean .updb-current-head{
  margin-bottom:18px!important;
}
.updb-drive-clean .updb-current-head h2{
  font-size:26px!important;
  letter-spacing:-.02em!important;
}
.updb-drive-clean .updb-folder-cards{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:14px!important;
  margin-top:8px!important;
}
.updb-drive-clean .updb-folder-card{
  min-height:94px!important;
  height:auto!important;
  padding:16px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  grid-template-areas:"icon title" "icon stats"!important;
  align-items:center!important;
  justify-content:start!important;
  gap:6px 14px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ffffff,#fffaf3)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  transform:none!important;
}
.updb-drive-clean .updb-folder-card:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(122,21,54,.28)!important;
  box-shadow:0 16px 34px rgba(15,23,42,.08)!important;
}
.updb-drive-clean .updb-folder-card:before,
.updb-drive-clean .updb-folder-card:after{
  display:none!important;
  content:none!important;
}
.updb-drive-clean .updb-folder-card .updb-folder-icon{
  grid-area:icon!important;
  width:46px!important;
  height:36px!important;
  min-width:46px!important;
  border-radius:8px 8px 10px 10px!important;
  display:block!important;
  background:linear-gradient(180deg,#ffe8a9,#d4af37)!important;
  box-shadow:0 8px 18px rgba(212,175,55,.22)!important;
  position:relative!important;
  margin:0!important;
  transform:none!important;
  filter:none!important;
}
.updb-drive-clean .updb-folder-card .updb-folder-icon:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  top:-7px!important;
  width:22px!important;
  height:10px!important;
  border-radius:7px 7px 0 0!important;
  background:#e6bd53!important;
}
.updb-drive-clean .updb-folder-card .updb-folder-icon:after{
  display:none!important;
  content:none!important;
}
.updb-drive-clean .updb-folder-card .updb-folder-icon b{
  right:-8px!important;
  top:-12px!important;
  width:auto!important;
  min-width:24px!important;
  height:24px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:24px!important;
  font-weight:950!important;
  background:#7a1536!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(122,21,54,.22)!important;
}
.updb-drive-clean .updb-folder-card strong{
  grid-area:title!important;
  min-width:0!important;
  margin:0!important;
  font-size:17px!important;
  line-height:1.25!important;
  color:#172033!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.updb-drive-clean .updb-folder-card strong:before,
.updb-drive-clean .updb-folder-card strong:after,
.updb-drive-clean .updb-folder-card small:before,
.updb-drive-clean .updb-folder-card small:after{
  display:none!important;
  content:none!important;
}
.updb-drive-clean .updb-folder-card .updb-folder-stats{
  grid-area:stats!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:0!important;
}
.updb-drive-clean .updb-folder-card .updb-folder-stat{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:24px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:800!important;
}
.updb-drive-clean .updb-table-card{
  box-shadow:0 12px 28px rgba(15,23,42,.06)!important;
}
.updb-lazy-footer{
  position:sticky!important;
  bottom:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:14px 16px!important;
  background:rgba(255,253,249,.96)!important;
  border-top:1px solid rgba(148,163,184,.18)!important;
  backdrop-filter:blur(10px)!important;
}
.updb-lazy-count{
  color:#475569!important;
  font-weight:800!important;
}
@media(max-width:780px){
  .updb-drive-clean .updb-drive-main{padding:18px!important;}
  .updb-folder-switch{flex:1 1 100%!important;min-width:0!important;align-items:flex-start!important;flex-direction:column!important;gap:4px!important;}
  .updb-drive-clean .updb-folder-cards{grid-template-columns:1fr!important;}
  .updb-drive-clean .updb-current-head{align-items:flex-start!important;flex-direction:column!important;}
}



/* =========================================================
   v2.5.31 – Mobile First Complete Platform
   Ziel: komplette Plattform auf Handy professionell nutzbar machen
   ========================================================= */

.updb-mobile-menu-toggle,
.updb-mobile-tabbar,
.updb-mobile-backdrop{
  display:none;
}

.updb-mobile-menu-toggle{
  appearance:none;
  border:1px solid rgba(148,163,184,.24);
  background:linear-gradient(180deg,#ffffff,#fffaf7);
  color:#172033;
  min-width:50px;
  height:46px;
  border-radius:16px;
  padding:0 13px;
  align-items:center;
  justify-content:center;
  gap:4px;
  box-shadow:0 12px 26px rgba(15,23,42,.06);
  cursor:pointer;
  font-weight:900;
}

.updb-mobile-menu-toggle span{
  display:block;
  width:18px;
  height:2px;
  border-radius:999px;
  background:#7a1536;
  transition:transform .18s ease, opacity .18s ease;
}

.updb-mobile-menu-toggle strong{
  display:none;
  font-size:13px;
  letter-spacing:.01em;
  margin-left:6px;
}

body.updb-mobile-menu-open .updb-mobile-menu-toggle span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
}
body.updb-mobile-menu-open .updb-mobile-menu-toggle span:nth-child(2){
  opacity:0;
}
body.updb-mobile-menu-open .updb-mobile-menu-toggle span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
}

@media(max-width:1180px){
  html.updb-fixed-page,
  body.updb-fixed-page,
  body:has(.updb-app.updb-fixed){
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  .updb-app.updb-fixed{
    width:100dvw!important;
    max-width:100dvw!important;
    height:100dvh!important;
    grid-template-columns:1fr!important;
    overflow:hidden!important;
  }

  body.admin-bar .updb-app.updb-fixed{
    height:calc(100dvh - 46px)!important;
  }

  .updb-app.updb-fixed .updb-main{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .updb-mobile-menu-toggle{
    display:inline-flex!important;
    flex:0 0 auto!important;
  }

  .updb-mobile-title-wrap{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  .updb-app.updb-fixed .updb-topbar,
  .updb-topbar{
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 12px 12px!important;
    overflow:visible!important;
    background:rgba(248,245,238,.96)!important;
    border-bottom:1px solid rgba(234,220,197,.92)!important;
    backdrop-filter:blur(14px)!important;
    z-index:10005!important;
  }

  .updb-topbar h1{
    font-size:27px!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    margin:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .updb-topbar h1:after{
    width:46px!important;
    height:3px!important;
    margin-top:8px!important;
  }

  .updb-top-actions{
    grid-column:1/-1!important;
    order:3!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    justify-content:stretch!important;
    align-items:center!important;
  }

  .updb-branch-select{
    grid-column:1/2!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:5px 8px!important;
    border-radius:15px!important;
  }

  .updb-branch-select select,
  .updb-branch-select strong,
  .updb-branch-select .updb-branch-field{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    font-size:13px!important;
  }

  .updb-search-wrap{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:15px!important;
    padding:0 12px!important;
  }

  .updb-search-wrap span{
    font-size:18px!important;
  }

  .updb-search-wrap input,
  .updb-live-search{
    height:42px!important;
    min-height:42px!important;
    font-size:16px!important;
    padding:0!important;
  }

  .updb-user-menu{
    grid-column:2/3!important;
    grid-row:1!important;
    justify-self:end!important;
    min-width:0!important;
  }

  .updb-user{
    height:44px!important;
    min-height:44px!important;
    width:48px!important;
    min-width:48px!important;
    padding:5px!important;
    border-radius:15px!important;
    justify-content:center!important;
  }

  .updb-user div,
  .updb-user .updb-chevron{
    display:none!important;
  }

  .updb-avatar{
    width:34px!important;
    height:34px!important;
  }

  .updb-user-dropdown{
    right:0!important;
    top:calc(100% + 8px)!important;
    width:min(260px, calc(100vw - 24px))!important;
  }

  .updb-app.updb-fixed .updb-content,
  .updb-content{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    padding:12px 12px 92px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    max-width:100%!important;
  }

  .updb-app.updb-fixed .updb-sidebar{
    display:flex!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:min(86vw, 320px)!important;
    min-width:0!important;
    max-width:320px!important;
    height:100dvh!important;
    z-index:10030!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:18px 16px 110px!important;
    box-shadow:22px 0 60px rgba(0,0,0,.28)!important;
    border-radius:0 26px 26px 0!important;
  }

  body.admin-bar .updb-app.updb-fixed .updb-sidebar{
    top:46px!important;
    height:calc(100dvh - 46px)!important;
  }

  body.updb-mobile-menu-open .updb-app.updb-fixed .updb-sidebar{
    transform:translateX(0)!important;
  }

  .updb-app.updb-fixed .updb-sidebar nav{
    overflow:visible!important;
  }

  .updb-sidebar nav a{
    min-height:48px!important;
    padding:13px 14px!important;
    font-size:15px!important;
  }

  .updb-brand{
    gap:12px!important;
  }

  .updb-brand .updb-logo,
  .updb-brand img{
    width:42px!important;
    height:42px!important;
  }

  .updb-status{
    margin-top:12px!important;
  }

  .updb-mobile-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:10020!important;
    background:rgba(15,23,42,.44)!important;
    backdrop-filter:blur(4px)!important;
  }

  body.updb-mobile-menu-open .updb-mobile-backdrop{
    display:block!important;
  }

  .updb-section-title{
    margin:2px 0 12px!important;
  }

  .updb-section-title h2,
  .updb-content h2{
    font-size:22px!important;
    line-height:1.15!important;
  }

  .updb-section-title p{
    font-size:13px!important;
  }

  .updb-folder-cards,
  .updb-card-grid,
  .updb-db-grid,
  .updb-folder-grid,
  .updb-drive-main .updb-folder-cards,
  .updb-content .updb-folder-cards{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .updb-folder-card,
  .updb-drive-clean .updb-folder-card{
    min-height:82px!important;
    padding:14px!important;
    border-radius:17px!important;
  }

  .updb-folder-card strong,
  .updb-drive-clean .updb-folder-card strong{
    font-size:16px!important;
  }

  .updb-folder-stat,
  .updb-drive-clean .updb-folder-card .updb-folder-stat{
    font-size:11px!important;
    padding:4px 7px!important;
  }

  .updb-drive,
  .updb-drive-clean,
  .updb-panel,
  .updb-admin-card,
  .updb-admin-row,
  .updb-table-card,
  .updb-messenger,
  .updb-send-v2{
    border-radius:18px!important;
    width:100%!important;
    max-width:100%!important;
  }

  .updb-app.updb-fixed .updb-drive,
  .updb-app.updb-fixed .updb-panel,
  .updb-app.updb-fixed .updb-table-card,
  .updb-app.updb-fixed .updb-send-v2,
  .updb-app.updb-fixed .updb-messenger{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .updb-drive-clean .updb-drive-main,
  .updb-drive-main{
    padding:14px!important;
    height:auto!important;
    overflow:visible!important;
  }

  .updb-drive-nav-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding-bottom:12px!important;
    margin-bottom:14px!important;
  }

  .updb-back-btn{
    width:100%!important;
    justify-content:center!important;
    min-height:42px!important;
  }

  .updb-drive-nav-row .updb-breadcrumb{
    min-width:0!important;
    width:100%!important;
    overflow:auto!important;
    white-space:nowrap!important;
    flex-wrap:nowrap!important;
    padding:2px 0 4px!important;
    margin:0!important;
    scrollbar-width:none!important;
  }

  .updb-drive-nav-row .updb-breadcrumb::-webkit-scrollbar{
    display:none!important;
  }

  .updb-folder-switch{
    width:100%!important;
    min-width:0!important;
    flex:1 1 100%!important;
    border-radius:15px!important;
  }

  .updb-current-head{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
  }

  .updb-current-title,
  .updb-current-head h2{
    width:100%!important;
    min-width:0!important;
  }

  .updb-current-head h2{
    font-size:23px!important;
  }

  .updb-actions-sorted,
  .updb-actions,
  .updb-action-group{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    justify-content:stretch!important;
  }

  .updb-actions .updb-btn,
  .updb-actions .updb-icon-btn,
  .updb-actions .updb-danger,
  .updb-action-group .updb-btn,
  .updb-action-group .updb-icon-btn,
  .updb-action-group .updb-danger{
    width:100%!important;
    justify-content:center!important;
    min-height:44px!important;
    text-align:center!important;
  }

  .updb-bulk-toolbar,
  .updb-bulk-toolbar-sorted{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:14px!important;
    border-radius:17px!important;
  }

  .updb-bulk-left{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .updb-bulk-select-all{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
  }

  .updb-bulk-toolbar-sorted .updb-bulk-buttons,
  .updb-bulk-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
  }

  .updb-bulk-buttons .updb-btn{
    width:100%!important;
    min-height:44px!important;
  }

  .updb-table-card{
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .updb-table-card table,
  .updb-table-card thead,
  .updb-table-card tbody,
  .updb-table-card tr,
  .updb-table-card th,
  .updb-table-card td{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .updb-table-card thead{
    display:none!important;
  }

  .updb-table-card tbody{
    display:grid!important;
    gap:10px!important;
  }

  .updb-table-card tr{
    position:relative!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:6px 10px!important;
    padding:14px!important;
    border:1px solid rgba(148,163,184,.20)!important;
    border-radius:17px!important;
    background:#fffdf9!important;
    box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
  }

  .updb-table-card tr.updb-empty-row{
    display:block!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  .updb-table-card td{
    padding:0!important;
    border:0!important;
    font-size:13px!important;
    color:#475569!important;
  }

  .updb-table-card td.updb-check-cell,
  .updb-table-card td:nth-child(1){
    grid-column:1!important;
    grid-row:1 / span 3!important;
    width:28px!important;
    padding-top:3px!important;
  }

  .updb-table-card td:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
    color:#172033!important;
    font-weight:900!important;
    min-width:0!important;
  }

  .updb-table-card td:nth-child(3),
  .updb-table-card td:nth-child(4),
  .updb-table-card td:nth-child(5),
  .updb-table-card td:nth-child(6){
    grid-column:2!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  .updb-table-card td:nth-child(3)::before{content:"Typ: ";font-weight:900;color:#7a1536;}
  .updb-table-card td:nth-child(4)::before{content:"Größe: ";font-weight:900;color:#7a1536;}
  .updb-table-card td:nth-child(5)::before{content:"Geändert: ";font-weight:900;color:#7a1536;}
  .updb-table-card td:nth-child(6)::before{content:"Von: ";font-weight:900;color:#7a1536;}

  .updb-table-card td:nth-child(7){
    grid-column:1 / -1!important;
    display:flex!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    padding-top:8px!important;
    border-top:1px solid rgba(148,163,184,.14)!important;
  }

  .updb-file-name{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    white-space:normal!important;
    word-break:break-word!important;
    line-height:1.28!important;
  }

  .updb-row-file,
  .updb-row-folder{
    flex:0 0 auto!important;
  }

  .updb-inline-send-file,
  .updb-table-card td:nth-child(7) a{
    min-height:36px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 11px!important;
    border-radius:11px!important;
    text-decoration:none!important;
    font-weight:900!important;
  }

  .updb-inline-send-file{
    background:linear-gradient(135deg,#2563eb,#8b1e35)!important;
    color:#fff!important;
    border:0!important;
  }

  .updb-table-card td:nth-child(7) a:not(.updb-danger){
    background:#fff!important;
    color:#172033!important;
    border:1px solid rgba(148,163,184,.22)!important;
  }

  .updb-table-card td:nth-child(7) .updb-danger{
    background:rgba(139,30,53,.07)!important;
    color:#8b1e35!important;
    border:1px solid rgba(139,30,53,.16)!important;
  }

  .updb-lazy-footer{
    position:relative!important;
    bottom:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    border-radius:0 0 17px 17px!important;
    margin-top:10px!important;
  }

  .updb-lazy-footer .updb-btn{
    width:100%!important;
  }

  .updb-send-v2{
    grid-template-columns:1fr!important;
    gap:12px!important;
    overflow:visible!important;
  }

  .updb-send-v2 .updb-message-compose,
  .updb-send-v2 .updb-data-picker{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:16px!important;
    border-radius:18px!important;
  }

  .updb-send-v2 .updb-picker-head{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .updb-send-v2 .updb-picker-head input{
    width:100%!important;
    font-size:16px!important;
  }

  .updb-send-v2 .updb-picker-list{
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    gap:8px!important;
  }

  .updb-send-v2 .updb-pick{
    grid-template-columns:26px 38px minmax(0,1fr)!important;
    min-height:64px!important;
    padding:11px!important;
  }

  .updb-send-v2 .updb-pick strong{
    white-space:normal!important;
    word-break:break-word!important;
    font-size:13px!important;
  }

  .updb-send-v2 .updb-pick small{
    grid-column:3!important;
    text-align:left!important;
    white-space:normal!important;
    font-size:11px!important;
  }

  .updb-messenger{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  .updb-chat-list{
    max-height:34dvh!important;
    overflow:auto!important;
    border-right:0!important;
    border-bottom:1px solid rgba(148,163,184,.18)!important;
  }

  .updb-chat-list-head{
    padding:14px!important;
  }

  .updb-chat-list-head h2{
    font-size:20px!important;
  }

  .updb-chat-window{
    min-height:0!important;
    height:auto!important;
  }

  .updb-chat-header{
    padding:13px!important;
    gap:10px!important;
  }

  .updb-chat-header h2{
    font-size:18px!important;
    white-space:normal!important;
  }

  .updb-chat-messages{
    min-height:280px!important;
    max-height:42dvh!important;
    overflow:auto!important;
    padding:14px!important;
  }

  .updb-bubble{
    max-width:88%!important;
  }

  .updb-chat-composer,
  .updb-reply{
    padding:12px!important;
  }

  .updb-chat-composer textarea,
  .updb-reply textarea{
    font-size:16px!important;
  }

  .updb-admin-front,
  .updb-settings-front{
    width:100%!important;
    max-width:100%!important;
  }

  .updb-admin-hero,
  .updb-admin-card,
  .updb-admin-row,
  .updb-settings-card{
    padding:16px!important;
    border-radius:18px!important;
  }

  .updb-admin-hero h2{
    font-size:24px!important;
  }

  .updb-admin-form-grid,
  .updb-settings-grid,
  .updb-settings-preview{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .updb-admin-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .updb-admin-actions .updb-btn,
  .updb-settings-actions .updb-btn,
  .updb-panel .updb-btn{
    width:100%!important;
  }

  .updb-panel{
    padding:16px!important;
  }

  .updb-modal{
    padding:12px!important;
    align-items:flex-end!important;
  }

  .updb-modal-box,
  .updb-profile-box,
  .updb-preview-box{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 24px)!important;
    overflow:auto!important;
    border-radius:24px 24px 18px 18px!important;
    padding:20px!important;
  }

  .updb-preview-box iframe{
    min-height:60dvh!important;
  }

  input,
  select,
  textarea,
  button{
    font-size:16px;
  }

  .updb-mobile-tabbar{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    z-index:10010!important;
    display:grid!important;
    grid-template-columns:repeat(4, minmax(0, 1fr))!important;
    gap:6px!important;
    padding:7px!important;
    border-radius:22px!important;
    background:rgba(255,253,249,.96)!important;
    border:1px solid rgba(148,163,184,.24)!important;
    box-shadow:0 18px 45px rgba(15,23,42,.18)!important;
    backdrop-filter:blur(16px)!important;
  }

  .updb-mobile-tabbar a{
    min-width:0!important;
    min-height:52px!important;
    border-radius:16px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    color:#64748b!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:900!important;
    line-height:1.05!important;
    padding:6px 3px!important;
  }

  .updb-mobile-tabbar a.active{
    color:#7a1536!important;
    background:linear-gradient(135deg,rgba(139,30,53,.10),rgba(212,175,55,.10))!important;
  }

  .updb-mobile-tabbar .updb-nav-icon,
  .updb-mobile-tabbar svg{
    width:19px!important;
    height:19px!important;
  }

  .updb-mobile-tabbar .updb-badge{
    position:absolute!important;
    top:2px!important;
    right:12px!important;
    min-width:18px!important;
    height:18px!important;
    font-size:10px!important;
  }
}

@media(max-width:420px){
  .updb-topbar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }

  .updb-topbar h1{
    font-size:24px!important;
  }

  .updb-mobile-menu-toggle{
    width:44px!important;
    min-width:44px!important;
    padding:0 11px!important;
  }

  .updb-drive-clean .updb-folder-card{
    grid-template-columns:48px minmax(0,1fr)!important;
  }

  .updb-drive-clean .updb-folder-card .updb-folder-icon{
    width:42px!important;
    height:32px!important;
    min-width:42px!important;
  }
}


/* =========================================================
   v2.5.32 – Dateiaktionen einheitlich als Textlinks
   ========================================================= */
.updb-table-card td.updb-row-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  white-space:nowrap!important;
}
.updb-table-card td.updb-row-actions .updb-action-link,
.updb-table-card td.updb-row-actions .updb-inline-send-file{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  min-height:0!important;
  height:auto!important;
  line-height:1.35!important;
  color:#1f2937!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  cursor:pointer!important;
  transform:none!important;
  filter:none!important;
}
.updb-table-card td.updb-row-actions .updb-inline-send-file{
  color:#7a1536!important;
}
.updb-table-card td.updb-row-actions .updb-danger{
  color:var(--updb-red)!important;
}
.updb-table-card td.updb-row-actions .updb-action-link:hover,
.updb-table-card td.updb-row-actions .updb-inline-send-file:hover{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#7a1536!important;
  transform:none!important;
}
.updb-table-card td.updb-row-actions .updb-danger:hover{
  color:#b71c1c!important;
}
.updb-table-card td.updb-row-actions .updb-action-sep{
  color:#b8a58f!important;
  font-weight:900!important;
}
@media (max-width: 760px){
  .updb-table-card td.updb-row-actions{
    grid-column:1 / -1!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    padding-top:8px!important;
    border-top:1px solid rgba(148,163,184,.14)!important;
  }
  .updb-table-card td.updb-row-actions .updb-action-link,
  .updb-table-card td.updb-row-actions .updb-inline-send-file{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:13px!important;
    text-decoration:underline!important;
  }
}

/* =========================================================
   v2.5.34 – Header 5px tiefer + bessere Lesbarkeit
   ========================================================= */
@media (min-width: 783px){
  .updb-app.updb-fixed .updb-topbar,
  .updb-topbar{
    height:101px!important;
    min-height:101px!important;
    flex-basis:101px!important;
    padding-top:23px!important;
    padding-bottom:20px!important;
    box-sizing:border-box!important;
  }
}

.updb-app,
.updb-app *:not(svg):not(path){
  letter-spacing:.012em!important;
  line-height:1.42!important;
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}

.updb-topbar h1,
.updb-title,
.updb-page-title,
.updb-header-title,
.updb-current-head h2,
.updb-section-title h2,
.updb-admin-hero h2,
.updb-login-card h1{
  letter-spacing:0!important;
  line-height:1.12!important;
  word-spacing:.03em!important;
}

.updb-btn,
.updb-icon-btn,
.updb-action-link,
.updb-inline-send-file,
.updb-nav a,
.updb-mobile-tabbar a,
.updb-branch-select,
.updb-branch-select select,
.updb-search-wrap input,
.updb-user,
.updb-table-card th,
.updb-table-card td,
.updb-folder-card,
.updb-breadcrumb,
.updb-chip{
  letter-spacing:.018em!important;
  line-height:1.38!important;
}

.updb-table-card td,
.updb-table-card th,
.updb-file-name,
.updb-folder-card,
.updb-breadcrumb a,
.updb-action-link,
.updb-inline-send-file{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

.updb-file-name{
  white-space:normal!important;
}

.updb-table-card td.updb-row-actions{
  row-gap:6px!important;
}

@media (max-width: 782px){
  .updb-topbar{
    padding-top:21px!important;
  }
  .updb-app,
  .updb-app *:not(svg):not(path){
    letter-spacing:.01em!important;
    line-height:1.45!important;
  }
  .updb-topbar h1,
  .updb-title,
  .updb-page-title,
  .updb-header-title{
    letter-spacing:0!important;
    line-height:1.12!important;
  }
}

/* v2.5.35 – profile, password and uppercase folder names */
.updb-folder-name-input{text-transform:uppercase!important;letter-spacing:.04em!important;}
.updb-profile-page{max-width:1180px;margin:0 auto;}
.updb-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;}
.updb-profile-card{display:flex;flex-direction:column;gap:16px;}
.updb-profile-card h3{margin:0;color:var(--up-wine,#5B0F1A);font-size:22px;line-height:1.25;}
.updb-profile-preview{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid rgba(212,175,55,.25);border-radius:20px;background:linear-gradient(180deg,#fffdf9,#fff8ef);}
.updb-profile-preview strong{display:block;font-size:18px;line-height:1.35;letter-spacing:.01em;}
.updb-profile-preview small{display:block;color:#7b6b5b;line-height:1.45;overflow-wrap:anywhere;}
.updb-profile-card label{display:flex;flex-direction:column;gap:8px;font-weight:800;color:#2b1c10;}
.updb-profile-card label span{font-size:13px;color:#7b6b5b;text-transform:uppercase;letter-spacing:.06em;}
.updb-profile-card input[type=file],.updb-profile-card input[type=password]{width:100%;min-height:48px;border:1px solid rgba(212,175,55,.35);border-radius:14px;background:#fff;padding:11px 13px;box-sizing:border-box;font-size:15px;line-height:1.45;}
.updb-password-grid{grid-template-columns:1fr!important;}
.updb-help-text{display:block;margin-top:6px;color:#7b6b5b;line-height:1.5;}
.updb-notice{margin:0 0 18px;padding:14px 16px;border-radius:16px;font-weight:850;line-height:1.45;border:1px solid rgba(34,197,94,.22);background:#ecfdf5;color:#166534;box-shadow:0 10px 22px rgba(15,23,42,.04);}
.updb-password-reset-row{align-items:end;}
.updb-password-reset-row input[type=password],.updb-admin-form-grid input[type=password]{width:100%;min-height:46px;border:1px solid rgba(212,175,55,.35);border-radius:14px;background:#fff;padding:10px 12px;box-sizing:border-box;font-size:15px;line-height:1.45;}
@media (max-width: 900px){.updb-profile-grid{grid-template-columns:1fr;gap:16px}.updb-profile-preview{align-items:flex-start}.updb-password-reset-row{grid-template-columns:1fr!important}.updb-profile-card h3{font-size:20px}}

/* =========================================================
   v2.5.39 – Tablet Responsive + Lazy Daten senden
   ========================================================= */
.updb-send-lazy-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 2px 0;
  margin-top:10px;
  border-top:1px solid rgba(148,163,184,.14);
}
.updb-send-lazy-count{
  color:#536275;
  font-weight:850;
  font-size:13px;
}
.updb-send-loading,
.updb-send-empty{
  min-height:92px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.updb-load-more-send-files.is-loading,
.updb-load-more-send-files:disabled{
  opacity:.7;
  cursor:wait;
}
.updb-send-search{
  border:1px solid var(--updb-border, rgba(212,175,55,.35));
  border-radius:13px;
  padding:12px 14px;
  min-width:260px;
  outline:none;
}

@media (min-width:781px) and (max-width:1180px){
  html.updb-fixed-page,
  body.updb-fixed-page,
  body:has(.updb-app.updb-fixed){
    overflow:hidden!important;
  }

  .updb-app.updb-fixed{
    grid-template-columns:1fr!important;
    width:100dvw!important;
    max-width:100dvw!important;
    height:100dvh!important;
    overflow:hidden!important;
  }

  body.admin-bar .updb-app.updb-fixed{
    height:calc(100dvh - 32px)!important;
  }

  .updb-app.updb-fixed .updb-topbar,
  .updb-topbar{
    height:auto!important;
    min-height:126px!important;
    flex-basis:auto!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:12px 14px!important;
    padding:18px 22px 16px!important;
    overflow:visible!important;
  }

  .updb-mobile-menu-toggle{
    display:inline-flex!important;
    width:auto!important;
    min-width:116px!important;
    height:48px!important;
    padding:0 15px!important;
  }

  .updb-mobile-menu-toggle strong{
    display:inline-block!important;
  }

  .updb-mobile-title-wrap{
    min-width:0!important;
  }

  .updb-topbar h1,
  .updb-title,
  .updb-page-title,
  .updb-header-title,
  .updb-content h1{
    font-size:clamp(31px,4vw,42px)!important;
    line-height:1.08!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    margin:0!important;
    max-height:none!important;
  }

  .updb-topbar h1:after{
    margin-top:8px!important;
  }

  .updb-top-actions{
    grid-column:1 / -1!important;
    order:3!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(210px,280px) minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
  }

  .updb-branch-select{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
  }

  .updb-search-wrap{
    grid-column:2!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
  }

  .updb-user-menu{
    grid-column:3!important;
    grid-row:auto!important;
    justify-self:end!important;
  }

  .updb-user{
    width:auto!important;
    min-width:148px!important;
    height:48px!important;
    min-height:48px!important;
  }

  .updb-user div,
  .updb-user .updb-chevron{
    display:block!important;
  }

  .updb-app.updb-fixed .updb-content,
  .updb-content{
    height:auto!important;
    min-height:0!important;
    flex:1 1 auto!important;
    padding:18px 22px 96px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .updb-app.updb-fixed .updb-sidebar{
    display:flex!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:320px!important;
    min-width:0!important;
    max-width:86vw!important;
    height:100dvh!important;
    z-index:10030!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:20px 16px 112px!important;
    box-shadow:22px 0 60px rgba(0,0,0,.28)!important;
    border-radius:0 26px 26px 0!important;
  }

  body.admin-bar .updb-app.updb-fixed .updb-sidebar{
    top:32px!important;
    height:calc(100dvh - 32px)!important;
  }

  body.updb-mobile-menu-open .updb-app.updb-fixed .updb-sidebar{
    transform:translateX(0)!important;
  }

  .updb-mobile-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:10020!important;
    background:rgba(15,23,42,.44)!important;
    backdrop-filter:blur(4px)!important;
  }

  body.updb-mobile-menu-open .updb-mobile-backdrop{
    display:block!important;
  }

  .updb-section-title h2,
  .updb-content h2,
  .updb-current-head h2{
    font-size:24px!important;
    line-height:1.18!important;
  }

  .updb-send-v2{
    grid-template-columns:1fr!important;
    gap:16px!important;
    overflow:visible!important;
  }

  .updb-send-v2 .updb-message-compose,
  .updb-send-v2 .updb-data-picker{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:20px!important;
  }

  .updb-send-v2 .updb-picker-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(260px,420px)!important;
    gap:12px!important;
    align-items:center!important;
  }

  .updb-send-v2 .updb-picker-list{
    max-height:none!important;
    overflow:visible!important;
  }

  .updb-send-v2 .updb-pick{
    grid-template-columns:28px 42px minmax(0,1fr) minmax(110px,160px)!important;
    min-height:64px!important;
  }

  .updb-send-v2 .updb-pick strong{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .updb-send-v2 .updb-pick small{
    text-align:right!important;
    white-space:normal!important;
  }

  .updb-admin-front,
  .updb-settings-front,
  .updb-profile-page{
    max-width:100%!important;
    width:100%!important;
  }

  .updb-admin-card,
  .updb-admin-row,
  .updb-settings-card,
  .updb-panel{
    padding:20px!important;
    border-radius:22px!important;
  }

  .updb-admin-form-grid,
  .updb-settings-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  .updb-admin-row form,
  .updb-admin-row .updb-admin-form-grid{
    min-width:0!important;
  }

  .updb-password-reset-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .updb-panel:has(form[action*="updb_generate_backup_now"]),
  .updb-panel:has(a[href*="updb_download_backup"]){
    min-height:0!important;
  }

  .updb-panel h2,
  .updb-panel h3{
    margin-top:0!important;
  }

  .updb-panel .updb-btn{
    width:auto!important;
  }

  .updb-mobile-tabbar{
    display:grid!important;
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    z-index:10010!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    padding:8px!important;
    border-radius:24px!important;
    background:rgba(255,253,249,.96)!important;
    border:1px solid rgba(148,163,184,.24)!important;
    box-shadow:0 18px 45px rgba(15,23,42,.18)!important;
    backdrop-filter:blur(16px)!important;
  }

  .updb-mobile-tabbar a{
    min-height:54px!important;
  }
}

@media (max-width:780px){
  .updb-send-lazy-footer{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .updb-send-lazy-footer .updb-btn{
    width:100%!important;
  }
  .updb-send-search{
    width:100%!important;
    min-width:0!important;
  }
}


/* =========================================================
   v2.5.40 – kleinere Seitentitel damit alles sauber passt
   ========================================================= */
.updb-topbar h1,
.updb-title,
.updb-page-title,
.updb-header-title,
.updb-content h1{
  font-size:clamp(30px, 3.6vw, 56px)!important;
  line-height:1.02!important;
  letter-spacing:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

.updb-mobile-title-wrap{
  min-width:0!important;
  width:100%!important;
}

@media (min-width: 1181px){
  .updb-topbar h1,
  .updb-title,
  .updb-page-title,
  .updb-header-title,
  .updb-content h1{
    font-size:clamp(30px, 3vw, 48px)!important;
    line-height:1.02!important;
  }
}

@media (min-width: 781px) and (max-width: 1180px){
  .updb-topbar h1,
  .updb-title,
  .updb-page-title,
  .updb-header-title,
  .updb-content h1{
    font-size:clamp(28px, 2.8vw, 42px)!important;
    line-height:1.04!important;
  }

  .updb-topbar{
    align-items:start!important;
  }
}

@media (max-width: 780px){
  .updb-topbar h1,
  .updb-title,
  .updb-page-title,
  .updb-header-title,
  .updb-content h1{
    font-size:clamp(24px, 7vw, 34px)!important;
    line-height:1.08!important;
  }
}


/* =========================================================
   v2.5.41 – Header in einer Reihe + Brand nebeneinander
   ========================================================= */
.updb-brand{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:12px!important;
}
.updb-brand > div{
  min-width:0!important;
}
.updb-brand strong{
  white-space:nowrap!important;
}

@media (min-width: 1181px){
  .updb-app.updb-fixed .updb-topbar,
  .updb-topbar{
    display:grid!important;
    grid-template-columns:minmax(220px,1fr) auto!important;
    align-items:center!important;
    gap:18px 24px!important;
  }

  .updb-mobile-title-wrap{
    min-width:0!important;
    width:100%!important;
  }

  .updb-top-actions{
    display:grid!important;
    grid-template-columns:minmax(180px,220px) minmax(320px,420px) auto!important;
    align-items:center!important;
    gap:12px!important;
    justify-content:end!important;
    flex-wrap:nowrap!important;
    width:auto!important;
  }

  .updb-branch-select,
  .updb-search-wrap,
  .updb-user-menu{
    margin:0!important;
  }

  .updb-branch-select{
    width:100%!important;
    min-width:0!important;
  }

  .updb-branch-select select{
    min-width:0!important;
    width:100%!important;
  }

  .updb-search-wrap{
    width:100%!important;
    min-width:320px!important;
    max-width:420px!important;
  }

  .updb-user-menu{
    justify-self:end!important;
  }

  .updb-user{
    min-width:156px!important;
    white-space:nowrap!important;
  }
}


/* =========================================================
   v2.5.42 – Header als div + Titel 5px kleiner
   ========================================================= */
.updb-topbar h1,
.updb-title,
.updb-page-title,
.updb-header-title,
.updb-content h1{
  font-size:clamp(25px, 3.2vw, 43px)!important;
}

@media (min-width: 1181px){
  .updb-topbar h1,
  .updb-title,
  .updb-page-title,
  .updb-header-title,
  .updb-content h1{
    font-size:clamp(25px, 2.7vw, 43px)!important;
  }
}

@media (min-width: 781px) and (max-width: 1180px){
  .updb-topbar h1,
  .updb-title,
  .updb-page-title,
  .updb-header-title,
  .updb-content h1{
    font-size:clamp(23px, 2.4vw, 37px)!important;
  }
}

@media (max-width: 780px){
  .updb-topbar h1,
  .updb-title,
  .updb-page-title,
  .updb-header-title,
  .updb-content h1{
    font-size:clamp(19px, 6vw, 29px)!important;
  }
}


/* =========================================================
   v2.5.43 – Header ohne Überlappung / Titel bricht nicht kaputt
   ========================================================= */
.updb-app.updb-fixed .updb-topbar,
.updb-topbar{
  height:auto!important;
  min-height:96px!important;
  flex:0 0 auto!important;
  flex-basis:auto!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

.updb-topbar h1{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  overflow:visible!important;
  max-width:100%!important;
}

.updb-content{
  clear:both!important;
}

/* Großer Desktop: Titel links, Header-Elemente rechts in einer Linie */
@media (min-width:1501px){
  .updb-app.updb-fixed .updb-topbar,
  .updb-topbar{
    display:grid!important;
    grid-template-columns:minmax(260px,1fr) minmax(760px,auto)!important;
    align-items:center!important;
    gap:16px 24px!important;
    padding-top:18px!important;
    padding-bottom:18px!important;
  }

  .updb-top-actions{
    display:grid!important;
    grid-template-columns:minmax(190px,230px) minmax(340px,430px) auto!important;
    gap:12px!important;
    align-items:center!important;
    justify-content:end!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    min-width:0!important;
  }

  .updb-branch-select,
  .updb-search-wrap{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .updb-user{
    min-width:150px!important;
    max-width:210px!important;
  }
}

/* Laptop / Tablet quer: Titel eigene Zeile, Filiale + Suche + Profil bleiben zusammen in einer Reihe */
@media (min-width:781px) and (max-width:1500px){
  .updb-app.updb-fixed .updb-topbar,
  .updb-topbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:10px!important;
    padding:18px 22px 16px!important;
    min-height:132px!important;
  }

  .updb-mobile-title-wrap{
    width:100%!important;
    min-width:0!important;
    display:block!important;
  }

  .updb-topbar h1{
    font-size:clamp(34px, 3.4vw, 43px)!important;
    line-height:1.05!important;
    margin:0!important;
  }

  .updb-top-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(180px,240px) minmax(260px,1fr) minmax(150px,260px)!important;
    gap:10px!important;
    align-items:center!important;
    justify-content:stretch!important;
    flex-wrap:nowrap!important;
  }

  .updb-branch-select,
  .updb-search-wrap,
  .updb-user-menu{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }

  .updb-branch-select select{
    min-width:0!important;
    width:100%!important;
  }

  .updb-search-wrap{
    height:48px!important;
    min-height:48px!important;
  }

  .updb-user{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:48px!important;
    min-height:48px!important;
  }

  .updb-user strong,
  .updb-user small{
    max-width:150px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* Tablet enger: Profil kompakter, damit Suchfeld nicht gedrückt wird */
@media (min-width:781px) and (max-width:1180px){
  .updb-top-actions{
    grid-template-columns:minmax(160px,220px) minmax(220px,1fr) minmax(120px,190px)!important;
  }
  .updb-user small{
    display:none!important;
  }
  .updb-user strong{
    max-width:100px!important;
  }
}

/* Handy: Titel darf umbrechen, aber nicht abgeschnitten werden */
@media (max-width:780px){
  .updb-app.updb-fixed .updb-topbar,
  .updb-topbar{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .updb-topbar h1{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
}


/* =========================================================
   v2.5.44 – Filiale und Suchfeld sauber trennen
   ========================================================= */
.updb-top-actions,
.updb-top-actions *{
  box-sizing:border-box!important;
}

.updb-branch-select,
.updb-search-wrap,
.updb-user-menu{
  position:relative!important;
  margin:0!important;
}

.updb-branch-select{
  z-index:3!important;
}

.updb-search-wrap{
  z-index:2!important;
  overflow:hidden!important;
}

.updb-search-wrap span{
  position:static!important;
  transform:none!important;
  flex:0 0 20px!important;
  width:20px!important;
  min-width:20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}

.updb-search-wrap input,
.updb-live-search{
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:0!important;
}

@media (min-width:1501px){
  .updb-top-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    column-gap:16px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  .updb-branch-select{
    flex:0 0 225px!important;
    width:225px!important;
    max-width:225px!important;
  }

  .updb-search-wrap{
    flex:0 1 430px!important;
    width:430px!important;
    min-width:330px!important;
    max-width:430px!important;
  }

  .updb-user-menu{
    flex:0 0 auto!important;
    min-width:150px!important;
  }
}

@media (min-width:781px) and (max-width:1500px){
  .updb-top-actions{
    display:grid!important;
    grid-template-columns:minmax(170px,230px) minmax(260px,1fr) minmax(145px,230px)!important;
    column-gap:16px!important;
    row-gap:10px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }

  .updb-branch-select,
  .updb-search-wrap,
  .updb-user-menu{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}

@media (min-width:781px) and (max-width:1020px){
  .updb-top-actions{
    grid-template-columns:minmax(150px,190px) minmax(220px,1fr) minmax(120px,170px)!important;
    column-gap:12px!important;
  }

  .updb-branch-select .updb-branch-label{
    padding-left:8px!important;
    padding-right:8px!important;
  }
}


/* =========================================================
   v2.5.45 – Filiale + Profil oben, Suche unten volle Breite
   ========================================================= */
@media (min-width: 781px){
  .updb-app.updb-fixed .updb-topbar,
  .updb-topbar{
    height:auto!important;
    min-height:112px!important;
    overflow:visible!important;
    align-items:center!important;
  }

  .updb-top-actions{
    display:grid!important;
    grid-template-columns:minmax(180px,230px) minmax(150px,230px)!important;
    grid-template-areas:
      "branch user"
      "search search"!important;
    column-gap:14px!important;
    row-gap:10px!important;
    align-items:center!important;
    justify-content:end!important;
    width:min(100%, 620px)!important;
    max-width:620px!important;
    min-width:0!important;
    overflow:visible!important;
  }

  .updb-branch-select{
    grid-area:branch!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .updb-user-menu{
    grid-area:user!important;
    justify-self:end!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .updb-user{
    width:100%!important;
    min-width:0!important;
  }

  .updb-user strong{
    max-width:120px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .updb-search-wrap{
    grid-area:search!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
  }
}

@media (min-width: 781px) and (max-width: 1180px){
  .updb-top-actions{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(160px,220px) minmax(140px,220px)!important;
  }
}

@media (max-width: 780px){
  .updb-top-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  .updb-branch-select,
  .updb-search-wrap,
  .updb-user-menu,
  .updb-user{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}


/* =========================================================
   v2.5.46 – kompletter oberer Header entfernt
   ========================================================= */
.updb-content-no-header{
  padding-top:24px!important;
}

.updb-app.updb-fixed .updb-content-no-header{
  flex:1 1 auto!important;
  height:100%!important;
  min-height:0!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

@media (min-width: 781px){
  .updb-app.updb-fixed .updb-content-no-header{
    padding:24px 30px 50px!important;
  }
}

@media (max-width: 780px){
  .updb-app.updb-fixed .updb-content-no-header{
    padding:16px 16px 92px!important;
  }
}


/* =========================================================
   v2.5.47 – Globaler Header: nur Filiale + Suche + Profil
   ========================================================= */
.updb-global-header{
  flex:0 0 auto!important;
  padding:24px 30px 14px!important;
  background:linear-gradient(180deg,rgba(255,253,249,.96),rgba(255,253,249,.84))!important;
  border-bottom:0!important;
  position:relative!important;
  z-index:5000!important;
}
.updb-global-header-inner{
  display:grid!important;
  grid-template-columns:minmax(190px,260px) minmax(280px,1fr) minmax(170px,230px)!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  max-width:1480px!important;
  margin:0 auto!important;
  padding:14px!important;
  border:1px solid rgba(212,175,55,.22)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
  backdrop-filter:blur(16px)!important;
  box-sizing:border-box!important;
}
.updb-global-branch,
.updb-global-search,
.updb-global-profile{min-width:0!important;}
.updb-global-header .updb-branch-select,
.updb-global-header .updb-search-wrap,
.updb-global-header .updb-user,
.updb-global-header .updb-user-menu{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.updb-global-header .updb-branch-select,
.updb-global-header .updb-search-wrap,
.updb-global-header .updb-user{
  height:58px!important;
  min-height:58px!important;
  border-radius:18px!important;
  border:1px solid rgba(148,163,184,.22)!important;
  background:#fffdf9!important;
  box-shadow:0 10px 24px rgba(91,15,26,.045)!important;
}
.updb-global-header .updb-search-wrap{padding:0 18px!important;gap:14px!important;}
.updb-global-header .updb-search-wrap input{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:15px!important;
}
.updb-global-header .updb-branch-select select{min-width:0!important;width:100%!important;}
.updb-global-header .updb-user strong,
.updb-global-header .updb-user small{
  max-width:110px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.updb-content-global-header{padding-top:18px!important;}
.updb-app.updb-fixed .updb-content-global-header{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding:18px 30px 50px!important;
}
@media (min-width: 781px) and (max-width: 1180px){
  .updb-global-header{padding:18px 22px 12px!important;}
  .updb-global-header-inner{
    grid-template-columns:minmax(170px,220px) minmax(220px,1fr) minmax(150px,210px)!important;
    gap:12px!important;
    padding:12px!important;
    border-radius:22px!important;
  }
  .updb-global-header .updb-branch-select,
  .updb-global-header .updb-search-wrap,
  .updb-global-header .updb-user{height:54px!important;min-height:54px!important;}
  .updb-global-header .updb-user strong,
  .updb-global-header .updb-user small{max-width:92px!important;}
  .updb-app.updb-fixed .updb-content-global-header{padding:16px 22px 96px!important;}
}
@media (max-width: 780px){
  .updb-global-header{padding:14px 14px 10px!important;}
  .updb-global-header-inner{grid-template-columns:1fr!important;gap:10px!important;padding:10px!important;border-radius:20px!important;}
  .updb-global-header .updb-branch-select,
  .updb-global-header .updb-search-wrap,
  .updb-global-header .updb-user{height:52px!important;min-height:52px!important;}
  .updb-app.updb-fixed .updb-content-global-header{padding:14px 14px 92px!important;}
}


/* =========================================================
   v2.5.48 – Globaler Header ohne extra Hintergrund-Karte
   ========================================================= */
.updb-global-header{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  padding:22px 30px 8px!important;
}
.updb-global-header-inner{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  padding:0!important;
  border-radius:0!important;
}
.updb-global-header .updb-branch-select,
.updb-global-header .updb-search-wrap,
.updb-global-header .updb-user{
  background:#fffdf9!important;
  border:1px solid rgba(212,175,55,.28)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
}
.updb-app.updb-fixed .updb-content-global-header{
  padding-top:14px!important;
}
@media (min-width: 781px) and (max-width: 1180px){
  .updb-global-header{padding:18px 22px 8px!important;}
  .updb-global-header-inner{padding:0!important;}
  .updb-app.updb-fixed .updb-content-global-header{padding-top:12px!important;}
}
@media (max-width: 780px){
  .updb-global-header{padding:14px 14px 8px!important;}
  .updb-global-header-inner{padding:0!important;}
}