/* Layout: Love Chat — percakapan aplikasi pesan */
.layout-chat .inv-main{background:var(--bg) radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--primary) 8%,transparent) 0 2px,transparent 3px) 0 0/34px 34px}
.layout-chat .sec{padding:22px 14px;background:none!important}
.layout-chat .orn-c,.layout-chat .orn-div{display:none}
.layout-chat .sec-inner{text-align:left;max-width:none}
.layout-chat .sec-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;border-radius:14px;background:var(--surface);box-shadow:0 2px 6px rgba(0,0,0,.06)}
.layout-chat .sec-head::before{content:"";flex:none;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--o2))}
.layout-chat .sec-title{font-family:var(--f-display);font-size:1rem;font-weight:700;color:var(--text);letter-spacing:0}
.layout-chat .sec-title::after{content:"online";display:block;font-family:var(--f-body);font-weight:400;font-size:.7rem;color:#29a35a}
.layout-chat .sec-lead{display:none}
.layout-chat .sec-head{flex-wrap:wrap}
.layout-chat .sec-head .salam{order:5;flex-basis:100%;margin:2px 0 0;font-size:.8rem;color:var(--muted)}
/* gelembung pesan */
.layout-chat .sec:not(.sec-hero):not(.sec-closing) .sec-inner>*:not(.sec-head){max-width:88%;background:var(--surface);border-radius:4px 18px 18px 18px;padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.08);margin-bottom:8px;position:relative}
.layout-chat .sec:nth-of-type(odd):not(.sec-hero):not(.sec-closing) .sec-inner>*:not(.sec-head){margin-left:auto;border-radius:18px 4px 18px 18px;background:var(--accent)}
.layout-chat .sec:not(.sec-hero):not(.sec-closing) .sec-inner>*:not(.sec-head)::after{content:"✓✓";position:absolute;right:10px;bottom:4px;font-size:.62rem;color:#4fb6ec;letter-spacing:-.15em}
.layout-chat .sec-inner>.events,.layout-chat .sec-inner>.gallery,.layout-chat .sec-inner>.gift-list,.layout-chat .sec-inner>.wishes,.layout-chat .sec-inner>.couple-grid,.layout-chat .sec-inner>.timeline{padding:10px!important}
.layout-chat .hero-names{font-family:var(--f-script);font-size:clamp(3rem,14vw,4.2rem)}
.layout-chat .hero-inner{background:var(--surface);border-radius:28px;padding:30px 20px;box-shadow:0 20px 40px -26px rgba(0,0,0,.3)}
.layout-chat .couple-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.layout-chat .couple-amp{display:none}
.layout-chat .person-photo{width:80%}
.layout-chat .person-nick{font-family:var(--f-display);font-size:1.3rem;font-weight:700}
.layout-chat .person-name,.layout-chat .person-parents{font-size:.78rem}
.layout-chat .event{box-shadow:none;border:0;background:color-mix(in srgb,var(--bg) 60%,transparent);border-radius:14px;text-align:left;padding:16px}
.layout-chat .event::before{display:none}
.layout-chat .event-name{font-family:var(--f-display);font-size:1.15rem;font-weight:700}
.layout-chat .event-name::before{content:"📌 "}
.layout-chat .event-date,.layout-chat .event-time,.layout-chat .event-place,.layout-chat .event .btn-row{justify-content:flex-start}
.layout-chat .ed-day{font-size:2.2rem}
.layout-chat .cd-box{border-radius:14px;box-shadow:none}
.layout-chat .btn{border-radius:14px}
.layout-chat .timeline{padding-left:0!important}
.layout-chat .timeline::before,.layout-chat .tl-dot{display:none}
.layout-chat .tl-item{background:color-mix(in srgb,var(--bg) 60%,transparent);border-radius:14px;padding:10px;margin-bottom:10px}
.layout-chat .tl-photo{border-radius:10px}
.layout-chat .tl-date{background:none;padding:0;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0}
.layout-chat .gallery{gap:4px}
.layout-chat .g-item{border-radius:8px}
.layout-chat .card{box-shadow:none;border:0;background:none;padding:0}
.layout-chat .form .btn{border-radius:99px}
.layout-chat .form .btn::before{content:"➤";}
.layout-chat .wish{border-radius:4px 16px 16px 16px;border:0;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.layout-chat .wish:nth-child(even){border-radius:16px 4px 16px 16px;background:var(--accent);margin-left:12%}
.layout-chat .wish:nth-child(odd){margin-right:12%}
.layout-chat .sec-closing .sec-inner{text-align:center}
.layout-chat .closing-names{font-family:var(--f-script)}
.layout-chat .quote{font-family:var(--f-body);font-style:normal}