.citizenHero,.kvkkModal>header,.smsIdentity{text-align:center;grid-template-columns:128px minmax(0,1fr) 128px;align-items:center;gap:20px;display:grid}.citizenHero>div,.kvkkHeaderText,.smsIdentity>div{text-align:center;min-width:0}.citizenHero p{margin-left:auto;margin-right:auto}.citizenHero .citizenInstitutionName{color:#fff;font-size:30px;font-weight:900;line-height:1.25;display:block}.citizenHero h1{margin:8px 0;font-size:23px;line-height:1.3}.citizenHero .citizenMunicipalityLogo,.citizenHero .citizenSolutionBadge,.kvkkModal>header>img{object-fit:cover;object-position:center;border:3px solid #fff;border-radius:50%;justify-self:center;width:128px;max-width:100%;height:128px;padding:0}.kvkkModal{width:min(920px,96vw)}.kvkkModal>header{padding:8px 0 22px}.kvkkModal>header .kvkkInstitutionName{color:#15395c;font-size:26px;font-weight:900;line-height:1.25}.kvkkModal>header .kvkkCenterName{color:#355a7c;margin-top:7px;font-size:19px;line-height:1.3}.kvkkModal h1{color:#4b647c;margin-top:10px;font-size:16px;font-weight:700;line-height:1.3}.citizenVerificationPage{max-width:1100px}.citizenVerificationPage .smsVerifyCard{background:linear-gradient(#ebf4fcb8,#ebf4fcd1),url(/marmaraereglisi-belediye-havadan.jpg) 50%/cover no-repeat;border:1px solid #b7cde1;max-width:720px;overflow:hidden;box-shadow:0 20px 55px #173a5b40}.smsIdentity{border-bottom:1px solid #8da9c5;grid-template-columns:100px minmax(0,1fr) 100px;gap:14px;margin-bottom:20px;padding-bottom:20px}.smsIdentity .citizenMunicipalityLogo,.smsIdentity .citizenSolutionBadge{object-fit:cover;object-position:center;border:3px solid #fff;justify-self:center;width:100px;height:100px;padding:0}.smsIdentity strong{color:#123759;font-size:26px;line-height:1.3;display:block}.smsIdentity span{color:#355a7c;margin-top:6px;font-size:16px;font-weight:700;line-height:1.3;display:block}.smsVerifyCard form{text-align:center}.smsVerifyCard h2{font-size:20px}.smsVerifyCard label{text-align:left}.smsVerifyCard p{color:#344e68}@media (max-width:760px){.citizenHero,.kvkkModal>header{grid-template-columns:100px minmax(0,1fr) 100px;gap:12px}.citizenHero .citizenMunicipalityLogo,.citizenHero .citizenSolutionBadge,.kvkkModal>header>img{width:100px;height:100px}.citizenHero .citizenInstitutionName,.kvkkModal>header .kvkkInstitutionName{font-size:22px}.citizenHero h1,.kvkkModal>header .kvkkCenterName{font-size:17px}}@media (max-width:520px){.citizenHero,.kvkkModal>header,.smsIdentity{grid-template-columns:92px minmax(0,1fr) 92px;gap:12px}.citizenHero>img:first-child,.kvkkModal>header>img:first-child,.smsIdentity>img:first-child{grid-area:1/1}.citizenHero>img:last-child,.kvkkModal>header>img:last-child,.smsIdentity>img:last-child{grid-area:1/3}.citizenHero>div,.kvkkHeaderText,.smsIdentity>div{grid-area:2/1/auto/-1}.citizenHero .citizenMunicipalityLogo,.citizenHero .citizenSolutionBadge,.kvkkModal>header>img,.smsIdentity .citizenMunicipalityLogo,.smsIdentity .citizenSolutionBadge{width:92px;height:92px}.citizenHero .citizenInstitutionName,.kvkkModal>header .kvkkInstitutionName,.smsIdentity strong{font-size:22px}.citizenHero h1,.kvkkModal>header .kvkkCenterName,.smsIdentity span{font-size:17px}.kvkkModal h1{font-size:15px}}
.disasterSection{color:#173550;background:#fff;border:1px solid #dce6ef;border-radius:20px;margin:20px 0;padding:24px}.disasterSection .cardHead{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.containerGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0;display:grid}.containerGrid>button{text-align:left;color:#193f61;cursor:pointer;background:#f5f9fc;border:1px solid #d8e4ed;border-radius:12px;padding:16px}.containerGrid>button>*{margin:4px 0;display:block}.containerGrid .containerSelected{border:2px solid var(--theme-primary)}.containerDetail,.containerForm{background:#f5f9fc;border:1px solid #d8e4ed;border-radius:14px;margin:20px 0;padding:20px}.containerDetail details{border-top:1px solid #d8e4ed;padding:12px 0}.containerDetail .rowActions{flex-wrap:wrap;margin-top:18px}.containerForm>label{margin:14px 0;display:block}.containerForm input:not([type=checkbox]),.containerForm textarea,.containerForm select{color:#173550;background:#fff;border:1px solid #b9cbd9;border-radius:8px;width:100%;padding:10px;display:block}.containerItem{grid-template-columns:2fr 1fr 1fr auto;gap:8px;margin:10px 0;display:grid}.containerForm button,.disasterSection button{min-height:38px}.disasterSection a.primary{border-radius:8px;padding:12px 18px;text-decoration:none;display:inline-block}.brandLogo,.loginLogo,.splashLogo,.citizenMunicipalityLogo,.kvkkModal>header>img:first-child{opacity:var(--primary-logo-opacity,1)}.citizenSolutionBadge,.kvkkSolutionLogo{opacity:var(--secondary-logo-opacity,1)}html[data-primary-logo=hide] :is(.brandLogo,.loginLogo,.splashLogo,.citizenMunicipalityLogo,.kvkkModal>header>img:first-child),html[data-secondary-logo=hide] .citizenSolutionBadge,html:not([data-kvkk-secondary-logo=show]) .kvkkSolutionLogo{visibility:hidden}.citizenHero:after,.citizenBackdrop:before,.loginVisual:after,.sidebar:after{background-image:var(--secondary-logo-image,url(/halkin-belediyesi-cozum-merkezi.jpeg));opacity:var(--background-logo-opacity,.12)}html[data-secondary-logo=hide] :is(){display:none}.citizenHero:after{background-position:50%;background-size:auto 100%}.kvkkGate{isolation:isolate;background:linear-gradient(135deg,#0e1b2e,#1769d2)}.kvkkGate:before{content:"";z-index:-1;pointer-events:none;background:var(--secondary-logo-image) center/contain no-repeat;opacity:var(--background-logo-opacity,.12);position:absolute;inset:0}html:not([data-kvkk-secondary-logo=show]) .kvkkGate:before{display:none}@media (max-width:600px){.disasterSection{padding:16px}.containerItem{grid-template-columns:1fr 80px}.containerForm{padding:12px}.containerGrid{grid-template-columns:1fr}}
