/*
|--------------------------------------------------------------------------
| Oluşturulma Tarihi : 14.07.2026
| Değişiklik Tarihi  : 14.07.2026
| Yaratan            : Özgür Elibol
| Amaç                : Tüm hesap sayfalarında ortak kırmızı-beyaz panel,
|                       düzgün form ve portföy fotoğraf yerleşimi sağlar.
|--------------------------------------------------------------------------
*/
:root{
    --caa-account-red:#ED1C24;
    --caa-account-red-dark:#ED1C24;
    --caa-account-ink:#151515;
    --caa-account-muted:#666;
    --caa-account-line:#e3e3e3;
    --caa-account-soft:#f7f7f7;
}

body.caa-account-shell-page .caa-services-sidebar-v650,
body.caa-account-shell-page .caa-site-adcol-v599{display:none!important}
body.caa-account-shell-page .caa-site-shell-v599{display:block!important;width:70%!important;max-width:1400px!important;margin:0 auto!important;background:#fff!important}
body.caa-account-shell-page .caa-site-main-v599{width:100%!important;max-width:none!important;border:0!important;overflow:visible!important;background:#f5f5f5!important}

.caa-account-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 122px);background:#f5f5f5;color:var(--caa-account-ink)}
.caa-account-sidebar{background:var(--caa-account-red);padding:20px 14px;position:sticky;top:44px;height:calc(100vh - 44px);overflow:auto}
.caa-account-brand{display:flex;align-items:center;justify-content:center;min-height:76px;margin-bottom:18px;background:#fff;border-radius:14px;padding:10px;text-decoration:none}
.caa-account-brand img{display:block;max-width:150px;max-height:58px;object-fit:contain}
.caa-account-brand strong{color:var(--caa-account-ink);font-size:16px;text-align:center}
.caa-account-sidebar nav{display:grid;gap:8px}
.caa-account-sidebar nav a{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.28);border-radius:10px;font-size:13px;line-height:1.25}
.caa-account-sidebar nav a span{width:20px;text-align:center;font-size:16px}
.caa-account-sidebar nav a strong{font:inherit;font-weight:800}
.caa-account-sidebar nav a:hover,.caa-account-sidebar nav a.active{background:#fff;color:var(--caa-account-red);border-color:#fff}
.caa-account-main{min-width:0;padding:28px}
.caa-account-page-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}
.caa-account-page-head h1{margin:7px 0 5px;color:var(--caa-account-ink);font-size:clamp(30px,4vw,46px);line-height:1.05}
.caa-account-page-head p{margin:0;color:var(--caa-account-muted);line-height:1.55}
.caa-account-code{display:inline-flex;padding:6px 11px;border-radius:999px;background:#fff0f1;color:var(--caa-account-red);font-size:12px;font-weight:900;letter-spacing:.04em}

.caa-account-card{background:#fff;border:1px solid var(--caa-account-line);border-radius:18px;padding:24px;box-shadow:0 12px 34px rgba(0,0,0,.06);margin-bottom:20px}
.caa-account-card h2,.caa-account-card h3{color:var(--caa-account-ink);margin-top:0}
.caa-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.caa-account-grid .wide{grid-column:1/-1}
.caa-account-card label{display:grid;gap:7px;color:var(--caa-account-ink);font-weight:800;font-size:13px}
.caa-account-card input,.caa-account-card select,.caa-account-card textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #d5d5d5;border-radius:10px;background:#fff;color:var(--caa-account-ink);font:inherit}
.caa-account-card input:focus,.caa-account-card select:focus,.caa-account-card textarea:focus{outline:none;border-color:var(--caa-account-red);box-shadow:0 0 0 3px rgba(237, 28, 36, .11)}
.caa-account-btn,.caa-account-card .btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 17px;background:var(--caa-account-red);color:#fff!important;text-decoration:none;font-weight:900;cursor:pointer}
.caa-account-btn:hover,.caa-account-card .btn:hover{background:var(--caa-account-red-dark)}
.caa-account-btn.ghost,.caa-account-card .btn.ghost{background:#fff;color:var(--caa-account-red)!important;border:1px solid var(--caa-account-red)}
.caa-account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.caa-account-alert{padding:13px 15px;border-radius:10px;margin-bottom:15px;background:#fff1f2;color:#ED1C24;border:1px solid #efb9be;font-weight:800}
.caa-account-alert.success{background:#edf9f2;color:#17603d;border-color:#bfe4cf}

/* Portföy editörü: eski iç sidebar tamamen kaldırılır, ortak shell kullanılır. */
.caa-account-shell .mp-main{padding:0!important;max-width:none!important;width:100%!important;margin:0!important}
.caa-account-shell .mp-head{display:none!important}
.caa-account-shell .mp-tabs{margin:0 0 18px!important}
.caa-account-shell .mp-tabs a{border-radius:9px!important;padding:10px 14px!important}
.caa-account-shell .mp-tabs a.active{background:var(--caa-account-red)!important;color:#fff!important}
.caa-account-shell .mp-card{border-radius:18px!important;padding:24px!important;box-shadow:0 12px 34px rgba(0,0,0,.06)!important}
.caa-account-shell .mp-card h2{font-size:30px!important;margin-bottom:18px!important}
.caa-account-shell .mp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
.caa-account-shell .mp-card input,.caa-account-shell .mp-card select,.caa-account-shell .mp-card textarea{border-radius:10px!important;padding:12px 13px!important}
.caa-account-shell .mp-bottom{border-radius:14px!important;box-shadow:0 12px 30px rgba(0,0,0,.10)!important}
.caa-account-shell .mp-bottom button{background:var(--caa-account-red)!important}

/* Fotoğraf her zaman ayrı üst kart; isim ve diğer alanlar fotoğrafın altına gelir. */
.caa-account-shell .mp-profile-photo-row{grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:0!important;padding:18px!important;border:1px solid var(--caa-account-line)!important;border-radius:14px!important;background:var(--caa-account-soft)!important}
.caa-account-shell .mp-profile-photo-row .mp-image-preview--portrait{display:block!important;width:min(100%,360px)!important;height:360px!important;max-height:none!important;margin-top:10px!important;border-radius:14px!important;overflow:hidden!important;background:#ececec!important}
.caa-account-shell .mp-profile-photo-row .mp-image-preview--portrait img{width:100%!important;height:100%!important;object-fit:contain!important;background:#ececec!important}
.caa-account-shell .mp-profile-name-row{grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:0!important}

/* Hesap merkezi */
.caa-account-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
.caa-account-action-card{display:block;background:#fff;border:1px solid var(--caa-account-line);border-radius:16px;padding:20px;color:var(--caa-account-ink);text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.05)}
.caa-account-action-card:hover{border-color:#e3a7ad;transform:translateY(-2px)}
.caa-account-action-card h2{margin:8px 0;font-size:21px}.caa-account-action-card p{margin:0;color:var(--caa-account-muted);line-height:1.5}.caa-account-action-card strong{display:block;margin-top:14px;color:var(--caa-account-red)}
.caa-account-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.caa-account-info-grid>div{padding:14px;border-radius:12px;background:var(--caa-account-soft);border:1px solid var(--caa-account-line)}
.caa-account-info-grid span{display:block;color:var(--caa-account-muted);font-size:12px;margin-bottom:5px}.caa-account-info-grid strong{display:block;color:var(--caa-account-ink);overflow-wrap:anywhere}

/* Kendi portföy görünümü shell içinde daha dengeli. */
.caa-account-portfolio-content .caa-pd-page{padding:0!important;background:transparent!important}
.caa-account-portfolio-content .caa-pd-wrap{width:100%!important;max-width:none!important;margin:0!important}
.caa-account-portfolio-content .caa-pd-breadcrumb{display:none!important}

/* İşveren profilindeki eski sidebar gizlenir. */
.caa-account-shell .caa-employer-dashboard{display:block!important;background:transparent!important;min-height:0!important}
.caa-account-shell .caa-employer-sidebar{display:none!important}
.caa-account-shell .caa-employer-main{padding:0!important;max-width:none!important;margin:0!important}
.caa-account-shell .caa-employer-profile-head{display:none!important}
.caa-account-shell .caa-employer-profile-card{border-radius:18px!important;box-shadow:0 12px 34px rgba(0,0,0,.06)!important}

@media(max-width:900px){
    body.caa-account-shell-page .caa-site-shell-v599,body.caa-account-shell-page .caa-site-main-v599{width:100%!important;max-width:none!important}
    .caa-account-shell{grid-template-columns:1fr}
    .caa-account-sidebar{position:static;height:auto;padding:12px}
    .caa-account-brand{min-height:56px;margin-bottom:10px}.caa-account-brand img{max-height:42px}
    .caa-account-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}
    .caa-account-sidebar nav a{min-height:40px;padding:9px 10px}
    .caa-account-main{padding:18px}
}
@media(max-width:700px){
    .caa-account-grid,.caa-account-action-grid,.caa-account-info-grid,.caa-account-shell .mp-grid{grid-template-columns:1fr!important}
    .caa-account-page-head h1{font-size:30px}
    .caa-account-shell .mp-profile-photo-row .mp-image-preview--portrait{width:100%!important;height:300px!important}
}
@media(max-width:480px){
    .caa-account-sidebar nav{grid-template-columns:1fr}
    .caa-account-main{padding:14px}
    .caa-account-card,.caa-account-shell .mp-card{padding:17px!important}
}