:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#172033;background:#f5f7fb}body{margin:0}.top{display:flex;gap:18px;align-items:center;padding:12px 18px;background:#111827;color:white;position:sticky;top:0;z-index:10}.brand{font-weight:800;color:white;text-decoration:none}nav{display:flex;gap:10px;flex-wrap:wrap}nav a{color:white;text-decoration:none;padding:7px 10px;border-radius:10px;background:#263142}.who{margin-left:auto}.wrap{max-width:1200px;margin:22px auto;padding:0 16px}.foot{text-align:center;padding:30px;color:#667}.notice,.flash{background:#fff3cd;border:1px solid #ffe69c;padding:12px 16px;margin:0 auto;max-width:1200px;border-radius:12px}.flash{background:#e8fff1;border-color:#b8ebca;margin-bottom:15px}.card{background:white;border-radius:18px;box-shadow:0 10px 30px #1f293714;padding:18px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:14px}.tile{background:white;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px #1f293714;position:relative}.tile img,.tile video{width:100%;height:130px;object-fit:cover;background:#ddd;display:block}.tile .cap{padding:10px;font-size:14px;word-break:break-word}.tile input[type=checkbox]{position:absolute;top:8px;left:8px;transform:scale(1.3)}.folder{height:130px;display:flex;align-items:center;justify-content:center;font-size:56px;background:#eef2ff}.btn,button,input[type=submit]{border:0;border-radius:10px;background:#2563eb;color:#fff;padding:10px 14px;text-decoration:none;display:inline-block;cursor:pointer}button.secondary,.btn.secondary{background:#475569}.danger{background:#dc2626!important}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.form input,.form select{display:block;width:100%;box-sizing:border-box;margin:7px 0 13px;padding:10px;border:1px solid #cbd5e1;border-radius:10px}.table{width:100%;border-collapse:collapse;background:white}.table th,.table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.badge{background:#ef4444;border-radius:999px;padding:1px 7px;margin-left:4px}.viewer img,.viewer video{max-width:100%;max-height:80vh;display:block;margin:auto;border-radius:16px}.crumbs a{color:#2563eb}.adminlinks a{margin:5px}.permgrid{columns:2}@media(max-width:650px){.top{align-items:flex-start;flex-direction:column}.who{margin-left:0}.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.permgrid{columns:1}}
.modal{display:none;position:fixed;inset:0;z-index:1000}.modal.show{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.78)}.modal-box{position:relative;margin:4vh auto;background:white;border-radius:18px;max-width:min(1100px,94vw);max-height:92vh;box-shadow:0 30px 80px #0008;display:flex;flex-direction:column;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e5e7eb}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.modal-body{padding:12px;overflow:auto;background:#0f172a}.modal-body img,.modal-body video{display:block;margin:auto;max-width:100%;max-height:78vh;border-radius:12px;background:#111;transition:transform .2s ease}.tile a.media-open{text-decoration:none;color:inherit;display:block}.tile input[type=checkbox]{z-index:2}
@media(max-width:650px){.modal-box{margin:2vh auto;max-height:96vh}.modal-head{align-items:flex-start}.modal-actions button{padding:8px 10px}.modal-body img,.modal-body video{max-height:82vh}}
.muted{color:#64748b}.gallery-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.gallery-title h1{margin:0 0 10px}.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.breadcrumb a{background:#eef2ff;color:#1d4ed8;text-decoration:none;padding:6px 10px;border-radius:999px;font-weight:600}.breadcrumb span{color:#94a3b8}.inline-select{padding:10px;border:1px solid #cbd5e1;border-radius:10px;background:white}.group-top{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}.rights-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:12px}.rights-box{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#f8fafc}.rights-box h2{font-size:17px;margin:0 0 10px}.checkrow{display:flex;gap:10px;align-items:flex-start;padding:9px;border-radius:12px;margin:4px 0;background:white;border:1px solid #eef2f7}.checkrow input{width:auto!important;margin-top:4px!important}.checkrow span{display:flex;flex-direction:column;gap:2px}.checkrow small{color:#64748b}.groups-header h1{margin-bottom:4px}.profile-card h2{margin-top:22px}.form .inline-select{width:auto;display:inline-block;margin:0}
@media(max-width:650px){.gallery-head,.group-top{display:block}.group-top button{margin-top:8px}.inline-select{width:100%}}
/* Benutzerverwaltung schöner */
.users-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#ffffff,#eef2ff)}
.users-hero h1{margin:0;font-size:34px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#2563eb;font-weight:800;font-size:12px;margin:0 0 6px}.stat-pill{background:#111827;color:white;border-radius:18px;padding:14px 20px;text-align:center;min-width:95px}.stat-pill strong{display:block;font-size:28px}.stat-pill span{font-size:13px;color:#cbd5e1}.user-layout{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:18px;align-items:start}.user-create-card h2,.users-list-card h2{margin-top:0}.pretty-form label{font-weight:700;color:#334155}.pretty-form input,.pretty-form select{margin-top:6px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{width:100%;font-weight:800;padding:12px 16px}.switch-line{display:flex!important;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;margin:10px 0 14px!important}.switch-line input{width:auto!important;margin:0!important}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.user-cards{display:grid;gap:12px}.user-admin-card{border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;overflow:hidden}.user-admin-card summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px}.user-admin-card summary::-webkit-details-marker{display:none}.avatar{width:44px;height:44px;border-radius:14px;background:#2563eb;color:white;display:flex;align-items:center;justify-content:center;font-weight:900}.user-main{display:flex;flex-direction:column;gap:3px}.user-main small,.small{font-size:13px}.badge-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.role-badge{font-style:normal;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;background:#e2e8f0;color:#334155}.role-badge.admin{background:#fef3c7;color:#92400e}.role-badge.ok{background:#dcfce7;color:#166534}.role-badge.off{background:#fee2e2;color:#991b1b}.edit-user-form{border-top:1px solid #e2e8f0;background:white;padding:14px}.form-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.form-actions .switch-line{margin:0!important}.edit-user-form input[readonly]{background:#f1f5f9;color:#64748b}
@media(max-width:850px){.user-layout{grid-template-columns:1fr}.users-hero{display:block}.stat-pill{margin-top:14px;display:inline-block}.form-grid.two{grid-template-columns:1fr}.user-admin-card summary{grid-template-columns:auto 1fr}.badge-row{grid-column:1/-1;justify-content:flex-start}}

/* Vorhandene Benutzer - modernere Übersicht */
.enhanced-users{overflow:hidden}.users-section-head{border-bottom:1px solid #e2e8f0;padding-bottom:14px;margin-bottom:14px}.mini-stats{display:flex;gap:8px;flex-wrap:wrap}.mini-stats span{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px;color:#475569;font-size:13px}.mini-stats strong{color:#0f172a}.user-list-modern{display:grid;gap:12px}.modern-user-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 24px #0f172a0d}.modern-user-card[open]{border-color:#bfdbfe;box-shadow:0 14px 35px #2563eb1a}.modern-user-card summary{grid-template-columns:auto minmax(160px,1.2fr) minmax(130px,.9fr) minmax(150px,1fr) minmax(145px,1fr) auto;padding:16px;background:linear-gradient(135deg,#fff,#f8fafc)}.modern-user-card summary:hover{background:#f8fafc}.user-avatar{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:inset 0 -10px 20px #0002}.user-avatar.inactive{background:linear-gradient(135deg,#94a3b8,#64748b)}.user-title-block strong{font-size:16px}.user-meta-pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;font-size:13px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-pill{background:#eef2ff;color:#3730a3;border-color:#c7d2fe}.mail-pill{max-width:190px}.login-pill{max-width:175px}.edit-hint{background:#eff6ff;color:#1d4ed8}.modern-user-card[open] .edit-hint{background:#dbeafe}.user-edit-panel{border-top:1px solid #e2e8f0;background:#fff}.edit-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 0}.edit-panel-head h3{margin:0 0 4px}.modern-edit-form{border-top:0;padding:16px;background:white}.modern-actions{border-top:1px solid #e2e8f0;padding-top:14px;margin-top:4px}.modern-actions button{font-weight:800}.user-status-row{align-items:center}
@media(max-width:1100px){.modern-user-card summary{grid-template-columns:auto 1fr auto}.user-meta-pill{grid-column:2/-1;justify-self:start}.user-status-row{grid-column:1/-1;justify-content:flex-start}.mail-pill,.login-pill{max-width:100%}}
@media(max-width:650px){.users-section-head{display:block}.mini-stats{margin-top:10px}.modern-user-card summary{grid-template-columns:auto 1fr}.user-meta-pill{grid-column:1/-1;white-space:normal;border-radius:14px}.user-title-block{min-width:0}.modern-actions{display:block}.modern-actions button{width:100%;margin-top:10px}}

/* v8: Benutzer anlegen + vorhandene Benutzer komplett neues Design */
.redesigned-users .card{border:1px solid #e5e7eb}
.user-dashboard-hero{background:radial-gradient(circle at top left,#dbeafe,#fff 36%,#f8fafc);border:1px solid #dbeafe;overflow:hidden;position:relative}
.user-dashboard-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:999px;background:#bfdbfe55}
.user-dashboard-hero h1{font-size:38px;letter-spacing:-.03em}
.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(74px,1fr));gap:10px;position:relative;z-index:1}
.dashboard-stats span{background:rgba(255,255,255,.82);border:1px solid #dbeafe;border-radius:18px;padding:12px 14px;box-shadow:0 10px 24px #1e40af14;text-align:center}
.dashboard-stats strong{display:block;font-size:24px;color:#0f172a}.dashboard-stats small{color:#64748b;font-weight:700}
.user-admin-shell{display:grid;grid-template-columns:430px 1fr;gap:18px;align-items:start}.user-create-pro{position:sticky;top:82px;background:linear-gradient(180deg,#fff,#f8fafc)}
.create-title-row{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.create-title-row h2{margin:0 0 4px}.create-icon{width:48px;height:48px;border-radius:16px;background:#2563eb;color:white;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;box-shadow:0 16px 30px #2563eb35}
.floating-grid,.edit-grid-pro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.floating-grid label,.edit-grid-pro label{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:10px 12px;box-shadow:0 8px 18px #0f172a08}.floating-grid label span,.edit-grid-pro label span{display:block;font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:#64748b;margin-bottom:5px;font-weight:900}.floating-grid input,.floating-grid select,.edit-grid-pro input,.edit-grid-pro select{border:0!important;padding:6px 0!important;margin:0!important;border-radius:0!important;background:transparent!important;font-size:15px}.floating-grid input:focus,.floating-grid select:focus,.edit-grid-pro input:focus,.edit-grid-pro select:focus{outline:none}.wide-field{grid-column:1/-1}.create-bottom-bar{display:grid;grid-template-columns:110px 1fr;gap:12px;margin-top:14px;align-items:center}.compact-switch{margin:0!important;justify-content:center}.create-user-btn{font-size:16px;box-shadow:0 14px 28px #2563eb2e}.helper-note{font-size:13px;color:#64748b;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:10px 12px;margin:14px 0 0}.users-list-pro{background:#fff}.user-card-grid-pro{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.user-profile-card{border:1px solid #e2e8f0;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 10px 26px #0f172a0d;transition:.18s ease}.user-profile-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px #0f172a14}.user-profile-card[open]{grid-column:span 2;border-color:#93c5fd;box-shadow:0 20px 44px #2563eb1a}.user-profile-card summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:16px;cursor:pointer}.user-profile-card summary::-webkit-details-marker{display:none}.user-avatar-pro{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#9333ea);box-shadow:inset 0 -14px 24px #0002}.is-locked .user-avatar-pro{background:linear-gradient(135deg,#94a3b8,#475569)}.user-card-main{display:flex;flex-direction:column;gap:3px;min-width:0}.user-card-main strong{font-size:17px;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-main small{color:#64748b}.status-stack{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.open-chevron{font-size:24px;color:#94a3b8;transition:.18s}.user-profile-card[open] .open-chevron{transform:rotate(180deg);color:#2563eb}.user-quick-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 16px 16px}.user-quick-info span{background:white;border:1px solid #e2e8f0;border-radius:14px;padding:10px;min-width:0;color:#334155;overflow:hidden;text-overflow:ellipsis}.user-quick-info b{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;margin-bottom:4px}.pro-edit-panel{border-top:1px solid #dbeafe;background:#f8fafc}.pro-edit-form{border:0!important;background:transparent!important;padding:16px!important}.pro-actions{margin-top:12px;background:white;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.pro-actions button{font-weight:900;box-shadow:0 12px 24px #2563eb22}.is-admin{border-color:#fde68a}.is-admin[open]{border-color:#f59e0b}.is-locked{opacity:.82}
@media(max-width:1100px){.user-admin-shell{grid-template-columns:1fr}.user-create-pro{position:static}.user-profile-card[open]{grid-column:span 1}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.user-dashboard-hero h1{font-size:30px}.dashboard-stats{grid-template-columns:repeat(2,1fr);margin-top:14px}.floating-grid,.edit-grid-pro{grid-template-columns:1fr}.create-bottom-bar{grid-template-columns:1fr}.user-card-grid-pro{grid-template-columns:1fr}.user-profile-card summary{grid-template-columns:auto 1fr}.status-stack,.open-chevron{grid-column:1/-1;justify-content:flex-start}.user-quick-info{grid-template-columns:1fr}.pro-actions{display:block}.pro-actions button{width:100%;margin-top:10px}}

/* v9: admin_users.php komplett neue moderne Benutzerverwaltung */
.admin-users-v9{display:grid;gap:18px}.users-command-center{position:relative;overflow:hidden;border:1px solid #dbeafe;border-radius:28px;background:linear-gradient(135deg,#eff6ff 0%,#fff 45%,#f8fafc 100%);box-shadow:0 18px 45px #0f172a12;padding:26px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}.users-command-center:before{content:"";position:absolute;right:-70px;top:-90px;width:240px;height:240px;border-radius:999px;background:#bfdbfe77}.users-command-center:after{content:"";position:absolute;right:130px;bottom:-90px;width:180px;height:180px;border-radius:999px;background:#ddd6fe66}.command-copy,.command-metrics{position:relative;z-index:1}.command-copy h1{font-size:42px;line-height:1;letter-spacing:-.04em;margin:4px 0 10px;color:#0f172a}.command-copy p:last-child{max-width:680px;color:#475569;font-size:16px}.command-metrics{display:grid;grid-template-columns:repeat(5,92px);gap:10px}.command-metrics span{background:rgba(255,255,255,.88);border:1px solid #dbeafe;border-radius:20px;padding:14px 10px;text-align:center;box-shadow:0 12px 25px #1e40af12}.command-metrics b{display:block;font-size:25px;color:#0f172a}.command-metrics small{display:block;color:#64748b;font-weight:800;font-size:12px;margin-top:3px}.users-workspace-v9{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start}.user-create-panel-v9{position:sticky;top:82px;border:1px solid #e2e8f0;border-radius:26px;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 18px 42px #0f172a10}.panel-title-v9{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.panel-title-v9 h2,.list-toolbar-v9 h2{margin:0 0 4px;color:#0f172a}.panel-icon-v9{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:white;display:flex;align-items:center;justify-content:center;font-size:31px;font-weight:950;box-shadow:0 16px 30px #2563eb33}.clean-user-form-v9{display:grid;gap:12px}.clean-user-form-v9 label,.drawer-grid-v9 label{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:11px 13px;box-shadow:0 8px 18px #0f172a08}.clean-user-form-v9 label span,.drawer-grid-v9 label span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:950;color:#64748b;margin-bottom:5px}.clean-user-form-v9 input,.clean-user-form-v9 select,.drawer-grid-v9 input,.drawer-grid-v9 select{border:0!important;padding:5px 0!important;margin:0!important;border-radius:0!important;background:transparent!important;font-size:15px}.clean-user-form-v9 input:focus,.clean-user-form-v9 select:focus,.drawer-grid-v9 input:focus,.drawer-grid-v9 select:focus{outline:none}.create-actions-v9,.drawer-actions-v9{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:2px}.create-actions-v9 button,.drawer-actions-v9 button{font-weight:900;box-shadow:0 13px 25px #2563eb24}.toggle-v9{display:inline-flex!important;align-items:center;gap:9px;width:auto!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:999px!important;padding:9px 12px!important;margin:0!important;color:#334155;font-weight:800;white-space:nowrap}.toggle-v9 input{display:none!important}.toggle-v9 span{width:38px;height:22px;border-radius:999px;background:#cbd5e1;position:relative;box-shadow:inset 0 1px 3px #0002}.toggle-v9 span:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:999px;background:white;transition:.18s;box-shadow:0 2px 6px #0003}.toggle-v9 input:checked+span{background:#22c55e}.toggle-v9 input:checked+span:after{left:18px}.password-hint-v9{border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;border-radius:16px;padding:11px 13px;font-size:13px;line-height:1.35}.user-list-panel-v9{border:1px solid #e2e8f0;border-radius:26px;box-shadow:0 18px 42px #0f172a10}.list-toolbar-v9{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #e2e8f0;padding-bottom:16px;margin-bottom:14px}.toolbar-controls-v9{display:flex;gap:10px;align-items:center}.toolbar-controls-v9 input,.toolbar-controls-v9 select{height:42px;border:1px solid #cbd5e1;border-radius:14px;padding:0 12px;background:#f8fafc;color:#0f172a;min-width:190px}.users-table-v9{display:grid;gap:10px}.users-table-head-v9{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(110px,.7fr) minmax(150px,.9fr) minmax(130px,.75fr) minmax(120px,.7fr) 105px;gap:10px;padding:0 14px 3px;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:950}.user-row-v9{border:1px solid #e2e8f0;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 8px 22px #0f172a0a;transition:.18s}.user-row-v9:hover{border-color:#bfdbfe;box-shadow:0 15px 32px #0f172a12;transform:translateY(-1px)}.user-row-v9[open]{border-color:#93c5fd;box-shadow:0 20px 44px #2563eb17}.user-row-v9.is-admin{border-color:#fde68a}.user-row-v9 summary{list-style:none;display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(110px,.7fr) minmax(150px,.9fr) minmax(130px,.75fr) minmax(120px,.7fr) 105px;gap:10px;align-items:center;padding:14px;cursor:pointer;background:linear-gradient(180deg,#fff,#fbfdff)}.user-row-v9 summary::-webkit-details-marker{display:none}.identity-v9{display:flex;gap:12px;align-items:center;min-width:0}.identity-v9 i{width:46px;height:46px;border-radius:17px;background:linear-gradient(135deg,#2563eb,#9333ea);color:white;font-style:normal;font-weight:950;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -12px 24px #0002;flex:0 0 auto}.is-locked .identity-v9 i{background:linear-gradient(135deg,#94a3b8,#475569)}.identity-v9 span{min-width:0}.identity-v9 b{display:block;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-v9 small{display:block;color:#64748b;margin-top:2px}.cell-pill-v9{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:8px 10px;color:#334155;font-size:13px}.cell-pill-v9.group{background:#eef2ff;border-color:#c7d2fe;color:#3730a3;font-weight:800}.cell-pill-v9.mail{color:#475569}.cell-pill-v9.login{color:#64748b}.status-badges-v9{display:flex;gap:6px;flex-wrap:wrap}.status-badges-v9 em{font-style:normal;border-radius:999px;background:#fef3c7;color:#92400e;padding:6px 9px;font-size:12px;font-weight:950}.status-badges-v9 em.ok{background:#dcfce7;color:#166534}.status-badges-v9 em.off{background:#fee2e2;color:#991b1b}.edit-button-v9{justify-self:end;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:9px 12px;font-weight:950;font-size:13px}.user-row-v9[open] .edit-button-v9{background:#2563eb;color:#fff;border-color:#2563eb}.edit-drawer-v9{border-top:1px solid #dbeafe;background:#f8fafc;padding:16px!important}.drawer-head-v9{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.drawer-head-v9 h3{margin:0 0 3px;color:#0f172a}.drawer-grid-v9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.drawer-wide-v9{grid-column:1/-1}.drawer-actions-v9{margin-top:14px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:12px}.drawer-grid-v9 input[readonly]{color:#64748b}.empty-users-v9{text-align:center;border:1px dashed #cbd5e1;border-radius:18px;padding:26px;color:#64748b;background:#f8fafc;margin-top:12px;font-weight:800}
@media(max-width:1180px){.users-command-center{grid-template-columns:1fr}.command-metrics{grid-template-columns:repeat(5,minmax(80px,1fr))}.users-workspace-v9{grid-template-columns:1fr}.user-create-panel-v9{position:static}.users-table-head-v9{display:none}.user-row-v9 summary{grid-template-columns:auto 1fr auto}.identity-v9{grid-column:1/3}.cell-pill-v9,.status-badges-v9{grid-column:1/-1;justify-self:start;white-space:normal;border-radius:14px}.edit-button-v9{grid-column:3;grid-row:1;align-self:center}}
@media(max-width:720px){.users-command-center{padding:20px;border-radius:22px}.command-copy h1{font-size:32px}.command-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.users-workspace-v9{gap:14px}.list-toolbar-v9{display:block}.toolbar-controls-v9{display:grid;margin-top:12px}.toolbar-controls-v9 input,.toolbar-controls-v9 select{width:100%;min-width:0}.drawer-grid-v9{grid-template-columns:1fr}.create-actions-v9,.drawer-actions-v9{display:grid}.create-actions-v9 button,.drawer-actions-v9 button{width:100%}.user-row-v9 summary{grid-template-columns:1fr}.identity-v9{grid-column:1}.edit-button-v9{grid-column:1;grid-row:auto;justify-self:start}.cell-pill-v9,.status-badges-v9{grid-column:1}}

/* Admin Gruppen v10 */
.admin-groups-v10{display:grid;gap:18px}.groups-hero-v10{position:relative;overflow:hidden;border:1px solid #dbeafe;border-radius:28px;background:linear-gradient(135deg,#eff6ff,#fff 55%,#f8fafc);box-shadow:0 18px 45px #0f172a12;padding:26px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.groups-hero-v10:after{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:999px;background:#bfdbfe77}.groups-hero-v10>*{position:relative;z-index:1}.eyebrow-v10{margin:0;color:#2563eb;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.groups-hero-v10 h1{font-size:42px;line-height:1;margin:4px 0 10px;color:#0f172a;letter-spacing:-.04em}.groups-hero-v10 p:last-child{margin:0;color:#475569}.groups-stats-v10{display:flex;gap:10px}.groups-stats-v10 span{background:rgba(255,255,255,.9);border:1px solid #dbeafe;border-radius:20px;padding:14px 18px;text-align:center;min-width:95px;box-shadow:0 12px 25px #1e40af12}.groups-stats-v10 b{display:block;font-size:26px;color:#0f172a}.groups-stats-v10 small{display:block;color:#64748b;font-weight:900}.group-create-v10,.groups-list-v10{border-radius:26px;border:1px solid #e2e8f0;box-shadow:0 18px 42px #0f172a10}.create-title-v10{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.create-title-v10>span{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:white;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:950;box-shadow:0 16px 30px #2563eb33}.create-title-v10 h2,.list-title-v10 h2{margin:0 0 4px;color:#0f172a}.group-create-form-v10{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.group-create-form-v10 label,.group-name-edit-v10 label{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:11px 13px;box-shadow:0 8px 18px #0f172a08}.group-create-form-v10 label span,.group-name-edit-v10 label span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:950;color:#64748b;margin-bottom:5px}.group-create-form-v10 input,.group-name-edit-v10 input{border:0!important;padding:5px 0!important;margin:0!important;background:transparent!important}.group-create-form-v10 button,.group-name-edit-v10 button{height:54px;font-weight:950}.list-title-v10{border-bottom:1px solid #e2e8f0;padding-bottom:14px;margin-bottom:14px}.group-accordion-v10{display:grid;gap:10px}.group-details-v10{border:1px solid #e2e8f0;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 8px 22px #0f172a0a}.group-details-v10[open]{border-color:#93c5fd;box-shadow:0 20px 44px #2563eb17}.group-details-v10 summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px;cursor:pointer;background:linear-gradient(180deg,#fff,#fbfdff)}.group-details-v10 summary::-webkit-details-marker{display:none}.group-summary-main-v10{display:flex;align-items:center;gap:12px;min-width:0}.group-summary-main-v10 i{width:46px;height:46px;border-radius:17px;background:linear-gradient(135deg,#2563eb,#9333ea);color:#fff;font-style:normal;font-weight:950;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -12px 24px #0002;flex:0 0 auto}.group-summary-main-v10 b{display:block;color:#0f172a;font-size:16px}.group-summary-main-v10 small{display:block;color:#64748b;margin-top:2px}.group-open-v10{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:9px 12px;font-weight:950;font-size:13px}.group-details-v10[open] .group-open-v10{background:#2563eb;color:#fff;border-color:#2563eb}.group-details-v10[open] .group-open-v10:after{content:" geöffnet"}.group-edit-form-v10{border-top:1px solid #dbeafe;background:#f8fafc;padding:16px}.group-name-edit-v10{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-bottom:14px}.rights-sections-v10{margin-top:0}.rights-box-v10{background:#fff;border-color:#e2e8f0;box-shadow:0 8px 18px #0f172a06}.checkrow-v10{transition:.16s}.checkrow-v10:hover{border-color:#bfdbfe;background:#eff6ff}
@media(max-width:760px){.groups-hero-v10,.group-create-form-v10,.group-name-edit-v10{display:block}.groups-stats-v10{margin-top:14px}.group-create-form-v10 button,.group-name-edit-v10 button{width:100%;margin-top:10px}.groups-hero-v10 h1{font-size:34px}.group-details-v10 summary{align-items:flex-start}.group-open-v10{white-space:nowrap}}

/* v11 Gruppen/Rechte modern */
.groups-modern{display:grid;gap:22px}.groups-modern-hero{position:relative;overflow:hidden;border-radius:32px;padding:30px;background:radial-gradient(circle at 90% 0,#dbeafe 0,#eff6ff 28%,#fff 62%);border:1px solid #dbeafe;box-shadow:0 24px 60px #0f172a14;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end}.groups-modern-hero:before{content:"";position:absolute;inset:auto -80px -110px auto;width:280px;height:280px;border-radius:999px;background:linear-gradient(135deg,#60a5fa55,#a78bfa55)}.hero-copy,.hero-metrics{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.groups-modern-hero h1{font-size:46px;line-height:1;letter-spacing:-.05em;margin:12px 0 10px;color:#0f172a}.groups-modern-hero p{max-width:720px;margin:0;color:#475569}.hero-metrics{display:flex;gap:12px}.hero-metrics div{min-width:108px;border:1px solid #dbeafe;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border-radius:24px;padding:16px;text-align:center;box-shadow:0 16px 35px #2563eb14}.hero-metrics strong{display:block;font-size:30px;color:#0f172a}.hero-metrics span{display:block;color:#64748b;font-weight:900}.group-create-modern,.groups-panel-modern{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:22px;box-shadow:0 18px 45px #0f172a0d}.section-head-modern,.groups-panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.section-icon-modern{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:grid;place-items:center;font-size:34px;font-weight:950;box-shadow:0 16px 34px #2563eb30;flex:0 0 auto}.section-head-modern{justify-content:flex-start}.section-head-modern h2,.groups-panel-top h2{margin:0 0 5px;color:#0f172a;font-size:24px;letter-spacing:-.03em}.create-modern-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.modern-input{display:block;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:12px 14px;box-shadow:inset 0 1px 0 #fff}.modern-input span{display:block;font-size:11px;font-weight:950;color:#64748b;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.modern-input input{width:100%;border:0!important;background:transparent!important;margin:0!important;padding:4px 0!important;font-size:16px;outline:0}.modern-input.compact{background:#fff;min-width:280px}.primary-modern{border:0;border-radius:18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:950;height:58px;padding:0 22px;box-shadow:0 16px 34px #2563eb2b;cursor:pointer}.primary-modern:hover{filter:brightness(1.04);transform:translateY(-1px)}.groups-accordion-modern{display:grid;gap:14px}.group-card-modern{border:1px solid #e2e8f0;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 10px 30px #0f172a0a}.group-card-modern[open]{border-color:#93c5fd;box-shadow:0 22px 52px #2563eb18}.group-card-modern summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;cursor:pointer;background:linear-gradient(180deg,#fff,#f8fbff)}.group-card-modern summary::-webkit-details-marker{display:none}.group-avatar-modern{width:54px;height:54px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;display:grid;place-items:center;font-weight:950;font-size:21px;box-shadow:inset 0 -14px 26px #0003}.group-summary-text{min-width:0}.group-summary-text strong{display:block;color:#0f172a;font-size:18px}.group-summary-text span{display:block;color:#64748b;margin-top:3px}.perm-progress{height:7px;background:#e2e8f0;border-radius:99px;margin-top:10px;overflow:hidden;max-width:360px}.perm-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#2563eb,#7c3aed)}.group-summary-actions{display:flex;align-items:center;gap:10px}.group-summary-actions b{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:10px 13px;font-size:13px}.group-card-modern[open] .group-summary-actions b{background:#2563eb;color:white;border-color:#2563eb}.perm-pill-modern{background:#f1f5f9;color:#334155;border-radius:999px;padding:9px 11px;font-weight:950}.group-editor-modern{border-top:1px solid #dbeafe;background:#f8fafc;padding:18px}.editor-toolbar-modern{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:18px}.rights-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.rights-category-modern{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:15px;box-shadow:0 10px 24px #0f172a08}.rights-category-head{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #eef2f7;padding-bottom:10px;margin-bottom:10px}.rights-category-head h3{margin:0;font-size:17px;color:#0f172a}.rights-category-head small{background:#f1f5f9;color:#475569;border-radius:999px;padding:6px 9px;font-weight:950}.rights-list-modern{display:grid;gap:8px}.right-toggle-modern{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;border:1px solid #edf2f7;background:#fff;border-radius:16px;padding:11px;cursor:pointer;transition:.16s}.right-toggle-modern:hover{border-color:#bfdbfe;background:#eff6ff}.right-toggle-modern input{position:absolute;opacity:0;pointer-events:none}.toggle-ui{width:42px;height:24px;border-radius:999px;background:#cbd5e1;position:relative;transition:.18s}.toggle-ui:after{content:"";position:absolute;width:18px;height:18px;border-radius:999px;background:white;left:3px;top:3px;box-shadow:0 2px 5px #0002;transition:.18s}.right-toggle-modern input:checked + .toggle-ui{background:linear-gradient(135deg,#2563eb,#7c3aed)}.right-toggle-modern input:checked + .toggle-ui:after{transform:translateX(18px)}.toggle-text b{display:block;color:#0f172a;font-size:14px}.toggle-text em{display:block;color:#64748b;font-style:normal;font-size:12px;margin-top:2px}@media(max-width:760px){.groups-modern-hero,.create-modern-form,.editor-toolbar-modern{display:block}.hero-metrics{margin-top:16px}.create-modern-form .primary-modern,.editor-toolbar-modern .primary-modern{width:100%;margin-top:12px}.group-card-modern summary{grid-template-columns:auto 1fr}.group-summary-actions{grid-column:1 / -1;justify-content:flex-end}.groups-modern-hero h1{font-size:36px}}

/* v12 Galerie-Aktionen als rechte ausklappbare Sidebar */
.action-sidebar-tab{position:fixed;right:0;top:45%;z-index:70;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:950;padding:13px 15px;border-radius:16px 0 0 16px;box-shadow:0 18px 42px #1d4ed83d;cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.02em}.action-sidebar{position:fixed;top:0;right:0;bottom:0;width:min(380px,92vw);z-index:90;background:#fff;border-left:1px solid #dbeafe;box-shadow:-24px 0 65px #0f172a24;transform:translateX(105%);transition:transform .22s ease;display:flex;flex-direction:column}.action-sidebar-check:checked ~ .action-sidebar{transform:translateX(0)}.action-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.28);z-index:80}.action-sidebar-check:checked ~ .action-sidebar-backdrop{display:block}.action-sidebar-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:14px;background:#f1f5f9;color:#0f172a;display:grid;place-items:center;font-size:28px;line-height:1;cursor:pointer}.action-sidebar-head{padding:28px 56px 18px 22px;border-bottom:1px solid #e2e8f0;background:radial-gradient(circle at 100% 0,#dbeafe,#fff 55%)}.action-sidebar-head h2{margin:4px 0 8px;font-size:32px;letter-spacing:-.04em}.action-sidebar-head p{margin:0;color:#64748b;line-height:1.45}.action-sidebar-body{padding:18px;display:grid;gap:12px;overflow:auto}.action-sidebar-body .wide{width:100%;justify-content:center;text-align:center;border-radius:14px;padding:13px 14px;font-weight:900}.sidebar-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:12px}.sidebar-field label{display:block;font-size:12px;font-weight:950;color:#64748b;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.sidebar-field select{width:100%;margin:0}.action-sidebar-body button.danger{box-shadow:0 12px 28px #dc26262b}@media(max-width:650px){.action-sidebar-tab{top:auto;bottom:18px;right:18px;border-radius:999px;writing-mode:horizontal-tb;padding:12px 16px}.action-sidebar{width:100vw}.action-sidebar-head{padding-top:54px}}

/* v16 Popup-Navigation: Pfeile fest links/rechts mittig am Bild-/Video-Bereich */
.modal-viewer{position:relative;display:flex;align-items:center;justify-content:center;background:#0f172a;min-height:260px;overflow:hidden}
.modal-viewer .modal-body{width:100%;padding:16px 76px;overflow:auto;background:transparent;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.modal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:58px;height:86px;border:0;border-radius:22px;background:rgba(255,255,255,.16);color:#fff;font-size:58px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:8;box-shadow:0 16px 34px rgba(0,0,0,.34);transition:.16s ease}
.modal-arrow:hover{background:rgba(255,255,255,.30);transform:translateY(-50%) scale(1.04)}
.modal-arrow-left{left:14px}
.modal-arrow-right{right:14px}
@media(max-width:650px){.modal-viewer{min-height:220px}.modal-viewer .modal-body{padding:10px 50px}.modal-arrow{width:42px;height:68px;border-radius:16px;font-size:44px}.modal-arrow-left{left:6px}.modal-arrow-right{right:6px}}

/* v17: moderne Ordnerrechte pro Benutzer */
.folder-access-page{display:grid;gap:18px}
.folder-access-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(15,23,42,.03));border:1px solid rgba(148,163,184,.25)}
.folder-access-hero h1{margin:.2rem 0 .4rem;font-size:clamp(1.6rem,3vw,2.4rem)}
.folder-access-hero p{max-width:760px;color:var(--muted,#64748b);margin:0}
.folder-access-stats{display:flex;gap:12px;flex-wrap:wrap}
.folder-access-stats div{min-width:105px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 12px 30px rgba(15,23,42,.08);text-align:center}
.folder-access-stats b{display:block;font-size:1.5rem}.folder-access-stats span{font-size:.82rem;color:#64748b}
.user-folder-list{display:grid;gap:14px}.user-folder-card{border:1px solid rgba(148,163,184,.28);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 14px 35px rgba(15,23,42,.08);overflow:hidden}.user-folder-card[open]{box-shadow:0 18px 45px rgba(15,23,42,.13)}
.user-folder-card summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px 20px}.user-folder-card summary::-webkit-details-marker{display:none}.user-folder-card summary:after{content:'⌄';font-size:1.3rem;color:#64748b;transition:.2s}.user-folder-card[open] summary:after{transform:rotate(180deg)}
.user-avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.1rem}.user-summary-main{display:grid;gap:3px}.user-summary-main strong{font-size:1.05rem}.user-summary-main span{color:#64748b;font-size:.9rem}.user-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;background:#eef2ff;color:#3730a3;font-size:.82rem;font-weight:700}.pill.admin{background:#fef3c7;color:#92400e}.pill.ok{background:#dcfce7;color:#166534}.pill.muted{background:#e5e7eb;color:#4b5563}
.folder-rights-form{border-top:1px solid rgba(148,163,184,.25);padding:18px 20px 22px;background:linear-gradient(180deg,rgba(248,250,252,.92),rgba(255,255,255,.95))}.folder-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.folder-tools button:last-child,.form-foot button{margin-left:auto}.folder-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.folder-check{display:flex;align-items:center;gap:10px;padding:11px 12px 11px calc(12px + var(--depth,0)*14px);border:1px solid rgba(148,163,184,.35);border-radius:15px;background:#fff;transition:.15s}.folder-check:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.08)}.folder-check input{width:18px;height:18px}.folder-icon{opacity:.8}.folder-path{font-weight:650;word-break:break-word}.form-foot{display:flex;justify-content:flex-end;margin-top:16px}.notice{padding:14px 16px;border-radius:16px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.empty-state{text-align:center}
@media(max-width:720px){.folder-access-hero{display:block}.folder-access-stats{margin-top:16px}.user-folder-card summary{grid-template-columns:auto 1fr}.user-badges{grid-column:1/-1;justify-content:flex-start}.folder-checkbox-grid{grid-template-columns:1fr}.folder-tools button,.form-foot button{width:100%;margin-left:0}}


.zip-status-overlay{
  position:fixed;
  inset:0;
  background:rgba(8,10,15,.78);
  backdrop-filter:blur(6px);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:999999;
  padding:20px;
}
.zip-status-overlay.show{display:flex;}
.zip-status-box{
  width:min(420px,92vw);
  background:linear-gradient(180deg,#202532,#151922);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  padding:30px;
  text-align:center;
  box-shadow:0 25px 70px rgba(0,0,0,.55);
}
.zip-status-icon{font-size:44px;margin-bottom:8px;}
.zip-status-box h2{margin:0 0 8px;font-size:24px;}
.zip-status-box p{margin:0 0 22px;color:#cbd5e1;line-height:1.45;}
.zip-progress{
  height:16px;
  background:rgba(255,255,255,.12);
  border-radius:999px;
  overflow:hidden;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.35);
}
.zip-progress-bar{
  height:100%;
  width:0%;
  background:linear-gradient(90deg,#4ade80,#22c55e,#16a34a);
  border-radius:999px;
  transition:width .25s ease;
}
.zip-percent{margin-top:12px;font-weight:700;font-size:18px;}


.zip-time-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:16px;
}
.zip-time-grid div{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  padding:12px 10px;
}
.zip-time-grid span{
  display:block;
  color:#94a3b8;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:5px;
}
.zip-time-grid strong{
  display:block;
  color:#fff;
  font-size:17px;
}
@media(max-width:420px){.zip-time-grid{grid-template-columns:1fr}}

.zip-cancel-btn{
  margin-top:18px;
  border:0;
  border-radius:14px;
  padding:12px 18px;
  background:#ef4444;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 12px 25px rgba(239,68,68,.25);
}
.zip-cancel-btn:hover{background:#dc2626;}
.zip-cancel-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;}
.zip-status-box.cancelled .zip-progress-bar{background:linear-gradient(90deg,#f97316,#ef4444);}