*{box-sizing:border-box}body{margin:0;background:#070d14;color:#edf3f7;font-family:Inter,Segoe UI,Arial,sans-serif}.cp-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.cp-sidebar{position:fixed;width:250px;height:100vh;padding:18px 14px;background:linear-gradient(180deg,#0a1119,#101b25);border-right:1px solid #1f2c37;overflow:auto}.cp-side-title{font-weight:800;letter-spacing:.8px;padding:15px 12px 22px}.cp-nav{display:grid;gap:5px}.cp-nav-link{display:flex;gap:13px;align-items:center;padding:12px 14px;border-radius:8px;color:#e4ebf0;text-decoration:none;font-size:14px}.cp-nav-link span{font-size:20px;width:22px;text-align:center}.cp-nav-link:hover,.cp-nav-link.active{background:#202a34;color:#ff3c4c}.cp-logout{margin-top:18px;border-top:1px solid #25323d;border-radius:0;padding-top:22px}.cp-account{margin-top:20px;padding:15px;border:1px solid #2a3945;border-radius:9px;background:#111c26}.cp-account b{display:block;margin-bottom:14px}.cp-person{margin:5px 0;font-weight:700}.cp-account small{color:#94a4b0}.cp-account hr{border:0;border-top:1px solid #293744;margin:14px 0}.cp-main{grid-column:2;min-width:0}.cp-topbar{height:78px;display:flex;align-items:center;gap:18px;padding:0 28px;border-bottom:1px solid #1e2b36;background:#080e15;position:sticky;top:0;z-index:5}.cp-menu{display:none;background:none;border:0;color:#fff;font-size:25px}.cp-top-spacer{flex:1}.cp-top-logo{width:150px;max-height:48px;object-fit:contain}.cp-user{display:flex;align-items:center;gap:10px}.cp-user small{display:block;color:#9ba9b3;margin-top:4px}.cp-avatar{font-size:29px}.cp-content{padding:24px 30px;max-width:1500px;margin:auto}.cp-hero,.cp-card,.cp-panel{background:linear-gradient(135deg,#101a24,#0b151f);border:1px solid #24323e;border-radius:10px}.cp-hero{padding:24px 26px;margin-bottom:16px;position:relative;overflow:hidden}.cp-hero:after{content:"";position:absolute;right:20px;top:0;width:310px;height:100%;background:radial-gradient(circle at 60% 50%,rgba(255,50,70,.14),transparent 60%)}.cp-hero h1{margin:0 0 8px;font-size:26px}.cp-muted{color:#9aaab5}.cp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:15px 0}.cp-card{padding:22px;display:flex;gap:16px;align-items:center}.cp-stat-icon{font-size:36px}.cp-stat-num{font-size:30px;font-weight:800}.cp-stat-link{display:block;margin-top:8px;color:#ff4050;text-decoration:none;font-size:13px}.cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.cp-panel{overflow:hidden}.cp-panel-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #26343f}.cp-panel-head h2{font-size:16px;margin:0}.cp-btn{padding:7px 11px;border-radius:7px;background:#202b35;border:1px solid #2a3945;color:#fff;text-decoration:none;font-size:12px}.cp-list{padding:0 18px}.cp-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #22303b}.cp-row:last-child{border:0}.cp-row small{display:block;color:#93a3ae;margin-top:4px}.cp-status{font-size:12px;padding:5px 10px;border-radius:7px}.active{color:#60df7a}.cp-status.open{background:#351a20;color:#ff6b76}.cp-status.paid{background:#133322;color:#62df81}.cp-footer{padding:22px 30px;border-top:1px solid #1f2c37;color:#8796a1;text-align:center;font-size:12px;margin-top:25px}.cp-footer span{float:right}.cp-footer a{color:#aab6be;text-decoration:none;margin-left:20px}.cp-login{min-height:100vh;display:grid;place-items:center;padding:20px}.cp-login-box{width:min(440px,100%);background:#101a24;border:1px solid #293945;border-radius:14px;padding:30px}.cp-login-logo{display:block;width:210px;margin:0 auto 25px}.cp-field{margin:13px 0}.cp-field label{display:block;font-size:12px;color:#9aabb6;margin-bottom:6px}.cp-field input{width:100%;padding:12px;background:#07121b;border:1px solid #30434f;border-radius:7px;color:#fff}.cp-primary{width:100%;padding:12px;border:0;border-radius:7px;background:#e82e40;color:#fff;font-weight:800}.cp-alert{padding:10px;border-radius:7px;background:#381c22;color:#ff9ba5;margin-bottom:12px}@media(max-width:1050px){.cp-stats{grid-template-columns:1fr 1fr}.cp-grid{grid-template-columns:1fr}.cp-top-logo{width:120px}}@media(max-width:760px){.cp-shell{display:block}.cp-sidebar{transform:translateX(-100%);transition:.2s;z-index:20}.cp-menu-open .cp-sidebar{transform:translateX(0)}.cp-main{margin:0}.cp-menu{display:block}.cp-topbar{padding:0 14px}.cp-top-logo{width:100px}.cp-user div{display:none}.cp-content{padding:16px}.cp-stats{grid-template-columns:1fr}.cp-footer span{display:block;float:none;margin-top:12px}}

.cp-edit-form{padding:20px}
.cp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cp-field label{display:block;font-size:12px;color:#9aabb6;margin-bottom:7px}
.cp-field input,.cp-field select,.cp-field textarea{width:100%;padding:12px 13px;background:#07121b;border:1px solid #30434f;border-radius:7px;color:#fff;outline:none}
.cp-field input:focus,.cp-field select:focus,.cp-field textarea:focus{border-color:#e82e40;box-shadow:0 0 0 2px rgba(232,46,64,.12)}
.cp-field-wide{grid-column:span 1}
.cp-form-heading{margin:25px 0 14px;font-size:15px}
.cp-form-actions{display:flex;justify-content:flex-end;margin-top:22px}
.cp-save-btn{padding:11px 18px;border:0;border-radius:7px;background:#e82e40;color:#fff;font-weight:800;cursor:pointer}
.cp-save-btn:hover{filter:brightness(1.08)}
.cp-notice{padding:12px 15px;border-radius:8px;margin-bottom:15px;border:1px solid}
.cp-notice-success{background:#10291b;border-color:#285b39;color:#73e28e}
.cp-notice-error{background:#351a20;border-color:#65303a;color:#ff9da6}
@media(max-width:760px){.cp-form-grid{grid-template-columns:1fr}.cp-field-wide{grid-column:auto}.cp-form-actions{justify-content:stretch}.cp-save-btn{width:100%}}

.cp-admin-return{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:7px;background:#e82e40;color:#fff;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}
.cp-admin-return:hover{filter:brightness(1.08)}
.cp-password-form{max-width:620px;display:grid;gap:14px}
.cp-help{display:block;color:#8797a2;margin-top:7px;line-height:1.4}
.cp-security-note{margin:20px;padding:14px 16px;border-radius:8px;background:#2c2512;border:1px solid #66562a;color:#f2d97e;line-height:1.5}
@media(max-width:900px){.cp-admin-return{font-size:0;padding:9px}.cp-admin-return:after{content:"Admin";font-size:12px}}

.cp-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #22303b;color:#edf3f7;text-decoration:none}.cp-ticket-row small{display:block;color:#93a3ae;margin-top:4px}.cp-ticket-thread{padding:18px}.cp-ticket-message{max-width:82%;padding:14px 16px;border-radius:10px;margin-bottom:14px;border:1px solid #2a3945;background:#101c26}.cp-ticket-message.from-admin{margin-left:auto;background:#172131}.cp-ticket-message header{display:flex;justify-content:space-between;gap:15px;margin-bottom:9px}.cp-ticket-message header small{color:#8fa0ac}.support-status{display:inline-block;padding:5px 9px;border-radius:7px;font-size:11px}.support-status.open{background:#142d47;color:#65afff}.support-status.in_progress{background:#3a2a12;color:#ffb94d}.support-status.waiting_customer{background:#342f12;color:#f3da63}.support-status.closed{background:#173220;color:#6ddd89}

.cp-domain-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 18px}.cp-domain-head h1{font-size:30px;margin:8px 0 4px}.cp-domain-head p{margin:0;color:#8497a5}.cp-domain-back,.cp-domain-action,.cp-domain-list-link{color:#62aefc;text-decoration:none}.cp-domain-state{padding:8px 12px;border:1px solid #244132;background:#12271c;border-radius:999px;color:#78dc91;font-size:12px}.cp-domain-state .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#78dc91;margin-right:7px}.cp-domain-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid #25333e;margin-bottom:18px}.cp-domain-tabs a{padding:12px 14px;color:#91a1ad;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}.cp-domain-tabs a.active{color:#fff;border-bottom-color:#e82e40}.cp-domain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cp-domain-card,.cp-domain-section{padding:20px}.cp-domain-card h2,.cp-domain-section h2{margin-top:0}.cp-domain-kv{display:grid;grid-template-columns:150px 1fr;gap:11px 16px}.cp-domain-kv span{color:#8596a2}.cp-domain-kv b{font-weight:600}.cp-ns-line{font-family:monospace;padding:9px 11px;background:#0b151d;border:1px solid #253540;border-radius:7px;margin-bottom:8px}.cp-domain-action{display:inline-block;margin-top:14px}.cp-domain-big{font-size:38px;font-weight:800;margin:10px 0}.cp-domain-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cp-warning{padding:13px 15px;background:#302711;border:1px solid #5d4d25;border-radius:8px;color:#f0d474;margin:14px 0}.cp-inline-form{margin-top:10px}.cp-domain-secondary,.cp-domain-danger,.cp-domain-delete{border:0;border-radius:7px;padding:10px 13px;color:#fff;cursor:pointer}.cp-domain-secondary{background:#243442}.cp-domain-danger,.cp-domain-delete{background:#a82d3b}.cp-domain-dns-form{display:grid;grid-template-columns:1fr 110px 2fr 100px 100px auto;gap:10px;align-items:end}.cp-domain-table-wrap{overflow:auto;margin-top:20px}.cp-domain-table{width:100%;border-collapse:collapse}.cp-domain-table th,.cp-domain-table td{text-align:left;padding:11px;border-bottom:1px solid #26343e;font-size:12px}.cp-domain-narrow{max-width:800px}.cp-authcode{font-family:monospace;font-size:22px;letter-spacing:1px;padding:15px;background:#09141c;border:1px dashed #3d5667;border-radius:8px;margin:18px 0}.cp-domain-button-row{display:flex;gap:10px;align-items:center;margin-top:18px}.cp-danger-box{padding:15px;background:#32171d;border:1px solid #71303b;border-radius:8px;color:#ff9ca6;margin:15px 0}
@media(max-width:1050px){.cp-domain-dns-form{grid-template-columns:1fr 1fr}.cp-dns-value{grid-column:1/-1}}@media(max-width:760px){.cp-domain-grid,.cp-domain-form-grid{grid-template-columns:1fr}.cp-domain-kv{grid-template-columns:1fr}.cp-domain-head{align-items:flex-start;flex-direction:column}}

/* v0.5.18 Kunden-Dienste: Stream + TeamSpeak Steuerkonsole */
.cp-control-console{background:linear-gradient(135deg,#0b1722,#0e1d2b);border:1px solid #263b4d;border-radius:16px;padding:20px;margin:16px 0;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.cp-console-status{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #223544}.cp-console-status h2{margin:5px 0 0;font-size:22px}.cp-server-state{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.05em;border:1px solid}.cp-server-state i{width:8px;height:8px;border-radius:50%;display:block}.cp-server-state.online{color:#6ce7a0;border-color:#276746;background:#0d2b20}.cp-server-state.online i{background:#5ee596;box-shadow:0 0 10px rgba(94,229,150,.7)}.cp-server-state.offline{color:#ff9a9a;border-color:#69383d;background:#311c21}.cp-server-state.offline i{background:#ff7777}.cp-console-buttons{padding-top:16px}.cp-console-buttons form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cp-console-buttons button{min-height:76px;border-radius:12px;border:1px solid #31495b;background:#122333;color:#edf6fc;cursor:pointer;font-size:23px;font-weight:900;transition:.15s ease}.cp-console-buttons button span{display:block;font-size:11px;letter-spacing:.08em;margin-top:7px}.cp-console-buttons button:hover{transform:translateY(-1px);filter:brightness(1.08)}.cp-console-buttons .start{border-color:#286345;color:#73e5a4;background:#10281e}.cp-console-buttons .stop{border-color:#6b343c;color:#ff969f;background:#301a20}.cp-console-buttons .restart{border-color:#65572e;color:#f3d77c;background:#2c2718}.cp-control-note{margin-top:12px;padding:11px 13px;border:1px solid #465266;background:#161f2b;border-radius:9px;color:#aebdca;font-size:12px;line-height:1.5}.cp-stream-controls{margin-top:2px}
@media(max-width:700px){.cp-console-status{align-items:flex-start;flex-direction:column}.cp-console-buttons form{grid-template-columns:1fr}.cp-console-buttons button{min-height:58px}}

/* v0.5.20 Produkte & Dienste – übersichtliche Dienstkarten */
.cp-services-hero{display:flex;align-items:center;justify-content:space-between;min-height:126px}
.cp-eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;color:#ff5262;margin-bottom:8px}
.cp-service-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px}
.cp-service-summary-card{background:linear-gradient(145deg,#101b26,#0b151e);border:1px solid #263642;border-radius:11px;padding:15px 17px;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.cp-service-summary-card span{font-size:12px;color:#8fa1ae}.cp-service-summary-card strong{font-size:25px;color:#f2f7fa}
.cp-services-panel{padding-bottom:1px}.cp-services-panel-head{padding:17px 20px}.cp-services-panel-head small{display:block;color:#8295a3;margin-top:5px;font-size:12px}
.cp-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:16px}
.cp-service-card{min-width:0;background:linear-gradient(145deg,#0d1923,#0a141d);border:1px solid #293b48;border-radius:13px;overflow:hidden;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.cp-service-card:hover{transform:translateY(-2px);border-color:#405667;box-shadow:0 12px 28px rgba(0,0,0,.2)}
.cp-service-card-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 17px;border-bottom:1px solid #20313d;background:rgba(255,255,255,.012)}
.cp-service-kind{display:flex;align-items:center;gap:11px;min-width:0}.cp-service-kind>div{min-width:0}.cp-service-kind small{display:block;color:#718590;font-size:10px;margin-top:3px}
.cp-service-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#172735;border:1px solid #2c4354;color:#78bfff;font-size:18px}
.cp-service-type{display:block;color:#c6d4dd;font-size:12px;font-weight:800}
.cp-service-status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;border:1px solid #384b58;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.cp-service-status i{display:block;width:7px;height:7px;border-radius:50%;background:#8c9aa3}
.cp-service-status-active{color:#71e19b;background:#102b20;border-color:#285f43}.cp-service-status-active i{background:#65dd92;box-shadow:0 0 9px rgba(101,221,146,.55)}
.cp-service-status-pending{color:#f1d078;background:#2c2613;border-color:#5e5129}.cp-service-status-pending i{background:#ecc95f}
.cp-service-status-suspended{color:#ff9aa2;background:#30191f;border-color:#67323c}.cp-service-status-suspended i{background:#ff7a86}
.cp-service-status-terminated{color:#a8b3ba;background:#1a2228;border-color:#3b4851}.cp-service-status-terminated i{background:#89969f}
.cp-service-card-body{padding:19px 18px 17px}.cp-service-card-body h3{margin:0 0 18px;color:#f4f8fa;font-size:20px;line-height:1.25;overflow-wrap:anywhere}
.cp-service-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cp-service-meta-grid>div{padding:11px 12px;border:1px solid #213440;border-radius:9px;background:#09131b}.cp-service-meta-grid span{display:block;color:#788c99;font-size:10px;margin-bottom:5px}.cp-service-meta-grid strong{display:block;color:#dce7ed;font-size:13px}
.cp-service-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px 14px;border-top:1px solid #20313d;background:#0a151e}.cp-service-module{color:#718591;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-service-manage{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;background:#e82e40;border:1px solid #f14657;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:900;white-space:nowrap}.cp-service-manage:hover{filter:brightness(1.08)}.cp-service-manage b{font-size:15px;line-height:1}
.cp-services-empty{padding:45px 20px 50px;text-align:center;color:#8fa0ac}.cp-services-empty-icon{font-size:38px;color:#526b7c}.cp-services-empty h3{margin:12px 0 5px;color:#e8f0f4}.cp-services-empty p{margin:0;font-size:13px}
@media(max-width:1180px){.cp-service-summary{grid-template-columns:repeat(3,1fr)}.cp-service-grid{grid-template-columns:1fr}}
@media(max-width:760px){.cp-service-summary{grid-template-columns:1fr 1fr}.cp-service-card-top,.cp-service-card-footer{align-items:flex-start}.cp-service-card-footer{flex-direction:column}.cp-service-manage{width:100%;justify-content:center}.cp-service-meta-grid{grid-template-columns:1fr}.cp-service-summary-card{min-height:68px}.cp-service-summary-card strong{font-size:21px}}

/* v0.5.20 FINAL – tabellarische Kunden-Diensteübersicht */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cp-services-list-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:128px}
.cp-services-list-count{min-width:120px;text-align:center;padding:13px 18px;border:1px solid #2a3d4b;border-radius:11px;background:#0b1720;position:relative;z-index:1}.cp-services-list-count strong{display:block;font-size:29px;line-height:1;color:#f2f7fa}.cp-services-list-count span{display:block;color:#a5b5c0;font-size:11px;margin-top:6px}.cp-services-list-count small{display:block;color:#65dd92;font-size:10px;margin-top:3px}
.cp-services-list-panel{overflow:hidden}.cp-services-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;border-bottom:1px solid #263641}.cp-services-list-title{display:flex;align-items:center;gap:12px}.cp-services-list-title-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#142533;border:1px solid #2b4354;color:#76bcf2;font-size:16px}.cp-services-list-title h2{margin:0;color:#edf4f7;font-size:17px}.cp-services-list-title small{display:block;color:#8397a4;margin-top:4px;font-size:11px}.cp-services-search{width:min(300px,36vw);height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #314551;border-radius:8px;background:#08131b;color:#728895}.cp-services-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#eef5f8;font:inherit;font-size:12px}.cp-services-search input::placeholder{color:#6f838f}
.cp-services-table-wrap{overflow-x:auto}.cp-services-table{width:100%;border-collapse:collapse;min-width:850px}.cp-services-table thead{background:#0d1821}.cp-services-table th{padding:12px 15px;text-align:left;color:#8ea2af;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #273946}.cp-services-table td{padding:13px 15px;border-bottom:1px solid #1e303b;color:#dbe6ec;font-size:12px;vertical-align:middle}.cp-services-table tbody tr{transition:background .14s ease}.cp-services-table tbody tr:hover{background:#101e29}.cp-services-table tbody tr:last-child td{border-bottom:0}.cp-services-table tr[hidden]{display:none}.cp-col-id{width:100px}.cp-col-action{width:135px;text-align:right!important}.cp-service-number{font-weight:800;color:#87a1b0}.cp-service-table-name{display:flex;align-items:center;gap:11px;min-width:230px}.cp-service-table-icon{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border:1px solid #2a4355;border-radius:8px;background:#132431;color:#74baf1}.cp-service-table-name strong{display:block;color:#edf4f7;font-size:12px;line-height:1.35}.cp-service-table-name small{display:block;color:#7f94a1;font-size:10px;margin-top:3px}.cp-service-price{display:block;color:#dce8ed;font-size:12px}.cp-service-cycle{display:block;color:#7e919c;font-size:10px;margin-top:3px}.cp-service-due{color:#afc1cb}.cp-service-list-status{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:100px;padding:6px 10px;border:1px solid #41515b;border-radius:7px;font-size:10px;font-weight:800}.cp-service-list-status i{display:block;width:7px;height:7px;border-radius:50%;background:#84939c}.cp-service-list-status-active{color:#65df91;border-color:#2f7b4a;background:#10261b}.cp-service-list-status-active i{background:#61de8f;box-shadow:0 0 8px rgba(97,222,143,.55)}.cp-service-list-status-pending{color:#efcf74;border-color:#6b5a28;background:#2a2412}.cp-service-list-status-pending i{background:#eac85e}.cp-service-list-status-suspended{color:#ff929d;border-color:#713641;background:#30191f}.cp-service-list-status-suspended i{background:#ff7784}.cp-service-list-status-terminated{color:#9eabb3;border-color:#46525b;background:#182129}.cp-service-list-status-terminated i{background:#87949c}.cp-service-list-manage{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:104px;padding:8px 10px;border:1px solid #3a4b57;border-radius:7px;background:#202d37;color:#e7eff3!important;text-decoration:none!important;font-size:10px;font-weight:800;transition:.15s ease}.cp-service-list-manage:hover{background:#e82e40;border-color:#ef4152;color:#fff!important}.cp-services-list-footer{display:flex;align-items:center;justify-content:flex-end;padding:10px 17px;border-top:1px solid #263641;background:#0b151e;color:#718692;font-size:10px}
@media(max-width:760px){.cp-services-list-hero{align-items:flex-start;flex-direction:column}.cp-services-list-count{display:flex;align-items:center;gap:8px;text-align:left}.cp-services-list-count strong,.cp-services-list-count span,.cp-services-list-count small{display:inline;margin:0}.cp-services-list-toolbar{align-items:stretch;flex-direction:column}.cp-services-search{width:100%}.cp-services-table-wrap{overflow:visible}.cp-services-table{display:block;min-width:0}.cp-services-table thead{display:none}.cp-services-table tbody{display:grid;gap:12px;padding:12px}.cp-services-table tr{display:block;border:1px solid #293c49;border-radius:10px;background:#0c1821;overflow:hidden}.cp-services-table td{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%!important;padding:10px 12px!important;text-align:right!important;border-bottom:1px solid #20313c}.cp-services-table td:before{content:attr(data-label);color:#748995;font-size:9px;font-weight:800;text-transform:uppercase;text-align:left}.cp-services-table td:nth-child(2){display:block;text-align:left!important;padding:13px!important}.cp-services-table td:nth-child(2):before{display:none}.cp-services-table td:last-child{border-bottom:0}.cp-service-table-name{min-width:0}.cp-col-action .cp-service-list-manage{width:100%}.cp-services-list-footer{justify-content:center}}

/* v0.5.22 PofD Voice-Server Detailansicht */
.ts3-dashboard{display:grid;gap:18px;margin-top:18px}.ts3-statusbar{display:grid;grid-template-columns:minmax(300px,1.8fr) repeat(3,minmax(120px,.55fr));background:linear-gradient(135deg,#0d1824,#101d2a);border:1px solid #24394b;border-radius:16px;overflow:hidden}.ts3-status-main{display:flex;align-items:center;gap:16px;padding:22px}.ts3-status-main h2{margin:3px 0 4px;font-size:20px}.ts3-status-main p{margin:0;color:#8fa8bc}.ts3-status-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:28px;font-weight:800;background:#102a3e;color:#58b9ff;border:1px solid #24577a}.ts3-stat{padding:22px 18px;border-left:1px solid #24394b;display:flex;flex-direction:column;justify-content:center;gap:6px}.ts3-stat span,.ts3-data-list span,.ts3-contract-grid span,.ts3-token>span{font-size:12px;color:#7892a6;text-transform:uppercase;letter-spacing:.04em}.ts3-stat b{font-size:17px;color:#eaf4fb}.ts3-stat .is-online{color:#4cdb8a}.ts3-stat .is-offline{color:#ff6571}.ts3-main-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.ts3-data-list>div{display:flex;justify-content:space-between;gap:24px;padding:13px 0;border-bottom:1px solid rgba(117,151,176,.15)}.ts3-data-list b{color:#e9f3fa;text-align:right;overflow-wrap:anywhere}.ts3-join{display:block;margin-top:18px;padding:13px 16px;border-radius:10px;text-align:center;text-decoration:none!important;background:#1376b8;color:#fff!important;font-weight:700}.ts3-control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.ts3-control-buttons button{min-height:72px;border-radius:12px;background:#0b151f;border:1px solid #29445a;color:#dceaf4;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.ts3-control-buttons button strong{font-size:21px}.ts3-control-buttons .start{border-color:#23794d;color:#59d992}.ts3-control-buttons .restart{border-color:#27648c;color:#66baf2}.ts3-control-buttons .stop{grid-column:1/-1;border-color:#7c3039;color:#ff727c}.ts3-token{margin-top:16px;padding-top:16px;border-top:1px solid rgba(117,151,176,.18)}.ts3-token>div{display:flex;gap:8px;margin-top:8px}.ts3-token input{flex:1;min-width:0;background:#08111a;border:1px solid #29445a;border-radius:8px;padding:10px;color:#dceaf4}.ts3-token button{background:#132536;border:1px solid #31516a;border-radius:8px;color:#cde5f5;padding:0 12px;cursor:pointer}.ts3-contract-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#24394b;border:1px solid #24394b;border-radius:12px;overflow:hidden}.ts3-contract-grid>div{background:#0d1824;padding:16px;display:flex;flex-direction:column;gap:6px}.ts3-contract-grid b{color:#eaf4fb}@media(max-width:1050px){.ts3-statusbar{grid-template-columns:1fr 1fr}.ts3-status-main{grid-column:1/-1}.ts3-stat{border-left:0;border-top:1px solid #24394b}.ts3-main-grid{grid-template-columns:1fr}.ts3-contract-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.ts3-statusbar{grid-template-columns:1fr}.ts3-control-buttons{grid-template-columns:1fr}.ts3-control-buttons .stop{grid-column:auto}.ts3-contract-grid{grid-template-columns:1fr}.ts3-data-list>div{flex-direction:column;gap:4px}.ts3-data-list b{text-align:left}.ts3-token>div{flex-wrap:wrap}}


/* v0.5.24 – TeamSpeak Kopf- und Höhenkorrektur */
.cp-back{display:inline-flex;align-items:center;gap:7px;margin:2px 0 13px;padding:8px 12px;border:1px solid #2d4b62;border-radius:9px;background:#0e1a25;color:#79c7ff!important;text-decoration:none!important;font-size:13px;font-weight:700;transition:.15s ease}
.cp-back:hover{background:#132536;border-color:#3d6b8a;color:#b9e4ff!important}
.cp-service-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px;padding:0 2px}.cp-service-hero h1{margin:3px 0 5px;font-size:30px;line-height:1.08;color:#f4f8fb}.cp-service-hero .cp-muted{font-size:14px;color:#91a9ba}.cp-service-hero .cp-eyebrow{display:block;margin-bottom:5px;color:#58b9ff}.cp-status{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em}.cp-status-active{background:#123728;color:#62e69a;border:1px solid #246647}.cp-status-pending{background:#3b3015;color:#ffd76b;border:1px solid #6c5620}.cp-status-suspended,.cp-status-terminated{background:#3a1c22;color:#ff7883;border:1px solid #6b303a}.cp-detail-grid:empty{display:none}
.ts3-dashboard{gap:14px;margin-top:12px}.ts3-statusbar{grid-template-columns:minmax(300px,1.7fr) repeat(3,minmax(110px,.5fr))}.ts3-status-main{padding:16px 20px}.ts3-status-icon{width:48px;height:48px;border-radius:14px;font-size:24px}.ts3-stat{padding:16px}.ts3-main-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px;align-items:start}.ts3-right-column{display:grid;gap:14px;align-self:start}.ts3-main-grid>.cp-panel,.ts3-right-column>.cp-panel{height:auto;align-self:start}.ts3-data-list>div{padding:9px 0}.ts3-join{margin-top:12px;padding:11px 14px}.ts3-control-panel>p{margin:8px 0 0}.ts3-control-buttons{gap:9px;margin-top:12px}.ts3-control-buttons button{min-height:56px}.ts3-control-buttons button strong{font-size:18px}.ts3-token{margin-top:11px;padding-top:11px}.ts3-contract-grid{grid-template-columns:1fr 1fr}.ts3-contract-grid>div{padding:11px 13px}.ts3-contract-panel .cp-panel-head{padding-top:12px;padding-bottom:12px}
@media(max-width:1100px){.ts3-main-grid{grid-template-columns:1fr}.ts3-right-column{grid-template-columns:1fr 1fr}.ts3-contract-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.cp-service-hero{align-items:flex-start;flex-direction:column}.ts3-right-column{grid-template-columns:1fr}.ts3-contract-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ts3-contract-grid{grid-template-columns:1fr}.ts3-status-main{padding:14px}.ts3-stat{padding:13px 14px}}


/* v0.5.25 – Verbindungsdaten sauber ausrichten */
.ts3-main-grid > .cp-panel:first-child {
    overflow: hidden;
}
.ts3-main-grid > .cp-panel:first-child .cp-panel-head {
    padding-left: 18px;
    padding-right: 18px;
}
.ts3-data-list {
    width: 100%;
}
.ts3-data-list > div {
    box-sizing: border-box;
    width: 100%;
    padding: 13px 18px;
    align-items: center;
}
.ts3-data-list > div > span {
    flex: 0 0 42%;
    min-width: 0;
}
.ts3-data-list > div > b {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 58%;
    padding-left: 18px;
    text-align: right;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.ts3-main-grid > .cp-panel:first-child .ts3-join {
    margin: 18px;
    width: calc(100% - 36px);
    box-sizing: border-box;
}
@media(max-width:700px){
    .ts3-data-list > div{
        align-items:flex-start;
    }
    .ts3-data-list > div > span,
    .ts3-data-list > div > b{
        flex:1 1 100%;
        max-width:100%;
    }
    .ts3-data-list > div > b{
        padding-left:0;
        margin-top:4px;
        text-align:left;
    }
}

/* v0.5.26 – Token-Verwaltung */
.ts3-token-panel{grid-column:1/-1}.ts3-token-current{margin:14px 0 18px;padding:14px;border:1px solid #29445a;border-radius:12px;background:#0a151f}.ts3-token-current>span{display:block;margin-bottom:9px;font-size:12px;color:#78a8c8;text-transform:uppercase;letter-spacing:.04em}.ts3-token-current>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.ts3-token-current input,.ts3-token-form input,.ts3-token-form select{box-sizing:border-box;width:100%;background:#07111a;border:1px solid #29445a;border-radius:9px;padding:11px 12px;color:#e5f2fb;font:inherit}.ts3-token-current button{background:#132536;border:1px solid #31516a;border-radius:9px;color:#cde5f5;padding:0 14px;cursor:pointer}.ts3-token-current small{display:block;margin-top:9px;color:#7892a6}.ts3-token-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.ts3-token-form label{display:grid;gap:7px;color:#b8cfdf;font-size:13px}.ts3-token-form .cp-action-primary{min-height:44px;white-space:nowrap}@media(max-width:900px){.ts3-token-form{grid-template-columns:1fr}.ts3-token-current>div{grid-template-columns:1fr 1fr}.ts3-token-current input{grid-column:1/-1}}@media(max-width:520px){.ts3-token-current>div{grid-template-columns:1fr}.ts3-token-current input{grid-column:auto}}


/* v0.5.27 – Token-Verwaltung UI-Fix */
.ts3-token-panel{
    margin-top:14px;
}
.ts3-token-panel .cp-panel-head{
    padding:14px 16px;
}
.ts3-token-panel > .cp-muted{
    margin:0;
    padding:12px 16px 0;
}
.ts3-token-current{
    margin:14px 16px;
    padding:12px;
}
.ts3-token-form{
    padding:14px 16px 16px;
    grid-template-columns:1fr;
}
.ts3-token-form .cp-action-primary{
    width:100%;
}

/* v0.5.28 – SonicPanel Detailansicht */
.stream-dashboard{display:grid;gap:16px;margin-top:16px}.stream-statusbar{display:grid;grid-template-columns:minmax(330px,1.8fr) repeat(3,minmax(120px,.55fr));background:linear-gradient(135deg,#0d1824,#101d2a);border:1px solid #24394b;border-radius:16px;overflow:hidden}.stream-status-main{display:flex;align-items:center;gap:16px;padding:20px}.stream-status-main h2{margin:3px 0 4px;font-size:20px}.stream-status-main p{margin:0;color:#8fa8bc}.stream-status-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:25px;font-weight:800;background:#102a3e;color:#58b9ff;border:1px solid #24577a}.stream-stat{padding:20px 16px;border-left:1px solid #24394b;display:flex;flex-direction:column;justify-content:center;gap:6px}.stream-stat span,.stream-data-list span,.stream-contract-grid span{font-size:12px;color:#7892a6;text-transform:uppercase;letter-spacing:.04em}.stream-stat b{font-size:16px;color:#eaf4fb}.stream-stat .is-online{color:#4cdb8a}.stream-stat .is-unknown{color:#ffb65c}.stream-main-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:start}.stream-right-column{display:grid;gap:14px}.stream-data-list>div{box-sizing:border-box;display:flex;justify-content:space-between;gap:20px;padding:12px 18px;border-bottom:1px solid rgba(117,151,176,.15)}.stream-data-list b{text-align:right;color:#e9f3fa;overflow-wrap:anywhere}.stream-panel-link,.stream-secondary-link{display:block;margin:16px 18px;padding:12px 15px;border-radius:9px;text-align:center;text-decoration:none!important;background:#1376b8;color:#fff!important;font-weight:700}.stream-control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.stream-control-buttons button{min-height:62px;border-radius:11px;background:#0b151f;border:1px solid #29445a;color:#dceaf4;font:inherit;cursor:pointer}.stream-control-buttons .start{border-color:#23794d;color:#59d992}.stream-control-buttons .restart{border-color:#27648c;color:#66baf2}.stream-control-buttons .stop{grid-column:1/-1;border-color:#7c3039;color:#ff727c}.stream-control-note{margin:14px;padding:14px;border:1px solid #6a5129;background:#1c180f;border-radius:10px;display:grid;gap:5px}.stream-control-note strong{color:#ffc86b}.stream-control-note span{color:#b8a887}.stream-password-form{display:grid;gap:10px;padding:0 16px 16px}.stream-password-form label{display:grid;gap:7px;color:#b8cfdf;font-size:13px}.stream-password-form input{background:#07111a;border:1px solid #29445a;border-radius:9px;padding:11px;color:#e5f2fb}.stream-password-form button{min-height:42px;border:1px solid #31516a;border-radius:9px;background:#132536;color:#d8ecf8;cursor:pointer}.stream-contract-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#24394b}.stream-contract-grid>div{background:#0d1824;padding:13px;display:flex;flex-direction:column;gap:5px}.stream-contract-grid b{color:#eaf4fb}@media(max-width:1050px){.stream-statusbar{grid-template-columns:1fr 1fr}.stream-status-main{grid-column:1/-1}.stream-stat{border-left:0;border-top:1px solid #24394b}.stream-main-grid{grid-template-columns:1fr}}@media(max-width:620px){.stream-statusbar{grid-template-columns:1fr}.stream-data-list>div{flex-direction:column;gap:4px}.stream-data-list b{text-align:left}.stream-control-buttons{grid-template-columns:1fr}.stream-control-buttons .stop{grid-column:auto}.stream-contract-grid{grid-template-columns:1fr}}

/* v0.5.29 – SonicPanel Kundenansicht */
.sonic-service{display:grid;gap:16px;margin-top:14px}.sonic-tabs{display:flex;flex-wrap:wrap;border:1px solid #263b4d;border-radius:11px;overflow:hidden;width:max-content;max-width:100%;background:#0d1823}.sonic-tabs a{padding:11px 18px;color:#8fb0c7!important;text-decoration:none!important;border-right:1px solid #263b4d;font-weight:700;font-size:13px}.sonic-tabs a:last-child{border-right:0}.sonic-tabs a.active,.sonic-tabs a:hover{background:#152a3b;color:#62c1ff!important}.sonic-overview{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px}.sonic-identity{border:1px solid #263b4d;border-radius:14px;background:linear-gradient(160deg,#0d1823,#101e2b);padding:22px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:290px}.sonic-radio-mark{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#10283a;border:1px solid #2b6386;box-shadow:0 12px 35px rgba(0,0,0,.25);margin-bottom:13px}.sonic-radio-mark span{font-size:47px;color:#55bfff}.sonic-small-status{font-size:11px;font-weight:800;letter-spacing:.08em;padding:5px 10px;border-radius:999px;background:#4b3218;color:#ffc266}.sonic-small-status.online{background:#123e2b;color:#4de393}.sonic-identity h2{margin:12px 0 3px;font-size:21px}.sonic-identity p{margin:0;color:#82a2b9}.sonic-login-main,.sonic-panel-button{margin-top:18px;padding:11px 22px;border-radius:9px;background:#187dbb;color:#fff!important;text-decoration:none!important;font-weight:800}.sonic-info-grid>div{display:grid;grid-template-columns:42% 1fr;gap:20px;padding:12px 18px;border-bottom:1px solid rgba(117,151,176,.15)}.sonic-info-grid span,.sonic-feature-list span,.sonic-credentials span{color:#7898af;font-size:12px;text-transform:uppercase;letter-spacing:.035em}.sonic-info-grid b{color:#edf6fc}.sonic-info-grid .sonic-green{color:#4de393}.sonic-info-grid .sonic-total{background:#0a151f}.sonic-total b{font-size:16px}.sonic-access{padding-bottom:16px}.sonic-credentials{max-width:820px;margin:4px auto 0}.sonic-credentials>div{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid rgba(117,151,176,.15)}.sonic-credentials button{background:#142738;border:1px solid #31516a;border-radius:8px;color:#cce4f4;padding:7px 11px;cursor:pointer}.sonic-credential-state{text-transform:none!important}.sonic-panel-button{display:block;width:220px;box-sizing:border-box;text-align:center;margin:18px auto 0}.sonic-lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start}.sonic-feature-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 18px;border-bottom:1px solid rgba(117,151,176,.15)}.sonic-feature-list b{color:#eaf4fb}.sonic-actions-column{display:grid;gap:16px}.sonic-control-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px}.sonic-control-buttons button{min-height:50px;border-radius:10px;background:#0b151f;border:1px solid #29445a;color:#dceaf4;font:inherit;cursor:pointer}.sonic-control-buttons .start{border-color:#23794d;color:#59d992}.sonic-control-buttons .restart{border-color:#27648c;color:#66baf2}.sonic-control-buttons .stop{grid-column:1/-1;border-color:#7c3039;color:#ff727c}.sonic-missing-access{margin:14px;padding:14px;border-radius:10px;border:1px solid #66502c;background:#1b170f;display:grid;gap:5px}.sonic-missing-access strong{color:#ffc66b}.sonic-missing-access span{color:#b8a887}.sonic-password form{display:grid;gap:10px;padding:14px}.sonic-password label{display:grid;gap:7px;color:#b8cfdf;font-size:13px}.sonic-password input{background:#07111a;border:1px solid #29445a;border-radius:9px;padding:11px;color:#e5f2fb}.sonic-password button{min-height:42px;border:1px solid #31516a;border-radius:9px;background:#132536;color:#d8ecf8;cursor:pointer}@media(max-width:980px){.sonic-overview,.sonic-lower-grid{grid-template-columns:1fr}.sonic-identity{min-height:220px}}@media(max-width:620px){.sonic-tabs{width:100%}.sonic-tabs a{flex:1 1 50%;text-align:center;border-bottom:1px solid #263b4d}.sonic-info-grid>div{grid-template-columns:1fr;gap:4px}.sonic-credentials>div{grid-template-columns:1fr;gap:5px}.sonic-feature-list>div{flex-direction:column;gap:4px}.sonic-control-buttons{grid-template-columns:1fr}.sonic-control-buttons .stop{grid-column:auto}}

/* v0.5.30 – echte SonicPanel Detailansicht */
.sonic-service-live{animation:pofdSonicIn .12s ease-out}
@keyframes pofdSonicIn{from{opacity:.96;transform:translateY(2px)}to{opacity:1;transform:none}}


/* v0.5.31 – SonicPanel Passwort anzeigen / kopieren */
.sonic-password-row{align-items:center}
.sonic-password-display{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:7px;min-width:0}
.sonic-password-display input{width:100%;box-sizing:border-box;background:#07111a;border:1px solid #29445a;border-radius:8px;padding:9px 11px;color:#e7f3fa;font:inherit;min-width:0}
.sonic-password-display button{background:#142738;border:1px solid #31516a;border-radius:8px;color:#cce4f4;padding:7px 10px;cursor:pointer}
.sonic-password-missing{color:#ffc46b!important}
@media(max-width:720px){.sonic-password-display{grid-template-columns:1fr auto}.sonic-password-display input{grid-column:1/-1}}

/* v0.5.32 – echte SonicPanel-Reiter */
.sonic-tabs button{appearance:none;border:0;border-right:1px solid #263b4d;background:transparent;padding:11px 18px;color:#8fb0c7;font:inherit;font-weight:700;font-size:13px;cursor:pointer}
.sonic-tabs button:last-child{border-right:0}.sonic-tabs button.active,.sonic-tabs button:hover{background:#152a3b;color:#62c1ff}
.sonic-tab-content{display:none!important}.sonic-tab-content.active{display:grid!important}
section.sonic-tab-content.active{display:block!important}
.sonic-access.sonic-tab-content.active,.sonic-password.sonic-tab-content.active{display:block!important}
.sonic-lower-grid.sonic-tab-content.active{display:grid!important}
.sonic-overview.active .sonic-control{grid-column:1/-1}
.sonic-password{max-width:760px}.sonic-password form{padding:18px}
.sonic-password-display{align-items:center}.sonic-password-display button[title="Passwort anzeigen"]{min-width:42px;font-size:16px}
@media(max-width:620px){.sonic-tabs button{flex:1 1 50%;border-bottom:1px solid #263b4d}}


/* v0.5.33 – LIVE SonicPanel Reiter-Fix */
.sonic-service-live .sonic-tab-content{display:none!important}
.sonic-service-live .sonic-tab-content.active{display:block!important}
.sonic-service-live .sonic-overview.sonic-tab-content.active{display:grid!important}
.sonic-service-live .sonic-lower-grid.sonic-tab-content.active{display:grid!important}
.sonic-service-live .sonic-tabs{width:max-content;max-width:100%}
.sonic-service-live .sonic-tabs button{min-height:42px}
.sonic-service-live .sonic-password-display input[type=password],
.sonic-service-live .sonic-password-display input[type=text]{letter-spacing:.08em}
.sonic-service-live .sonic-eye{font-size:18px;line-height:1}
.sonic-service-live .sonic-eye.visible{color:#62c1ff;border-color:#3d789d}
.sonic-service-live .sonic-password-empty input{color:#718591;letter-spacing:0}
.sonic-service-live .sonic-password-empty button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:620px){
  .sonic-service-live .sonic-tabs{width:100%}
  .sonic-service-live .sonic-tabs button{flex:1 1 50%;text-align:center}
}

/* v0.5.35 – Tabs + SonicPanel Live-Status gemeinsam */
.sonic-service-live .sonic-green{color:#4de393!important}

/* v0.5.37 Kündigungsbereich */
.cp-cancel-panel{margin-top:18px}.cp-cancel-form{display:grid;gap:12px;margin-top:16px}.cp-cancel-form textarea,.cp-cancel-form select{width:100%;box-sizing:border-box;background:#08151f;border:1px solid #294151;color:#e9f3f8;border-radius:9px;padding:12px}.cp-cancel-form textarea:focus,.cp-cancel-form select:focus{outline:none;border-color:#2185d7}.cp-cancel-submit{justify-self:end;border:0;border-radius:9px;background:#d9424f;color:#fff;font-weight:800;padding:11px 18px;cursor:pointer}.cp-cancel-submit:hover{filter:brightness(1.08)}.cp-cancel-state{border:1px solid #31516a;background:#0c1d29;border-radius:10px;padding:15px}.cp-cancel-state strong{color:#f2f7fa}.cp-cancel-state p{margin:8px 0;color:#aebdca}.cp-danger-box{border:1px solid #65343c;background:#321b21;color:#ffc5ca;border-radius:10px;padding:13px 15px;margin-top:12px}

/* v0.5.42 TeamSpeak Kündigungs-Tab Layout Fix */
.ts3-service-live .ts3-tab-content{display:none}
.ts3-service-live .ts3-tab-content.active{display:block}
.ts3-service-live .ts3-tabs{margin-bottom:18px}
.ts3-service-live .cp-cancel-panel{margin-top:0}
.ts3-service-live .cp-cancel-form{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}
.ts3-service-live .cp-cancel-form label{display:block;color:#d9e6ee;font-weight:600}
.ts3-service-live .cp-cancel-form textarea,
.ts3-service-live .cp-cancel-form select{
  width:100%;
  box-sizing:border-box;
  background:#08151f;
  border:1px solid #294151;
  color:#e9f3f8;
  border-radius:9px;
  padding:12px
}
.ts3-service-live .cp-cancel-submit{
  justify-self:end;
  min-width:170px;
  border:0;
  border-radius:9px;
  background:#d9424f;
  color:#fff;
  font-weight:800;
  padding:11px 18px;
  cursor:pointer
}
.ts3-service-live .cp-danger-box{margin-bottom:4px}
@media (max-width:700px){
  .ts3-service-live .cp-cancel-submit{width:100%;justify-self:stretch}
}

/* v0.5.43 Domain-Kündigung */
.cp-domain-cancel-form select{width:100%;box-sizing:border-box;background:#08151f;border:1px solid #294151;color:#e9f3f8;border-radius:9px;padding:12px}
.cp-domain-cancel-form textarea{width:100%;box-sizing:border-box}
.cp-domain-cancel-form .cp-domain-danger{margin-top:4px}

/* v0.5.44 Domain-Kündigung – PofD Design */
.cp-domain-section.cp-domain-narrow{
  max-width:none;
  margin-top:18px;
  background:#0d1b26;
  border:1px solid #263b4a;
  border-radius:12px;
  overflow:hidden;
}
.cp-domain-section.cp-domain-narrow > h2{
  margin:0;
  padding:16px 18px;
  border-bottom:1px solid #263b4a;
  color:#f4f8fb;
  font-size:18px;
}
.cp-domain-section.cp-domain-narrow > p{
  margin:16px 18px 0;
  color:#aebdca;
}
.cp-domain-section .cp-danger-box{
  margin:16px 18px 0;
  border:1px solid #7a3540;
  background:#351b21;
  color:#ffc7cc;
  border-radius:10px;
  padding:14px 16px;
}
.cp-domain-cancel-form{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  padding:18px;
}
.cp-domain-cancel-form .cp-field{
  display:grid;
  gap:7px;
}
.cp-domain-cancel-form label{
  color:#dce7ee;
  font-weight:600;
}
.cp-domain-cancel-form textarea,
.cp-domain-cancel-form select,
.cp-domain-cancel-form input{
  width:100%;
  box-sizing:border-box;
  background:#08151f;
  border:1px solid #294151;
  color:#e9f3f8;
  border-radius:9px;
  padding:12px;
}
.cp-domain-cancel-form textarea{
  min-height:110px;
  resize:vertical;
}
.cp-domain-cancel-form textarea:focus,
.cp-domain-cancel-form select:focus,
.cp-domain-cancel-form input:focus{
  outline:none;
  border-color:#2185d7;
  box-shadow:0 0 0 2px rgba(33,133,215,.12);
}
.cp-domain-cancel-form .cp-domain-danger{
  justify-self:end;
  min-width:190px;
  border:0;
  border-radius:9px;
  background:#d9424f;
  color:#fff;
  font-weight:800;
  padding:12px 20px;
  cursor:pointer;
}
.cp-domain-cancel-form .cp-domain-danger:hover{
  filter:brightness(1.08);
}
.cp-domain-section .cp-cancel-state{
  margin:18px;
  border:1px solid #31516a;
  background:#0a1721;
  border-radius:10px;
  padding:16px;
}
.cp-domain-section .cp-cancel-state strong{
  color:#f2f7fa;
  font-size:16px;
}
.cp-domain-section .cp-cancel-state p{
  margin:8px 0;
  color:#aebdca;
}
.cp-domain-section .cp-domain-secondary{
  margin-top:10px;
  border:1px solid #3a5870;
  background:#102534;
  color:#dceaf3;
  border-radius:8px;
  padding:10px 14px;
  cursor:pointer;
}
.cp-domain-section .cp-domain-secondary:hover{
  background:#173348;
}
@media (max-width:700px){
  .cp-domain-cancel-form .cp-domain-danger{
    width:100%;
    justify-self:stretch;
  }
}

/* v0.5.45 Webhosting / KeyHelp Kundenansicht */
.keyhelp-service-live{margin-top:0}
.keyhelp-service-live .keyhelp-tab-content{display:none}
.keyhelp-service-live .keyhelp-tab-content.active{display:block}
.keyhelp-tabs{margin-bottom:18px}
.keyhelp-overview{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(420px,1.3fr);gap:16px}
.keyhelp-identity,.keyhelp-general{min-height:270px}
.keyhelp-identity{border:1px solid #263b4a;border-radius:12px;background:#0d1b26;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}
.keyhelp-brand{display:flex;align-items:center;gap:10px;font-size:34px;line-height:1;color:#edf5fa;margin-bottom:14px}
.keyhelp-brand span:last-child{font-weight:300;letter-spacing:-1px}
.keyhelp-brand b{color:#eef5fa}.keyhelp-brand em{font-style:normal;color:#ef4d56;font-weight:300}
.keyhelp-logo-mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid #36546a;border-radius:12px;color:#ef4d56;background:#091722;font-size:27px}
.keyhelp-domain{font-size:16px;font-weight:700;color:#91aabe;margin-bottom:18px}
.keyhelp-login-main{border:0;border-radius:9px;background:#1889cf;color:#fff;font-weight:800;padding:12px 20px;cursor:pointer}
.keyhelp-info-grid{display:grid}
.keyhelp-info-grid>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 16px;border-bottom:1px solid #223643}
.keyhelp-info-grid span{color:#86a0b2;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.keyhelp-info-grid b{color:#f0f5f8}
.keyhelp-info-grid .keyhelp-total{background:#0a1721}
.keyhelp-green{color:#48e883!important}
.keyhelp-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.keyhelp-usage-card{border:1px solid #263b4a;border-radius:12px;background:#0d1b26;padding:18px;text-align:center}
.keyhelp-usage-card h3{margin:0 0 15px;color:#dfeaf0;font-size:15px}
.keyhelp-ring{--p:0;width:112px;height:112px;border-radius:50%;margin:0 auto 13px;display:grid;place-items:center;background:conic-gradient(#4fd16d calc(var(--p)*1%),#1c2d39 0);position:relative}
.keyhelp-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0d1b26}
.keyhelp-ring span{position:relative;z-index:1;color:#f1f6f9;font-size:21px;font-weight:800}
.keyhelp-usage-card p{margin:0;color:#9cb0bd}
.keyhelp-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.keyhelp-feature-grid>div{display:flex;justify-content:space-between;gap:18px;padding:14px 16px;border-bottom:1px solid #223643}
.keyhelp-feature-grid span{color:#8fa6b6}.keyhelp-feature-grid b{color:#edf4f8;text-align:right}
.keyhelp-access .sonic-credentials{margin-top:4px}
@media(max-width:900px){.keyhelp-overview{grid-template-columns:1fr}.keyhelp-usage{grid-template-columns:1fr}.keyhelp-feature-grid{grid-template-columns:1fr}}

/* v0.5.46 – Webhosting-Aufbau nach Referenzbild */
.keyhelp-reference-layout{margin-top:0}
.kh-main-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(520px,1.45fr);gap:24px;align-items:start}
.kh-left-card{min-height:360px;border:1px solid #263b4a;border-radius:14px;background:#0d1b26;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center}
.kh-cloud-icon{font-size:86px;line-height:1;color:#7295aa;margin-bottom:18px}
.kh-left-card h2{margin:0 0 22px;font-size:22px;color:#eaf4f8}
.kh-main-actions{width:100%;max-width:340px;display:grid;gap:10px}
.kh-main-actions form{margin:0}
.kh-action-btn{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none!important;border:1px solid #31516a;border-radius:999px;background:#112838;color:#cde4f2!important;padding:13px 18px;font-weight:800;cursor:pointer}
.kh-action-btn.primary{background:#1784c8;color:#fff!important;border-color:#1784c8}
.kh-action-btn.disabled{opacity:.45;cursor:not-allowed}
.kh-right-summary{display:grid;gap:18px}
.kh-usage-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kh-usage-widget{border:1px solid #263b4a;border-radius:14px;background:#0d1b26;padding:22px;text-align:center}
.kh-usage-widget h3{margin:0 0 16px;color:#dfeaf0}
.kh-contract-card{margin:0}
.kh-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.kh-quick-grid article{border:1px solid #263b4a;border-radius:12px;background:#0d1b26;padding:16px;display:flex;justify-content:space-between;gap:16px}
.kh-quick-grid span{color:#8fa6b6}.kh-quick-grid b{color:#f0f6f9}
@media(max-width:1050px){.kh-main-layout{grid-template-columns:1fr}.kh-usage-row{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.kh-usage-row,.kh-quick-grid{grid-template-columns:1fr}}

/* v0.5.47 – tatsächliche KeyHelp-Live-Ausgabe */
.keyhelp-reference-layout .kh-main-layout{width:100%}

/* v0.5.49 – Paket ändern */
.cp-package-change{margin:0}.cp-package-current{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:16px 18px;border-bottom:1px solid #263b4a}.cp-package-current span{color:#89a2b4;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.cp-package-current b{color:#eef6fa}.cp-package-current strong{color:#58d995}.cp-package-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.cp-package-option{border:1px solid #2b4355;background:#0a1721;border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}.cp-package-option h3{margin:7px 0 5px;color:#f0f6fa}.cp-package-option p{margin:0;color:#92aabd;font-size:13px}.cp-package-direction{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;background:#253847;color:#a8c0d0}.cp-package-direction.upgrade{background:#123b29;color:#62e49c}.cp-package-direction.downgrade{background:#3b2c12;color:#f3c56a}.cp-package-price{text-align:right;display:grid}.cp-package-price b{font-size:19px;color:#fff}.cp-package-price span,.cp-package-price small{color:#8ca3b4}.cp-package-option form{grid-column:1/-1}.cp-package-option button,.cp-slot-change button{width:100%;border:0;border-radius:9px;background:#1784c8;color:#fff;font-weight:800;padding:11px 14px;cursor:pointer}.cp-slot-change{margin:0 18px 18px;padding:16px;border:1px solid #2b4355;border-radius:12px;background:#0a1721}.cp-slot-change h3{margin:0 0 7px}.cp-slot-change p{color:#9db0bc}.cp-slot-change form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.cp-slot-change label{display:grid;gap:6px;color:#b9cbd6}.cp-slot-change select{background:#07131c;border:1px solid #315069;border-radius:8px;color:#edf6fa;padding:10px}.cp-slot-change button{width:auto}.cp-package-pending{margin:18px;padding:16px;border:1px solid #3a6178;border-radius:12px;background:#0b1d29}.cp-package-pending strong{color:#64c6ff;font-size:16px}.cp-package-pending p{color:#b6c7d2}.cp-package-pending small,.cp-package-note{display:block;color:#879eae}.cp-package-pending form{margin-top:14px}.cp-package-note{padding:0 18px 18px;margin:0}.keyhelp-service-live .keyhelp-tab-content[data-keyhelp-panel="package"],.sonic-service-live .sonic-tab-content[data-sonic-panel="package"],.ts3-service-live .ts3-tab-content[data-ts3-panel="package"]{padding:0}
@media(max-width:800px){.cp-package-options{grid-template-columns:1fr}.cp-package-current{grid-template-columns:1fr}.cp-package-price{text-align:left}.cp-slot-change form{grid-template-columns:1fr}.cp-slot-change button{width:100%}}

/* v0.5.51 – Tabs ohne JavaScript, serverseitig */
.sonic-tabs a,.keyhelp-tabs a,.ts3-tabs a{
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none!important;cursor:pointer;color:inherit;
}
.keyhelp-tab-content,.sonic-tab-content,.ts3-tab-content{display:none!important}
.keyhelp-tab-content.active,.sonic-tab-content.active,.ts3-tab-content.active{display:block!important}

/* v0.5.52 – aktive Tabs serverseitig */
.keyhelp-tab-content,.sonic-tab-content,.ts3-tab-content{display:none!important}
.keyhelp-tab-content.active{display:block!important}
.sonic-tab-content.active{display:block!important}
.sonic-overview.sonic-tab-content.active{display:grid!important}
.sonic-lower-grid.sonic-tab-content.active{display:grid!important}
.ts3-tab-content.active{display:block!important}
.cp-shop-link{margin-top:16px;background:#e82e40;color:#fff!important;font-weight:800}.cp-shop-link:hover{background:#ff4050!important;color:#fff!important}.cp-shop-link+.cp-logout{margin-top:10px}

/* v0.5.90 – allgemeine Dienstinformationen */
.cp-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.cp-info-grid>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:16px;align-items:center;padding:13px 16px;border-bottom:1px solid #223643}
.cp-info-grid>div:nth-child(odd){border-right:1px solid #223643}
.cp-info-grid span{color:#86a0b2;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.cp-info-grid b{color:#f0f5f8;text-align:right;overflow-wrap:anywhere}
@media(max-width:800px){.cp-info-grid{grid-template-columns:1fr}.cp-info-grid>div:nth-child(odd){border-right:0}}