/* ============================================================
   Üst kullanıcı alanı + takvim gün detayı
   ============================================================ */

.profile-bar {
    position: sticky; top: 0; z-index: 20;
    display: flex; align-items: center; gap: 13px;
    padding: calc(var(--safe-t) + 18px) 18px 18px;
    background: rgba(10, 12, 15, .9);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
.profile-bar::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: -16px; height: 16px;
    background: linear-gradient(rgba(10, 12, 15, .9), rgba(10, 12, 15, 0));
    pointer-events: none;
}

.pavatar {
    width: 46px; height: 46px; flex: none; border-radius: 15px;
    background: linear-gradient(145deg, var(--accent), #A8DC2F);
    color: var(--accent-ink);
    display: grid; place-content: center;
    font-size: 16px; font-weight: 800; letter-spacing: -.02em;
    box-shadow: 0 6px 18px rgba(201, 249, 78, .18);
}

.pwho { flex: 1; min-width: 0; }
.pgreet { font-size: 19px; font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.pdate {
    font-size: 11.5px; color: var(--text-mute); font-weight: 600;
    letter-spacing: .04em; text-transform: uppercase; margin-top: 3px;
}

.picon {
    width: 40px; height: 40px; flex: none; border-radius: var(--r-pill);
    background: var(--surface); border: 1px solid var(--line);
    color: var(--text-dim); display: grid; place-content: center;
}
.picon svg { width: 19px; height: 19px; }

/* ---------------------------------------------------------- takvim gün detayı */

.cal .cell {
    border: none; background: var(--surface-2); font: inherit;
    padding: 0; min-width: 0; overflow: hidden;
}
.cal .cell:disabled { opacity: .4; }
.cal .cell.tappable { cursor: pointer; }
.cal .cell.tappable:active { transform: scale(.93); }
.cal .cell { transition: transform .12s ease; }
.cal .cell.sel { outline: 2px solid var(--accent); outline-offset: 1px; }

.day-detail {
    margin-top: 14px; padding: 14px 16px;
    background: var(--surface-2); border: 1px solid var(--line);
    border-radius: var(--r);
    animation: fade .22s ease both;
}
.day-detail .dd-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.day-detail .dd-head .no {
    width: 28px; height: 28px; flex: none; border-radius: 9px;
    background: var(--accent); color: var(--accent-ink);
    display: grid; place-content: center; font-size: 13px; font-weight: 800;
}
.day-detail .dd-head .no.off {
    background: var(--surface); color: var(--text-mute); border: 1px solid var(--line);
}
.day-detail .dd-head .tx b { font-size: 14.5px; display: block; }
.day-detail .dd-head .tx span { font-size: 11.5px; color: var(--text-mute); }

.dd-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.dd-stat { text-align: center; }
.dd-stat .v { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
.dd-stat .k { font-size: 9.5px; color: var(--text-mute); letter-spacing: .06em; text-transform: uppercase; font-weight: 700; margin-top: 1px; }

.day-detail .dd-note {
    margin-top: 11px; padding-top: 11px; border-top: 1px solid var(--line-soft);
    font-size: 12.5px; color: var(--text-dim); line-height: 1.5;
}
.day-detail .dd-empty { font-size: 13px; color: var(--text-mute); }

/* Hesap sayfasindaki kucuk avatar ve durum mesaji */
.pavatar.sm {
    width: 34px; height: 34px; border-radius: 11px;
    font-size: 12px; box-shadow: none;
}
.sheet-msg {
    font-size: 12.5px; font-weight: 600; margin-top: 14px;
    padding: 10px 12px; border-radius: var(--r-sm); line-height: 1.45;
}
.sheet-msg.ok { background: var(--accent-dim); color: var(--accent); }
.sheet-msg.bad { background: rgba(255, 95, 109, .12); color: var(--danger); }

/* Surum satiri */
.ver-row {
    display: flex; align-items: center; gap: 10px;
    margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line-soft);
    font-size: 11.5px; color: var(--text-mute);
}
.ver-row button {
    margin-left: auto; flex: none;
    background: var(--surface-2); border: 1px solid var(--line);
    color: var(--text-dim); border-radius: var(--r-pill);
    height: 30px; padding: 0 12px; font-size: 11.5px; font-weight: 600;
}