/* Chelkron Sites — dashboard stylesheet. Same look as Mail, Workforce and the Console (Geist, slate, blue). */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:#F7F8FA;color:#0F172A;font:14px/1.5 'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:#1D4ED8;text-decoration:none}a:hover{text-decoration:underline}
h1{font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
h2{font-size:16px;font-weight:600}
.bar{background:#fff;border-bottom:1px solid #E2E8F0;position:sticky;top:0;z-index:10}
.bar-in{max-width:1040px;margin:0 auto;padding:0 16px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{display:flex;align-items:center;gap:10px;color:#0F172A;font-size:16px}.logo:hover{text-decoration:none}
.logo-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#2563EB,#1D4ED8);color:#fff;display:grid;place-items:center;font-weight:700}
.who{display:flex;align-items:center;gap:12px}.who-name{color:#475569;font-weight:500}
.page{max-width:1040px;margin:0 auto;padding:24px 16px 48px}
.back{display:inline-block;color:#475569;font-weight:500;margin-bottom:12px}
.pfoot{text-align:center;color:#64748B;font-size:13px;padding:24px 16px 40px}
.head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.head p{color:#475569;margin-top:4px}.head-actions{display:flex;flex-wrap:wrap;gap:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;border:1px solid transparent;text-decoration:none}
.btn:hover{text-decoration:none}
.btn-p{background:#1D4ED8;color:#fff;box-shadow:0 1px 2px rgba(15,23,42,.12)}.btn-p:hover{background:#1E40AF}
.btn-s{background:#fff;border-color:#CBD5E1;color:#334155}.btn-s:hover{background:#F8FAFC;color:#0F172A}
.btn-d{background:#fff;border-color:#FECACA;color:#B91C1C}.btn-d:hover{background:#FEF2F2}
.btn-sm{height:34px;padding:0 12px;font-size:13px}.btn-block{width:100%}
.card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:20px;margin-bottom:16px}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.card-head p{color:#64748B;font-size:13px}
.cols{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
.pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600}
.pill-ok{background:#DCFCE7;color:#166534}.pill-bad{background:#FEE2E2;color:#991B1B}.pill-muted{background:#F1F5F9;color:#475569}
.flash{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-weight:500}
.flash-ok{background:#ECFDF5;color:#065F46;border:1px solid #A7F3D0}.flash-err{background:#FEF2F2;color:#991B1B;border:1px solid #FECACA}
.form{display:grid;gap:14px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:grid;gap:6px;font-weight:500;color:#334155}
label small,.hint{font-weight:400;color:#64748B;font-size:13px}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=url],select,textarea{width:100%;height:40px;padding:0 12px;border:1px solid #CBD5E1;border-radius:8px;font:inherit;color:#0F172A;background:#fff}
textarea{height:auto;padding:10px 12px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
input[type=color]{width:56px;height:40px;border:1px solid #CBD5E1;border-radius:8px;padding:3px;background:#fff}
input[type=file]{font:inherit;font-size:13px}
.addon{display:flex;align-items:stretch}.addon input{border-radius:8px 0 0 8px}
.addon span{display:flex;align-items:center;padding:0 12px;border:1px solid #CBD5E1;border-left:0;border-radius:0 8px 8px 0;background:#F8FAFC;color:#475569;white-space:nowrap}
.check{display:flex;align-items:center;gap:8px;font-weight:500}
.sites{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.site-card{display:flex;flex-direction:column;gap:8px}.site-card h2 a{color:#0F172A}
.muted{color:#64748B}.small{font-size:13px}
.list{list-style:none;display:grid}.list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #F1F5F9}.list li:first-child{border-top:0}
.list .grow{flex:1;min-width:0}.list .grow strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#F1F5F9;flex:none}
.thumbs{display:flex;flex-wrap:wrap;gap:8px}.thumbs label{display:block;position:relative}.thumbs img{width:80px;height:80px;border-radius:8px;object-fit:cover;display:block}
.thumbs input{position:absolute;top:4px;left:4px}
.empty{text-align:center;padding:40px 16px;color:#475569}.empty h2{margin-bottom:6px;color:#0F172A}
.auth{max-width:400px;margin:40px auto}.auth h1{margin-bottom:6px}.auth p{color:#475569;margin-bottom:20px}
.link-out{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}
@media (max-width:760px){.cols,.row2{grid-template-columns:1fr}.who-name{display:none}h1{font-size:21px}.card{padding:16px}}