*{box-sizing:border-box}body{font:14px system-ui,Segoe UI,Arial;background:#f3f6fa;color:#1b2940;margin:0}main{max-width:1480px;margin:auto;padding:22px}.login{max-width:390px;margin:11vh auto;padding:32px;background:white;border:1px solid #dfe6f0;border-radius:14px;box-shadow:0 8px 30px #22334416}h1{margin:0 0 15px}h2{font-size:18px}.card{background:white;border:1px solid #dfe6f0;border-radius:12px;padding:17px;margin:15px 0}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.right{margin-left:auto}label{display:block;font-weight:600;margin:8px 0}input,select{font:inherit;padding:8px;border:1px solid #cbd5e1;border-radius:6px;max-width:100%}label input:not([type=checkbox]),label select{display:block;width:100%;margin-top:5px}button,.btn{background:#2456b5;color:white;border:0;border-radius:7px;padding:9px 13px;cursor:pointer;text-decoration:none;display:inline-block;font:inherit}.btn.alt{background:#e8edf7;color:#243d69}.btn.danger{background:#b42333}.error{color:#b42333;background:#fde7e7;padding:10px;border-radius:7px}.ok{color:#176b35}.muted{color:#687589}.small{font-size:12px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{border-bottom:1px solid #e9edf5;padding:10px 8px;text-align:left;white-space:nowrap}th{background:#f5f8fc}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.inline{display:inline}.status{padding:3px 8px;border-radius:10px;background:#e6ebf1}.status.ok{background:#d9f6e4}.status.error,.status.invalid{background:#ffe4e4;color:#991b1b}.status.waiting{background:#fff1cc;color:#8a6300}nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:15px}nav a{color:#2355b0}

.status-detail {font-size:12px;max-width:270px;margin-top:5px;color:#344054;}
.status-detail summary {cursor:pointer;text-decoration:underline;}
.status-detail span {display:block;padding:5px 0;overflow-wrap:anywhere;}

/* DCheck: mobile layout, including Samsung S23 (360-412 CSS px). */
@media(max-width:700px){
 main{padding:10px;max-width:100%}
 nav{gap:9px}nav h1{width:100%;margin:0;font-size:24px}
 nav .right{margin-left:0}
 .card{padding:12px;margin:10px 0}
 .row,.row form{width:100%}
 .row form.row{display:grid;grid-template-columns:1fr;gap:5px}
 .row form.row label{margin:2px 0}
 .row form.row select,.row form.row button{width:100%}
 .fields{grid-template-columns:1fr}
 .domain-table{overflow-x:visible}
 .domain-table table,.domain-table tbody,.domain-table tr,.domain-table td{display:block;width:100%}
 .domain-table thead{display:none}
 .domain-table tr{border:1px solid #dfe6f0;border-radius:12px;margin-bottom:12px;background:#fff;padding:8px}
 .domain-table td{border-bottom:1px solid #eef1f6;padding:9px 5px;display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;white-space:normal;overflow-wrap:anywhere;min-width:0}
 .domain-table td:last-child{border-bottom:0}
 .domain-table td::before{content:attr(data-label);font-size:12px;color:#596579;font-weight:700;flex:0 0 110px}
 .domain-table td form{max-width:100%}
 .domain-table .status-detail{width:100%;margin-left:120px}
 .domain-table td .btn{min-height:40px}
 .login{margin:7vh 12px;padding:20px}
}
@media(max-width:390px){.domain-table td::before{flex-basis:90px}.domain-table .status-detail{margin-left:100px}}

/* v3.4 – compact responsive administrative dashboard */
body{background:#f3f6fb;color:#152847}main{max-width:1750px;padding:18px 26px}.card{border:1px solid #e0e8f4;border-radius:16px;box-shadow:0 4px 24px #243a5e08}nav.topbar{padding:14px 19px;background:#fff;border:1px solid #dde7f4;border-radius:17px;gap:16px;box-shadow:0 4px 15px #243a5e0a}.topbar a{text-decoration:none;font-weight:600}.brand{font-size:26px;letter-spacing:-.8px;display:flex;align-items:center;gap:10px;margin-right:16px;color:#122f62!important}.brand-icon{position:relative;background:linear-gradient(145deg,#173e94,#0e8ab8);border-radius:14px;width:42px;height:42px;display:grid;place-items:center;box-shadow:inset 0 1px 0 #ffffff38,0 10px 18px #0f2f6d22;overflow:hidden}.brand small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.8px;font-weight:800;color:#8292ad}.account-tag{color:#24704c;background:#e9f8ee;border-radius:20px;padding:8px 11px;font-size:12px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 4px 12px;gap:12px}.page-heading h1{font-size:25px;letter-spacing:-.7px;margin:0}.page-heading p{margin:5px 0;color:#64748b}.heading-pill{background:#e6f1ff;border-radius:20px;padding:9px 13px;color:#2656a4;font-size:12px}.filters-panel{padding:18px}.filters-grid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr)) auto;gap:12px;align-items:end}.filters-grid label{margin:0;color:#4e6582;font-size:12px}.filters-grid select{margin-top:6px;height:43px;border:1px solid #d3deed;border-radius:9px;background:#fafcff;font-weight:600;color:#18345e}.filters-grid button{height:43px;white-space:nowrap}.filters-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px}.btn,button{border-radius:9px;font-weight:600}.table-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-bottom:13px;flex-wrap:wrap}.table-toolbar>div:first-child{margin-right:auto}.table-toolbar h2{margin:0 0 3px}.table-count{font-size:12px;background:#e8effc;border-radius:15px;padding:3px 7px}.columns-menu{position:relative}.columns-menu summary{cursor:pointer;padding:9px 12px;border:1px solid #d8e1ef;border-radius:9px;list-style:none;color:#23456f;font-weight:600}.columns-options{position:absolute;right:0;z-index:10;top:42px;background:white;border:1px solid #d8e1ef;box-shadow:0 12px 30px #1234  ;width:260px;max-height:60vh;overflow:auto;padding:12px;border-radius:12px}.columns-options label{margin:0;padding:5px 0;display:flex;align-items:center;gap:8px;font-weight:500}.columns-options input{margin:0}.group-selector{display:flex;align-items:center;gap:8px;color:#567;font-size:12px}.group-selector select{max-width:180px}.domain-table{overflow-x:visible;padding:16px}.domain-table table{table-layout:auto;width:100%;font-size:12px}.domain-table th,.domain-table td{padding:11px 6px;white-space:normal;overflow-wrap:anywhere}.domain-table th{font-size:11px;color:#526480;cursor:pointer;user-select:none;position:sticky;top:0;background:#f4f7fb;z-index:1}.domain-table td[data-col=host]{font-weight:650;min-width:130px}.domain-table td[data-col=actions]{white-space:nowrap;min-width:125px}.domain-table td[data-col=actions] .btn{padding:6px 8px;font-size:11px}.domain-table td[data-col=domain] .btn,.domain-table td[data-col=ssl] .btn{padding:6px 7px;font-size:11px}.domain-table td[data-col=checked]{font-size:11px}.domain-table .status{display:inline-block;margin:2px;padding:3px 6px}.domain-table [hidden]{display:none!important}.group-row td{background:#e9f1fe;padding:0!important}.group-toggle{width:100%;text-align:left;background:transparent;border:0;color:#17447e;padding:13px!important;font-weight:750}.group-toggle:hover{background:#dbe9fe}.sort-indicator{color:#94a3b8;font-size:11px}.update-intro{display:flex;align-items:center;justify-content:space-between;gap:14px}.update-intro h2{margin:0}.update-intro p{margin:6px 0}.progress-area{margin-top:14px;border-top:1px solid #e2e8f0;padding-top:14px}.progress-caption{display:flex;align-items:center;gap:12px}.progress-caption strong{margin-left:auto}.progress-area progress{width:100%;height:16px;margin-top:10px;accent-color:#1b65bd}.globe{display:inline-block;font-size:28px;animation:spinGlobe 2.8s linear infinite}@keyframes spinGlobe{to{transform:rotate(360deg)}}
@media(max-width:1050px){.filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-grid button{grid-column:1/-1}.heading-pill{display:none}.domain-table{overflow-x:auto}.domain-table table{min-width:850px}}
@media(max-width:700px){main{padding:9px}.topbar{padding:12px;gap:9px}.brand{font-size:23px;width:100%}.page-heading{margin:14px 3px}.page-heading h1{font-size:22px}.page-heading p{font-size:12px}.filters-grid{grid-template-columns:1fr;gap:8px}.filters-grid button{grid-column:auto}.filters-bottom{flex-direction:column;align-items:stretch}.table-toolbar{align-items:stretch}.group-selector{flex:1}.domain-table{overflow-x:visible}.domain-table table{min-width:0}.domain-table .group-row{padding:0}.domain-table .group-row td{display:block}.domain-table tbody tr:not(.group-row)[hidden]{display:none}.domain-table td[data-col=actions]{white-space:normal}.columns-options{right:auto;left:0}.update-intro{flex-direction:column;align-items:stretch}}

/* v3.7 selection and password */
.domain-table th[data-col=select],.domain-table td[data-col=select]{width:36px;min-width:36px;text-align:center}.domain-table tr.row-selected td{background:#ecf5ff}.bulk-controls-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bulk-controls-row label{display:flex;align-items:center;gap:8px;font-size:13px;margin:0}.bulk-controls-row select{margin:0}.password-card{max-width:520px;margin:35px auto}.password-card label{margin:16px 0}.password-card button{margin-top:12px}@media(max-width:700px){.bulk-controls-row{align-items:stretch}.bulk-controls-row>*{width:100%}.bulk-controls-row label{flex-direction:column;align-items:stretch}.domain-table td[data-col=select]::before{content:'Zaznacz'}}


/* v3.8 branding + login visuals */
.brand{transition:transform .18s ease,color .18s ease}.brand:hover{transform:translateY(-1px);color:#0e4fb0!important}.brand-orb{position:absolute;border-radius:999px;display:block}.brand-orb.orb-1{width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#7ee4ff,#1db6dc 58%,#0e6fa3 100%);top:10px;left:11px;box-shadow:0 0 0 2px #ffffff22}.brand-orb.orb-2{width:7px;height:7px;background:#ffd166;top:7px;right:7px}.brand-orb.orb-3{width:5px;height:5px;background:#ffffff;bottom:8px;right:10px;opacity:.95}.login-page{min-height:100vh;background:radial-gradient(circle at top left,#1a2f5d 0,#142746 26%,#0a1528 62%,#060d1a 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px}.login-backdrop,.login-page::before,.login-page::after{content:"";position:absolute;inset:auto}.login-page::before{width:480px;height:480px;border-radius:999px;background:radial-gradient(circle,#2f66d744 0,#2f66d714 44%,#2f66d700 72%);top:-120px;right:-90px}.login-page::after{width:420px;height:420px;border-radius:999px;background:radial-gradient(circle,#14b8a633 0,#14b8a60f 42%,#14b8a600 72%);bottom:-140px;left:-70px}.login-backdrop{inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,0));mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none}.login-shell{position:relative;z-index:1;max-width:430px;width:min(100%,430px);margin:0;padding:32px 32px 28px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.55);border-radius:24px;box-shadow:0 24px 60px rgba(0,0,0,.28)}.login-wordmark{display:flex;align-items:center;gap:14px;text-decoration:none;color:#122f62;margin-bottom:8px}.login-mark{position:relative;width:58px;height:58px;border-radius:18px;background:linear-gradient(155deg,#173c91,#118fbd);box-shadow:0 16px 30px #0d2f7124;overflow:hidden;flex:0 0 58px}.mark-ring{position:absolute;inset:11px;border:2px solid rgba(255,255,255,.7);border-radius:999px}.mark-dot{position:absolute;border-radius:999px}.mark-dot-a{width:18px;height:18px;background:radial-gradient(circle at 35% 35%,#9de8ff,#1eb7dc 70%,#126587 100%);top:19px;left:20px}.mark-dot-b{width:8px;height:8px;background:#ffd166;top:10px;right:11px}.mark-dot-c{width:6px;height:6px;background:#fff;bottom:11px;left:13px}.login-title{font-size:34px;letter-spacing:-1px;font-weight:800;line-height:1}.login-kicker{margin:0 0 18px;color:#5b6b84}.login-shell form{margin-top:4px}.login-shell label{font-size:13px;color:#27405f}.login-shell input{height:46px;border-radius:10px;border:1px solid #d6dfeb;background:#fcfdff}.login-shell button{width:100%;margin-top:10px;height:46px;border-radius:11px;background:linear-gradient(135deg,#2456b5,#163d8f)}
@media(max-width:700px){.login-page{padding:14px}.login-shell{padding:24px 20px;border-radius:20px}.login-wordmark{gap:12px}.login-title{font-size:30px}.brand small{letter-spacing:1.4px}}