/* Kompakte Kundenansicht nach der bereitgestellten Referenz */
.compact-page{max-width:1120px;padding-top:32px}.compact-page .mc-panel{color:#4a4a4a;background:#fff;border:1px solid #e5e5e5;box-shadow:0 3px 12px #0002;margin-bottom:26px}.mc-title{min-height:48px;background:#f5f5f5;border-bottom:1px solid #d7d7d7;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:20px;font-weight:400}.mc-body{padding:18px}.table-scroll{overflow:visible}.mail-table{width:100%;border-collapse:collapse;font-size:17px}.mail-table th,.mail-table td{border:1px solid #d6d6d6;padding:7px;text-align:left;vertical-align:top}.mail-table th{font-size:19px;color:#363636}.mail-table th:nth-child(1){width:39%}.mail-table th:nth-child(2){width:25%}.mail-table th:nth-child(3){width:36%}.masked{letter-spacing:2px;color:#555}.actions-cell{display:flex;flex-wrap:wrap;gap:6px;min-height:89px;position:relative}.mc-button{display:inline-flex;border:0;border-radius:0;color:#fff!important;padding:9px 14px;font-weight:700;font-size:16px;line-height:1.25;box-shadow:0 3px 7px #0002;cursor:pointer;white-space:nowrap}.mc-button.blue{background:#4ec0df}.mc-button.green{background:#53b85b}.mc-button.red{background:#df514d}.mc-button.small{padding:6px 10px;font-size:13px}.password-action,.delete-action{position:relative}.password-action summary,.delete-action summary{list-style:none}.password-action summary::-webkit-details-marker,.delete-action summary::-webkit-details-marker{display:none}.popover-form{position:absolute;z-index:5;top:48px;left:0;width:310px;background:white;border:1px solid #cfcfcf;box-shadow:0 9px 30px #0003;padding:15px;display:grid;gap:10px}.popover-form input,.create-mail-form input,.create-mail-form select,.alias-create input{background:#edf4ff;border:1px solid #c7d0dc;border-radius:0;color:#222;padding:8px}.popover-form small{color:#777}.delete-popover{left:auto;right:0}.create-mail-form{display:grid;grid-template-columns:minmax(340px,1.1fr) minmax(230px,.7fr) 1fr;gap:7px;align-items:center}.new-address{display:grid;grid-template-columns:1fr auto minmax(130px,.8fr);align-items:center;gap:5px}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;padding:18px 19px 24px}.server-grid h2{font-size:29px;font-weight:400;margin:0 0 10px}.server-grid dl{margin:0;font-size:19px;line-height:1.45}.server-grid dt,.server-grid dd{margin:0}.server-grid dd{color:#666}.alias-panel{margin-top:0}.alias-create{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:center;margin-bottom:12px}.alias-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;padding:9px 0;gap:10px}body:has(.compact-page){background:#f2f4f7;color:#444}.compact-page~footer{color:#777}.topbar:has(+.compact-page){background:#fff;color:#444;border-color:#ddd}.topbar:has(+.compact-page) nav,.topbar:has(+.compact-page) .linkbutton{color:#666}@media(max-width:800px){.table-scroll{overflow-x:auto}.mail-table{min-width:760px}.server-grid{grid-template-columns:1fr;gap:25px}.create-mail-form{grid-template-columns:1fr}.alias-create{grid-template-columns:1fr}.alias-create span{display:none}.compact-page{padding:18px 10px 50px}.mc-title{font-size:17px}}
html[data-theme="dark"] body:has(.compact-page){background:#07101e;color:#edf5ff}html[data-theme="dark"] .compact-page .mc-panel{color:#dfeafb;background:#0e1c30;border-color:#29405d;box-shadow:0 3px 16px #0005}html[data-theme="dark"] .mc-title{background:#14263d;border-color:#29405d;color:#edf5ff}html[data-theme="dark"] .mail-table th,html[data-theme="dark"] .mail-table td{border-color:#314966}html[data-theme="dark"] .mail-table th{color:#edf5ff}html[data-theme="dark"] .masked{color:#b8c8dc}html[data-theme="dark"] .popover-form{background:#102039;border-color:#365171;color:#edf5ff}html[data-theme="dark"] .popover-form input,html[data-theme="dark"] .create-mail-form input,html[data-theme="dark"] .create-mail-form select,html[data-theme="dark"] .alias-create input{background:#0a1728;border-color:#365171;color:#edf5ff}html[data-theme="dark"] .popover-form small,html[data-theme="dark"] .server-grid dd{color:#a9bad0}html[data-theme="dark"] .alias-line{border-color:#314966}html[data-theme="dark"] .compact-page~footer{color:#8196b2}html[data-theme="dark"] .topbar:has(+.compact-page){background:rgba(7,16,30,.9);color:#edf5ff;border-color:#29405d}html[data-theme="dark"] .topbar:has(+.compact-page) nav,html[data-theme="dark"] .topbar:has(+.compact-page) .linkbutton{color:#a9bad0}