/* PhoneX — /account/ "הבקשות שלי" (23/09/2026). מובייל-קודם. */
.acc{max-width:620px;margin:0 auto;padding:18px 16px 40px}
.acc-h1{font-size:26px;font-weight:900;color:var(--navy);margin:6px 0 14px}
.acc-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 2px 10px rgba(44,62,80,.05)}
.acc-loading{color:var(--soft);text-align:center}
.acc-t{font-size:16px;font-weight:900;color:var(--navy);margin:0 0 4px}
.acc-s{font-size:13.5px;color:#5b6b77;line-height:1.6;margin:0}
.acc-lbl{display:block;font-size:13px;font-weight:800;color:var(--ink);margin:12px 0 5px}
.acc input[type=email],.acc textarea{width:100%;box-sizing:border-box;font-size:16px}
.acc-btn{display:block;width:100%;border:0;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-d));color:#fff;font:800 16px/1 inherit;font-family:inherit;padding:15px;margin-top:12px;cursor:pointer;text-align:center;text-decoration:none}
.acc-btn:disabled{opacity:.6;cursor:default}
.acc-btn.ghost{background:#fff;color:var(--navy);border:1.5px solid var(--brand)}
.acc-link{background:none;border:0;color:var(--brand-d);font:700 14px inherit;font-family:inherit;cursor:pointer;padding:6px 0;text-decoration:underline}
.acc-ok{color:var(--green);font-weight:800}
.acc-err{color:#c0392b;background:#fdeeee;border-radius:10px;padding:9px 11px;font-size:13.5px;margin-top:10px;line-height:1.6}
.acc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;color:#5b6b77}
.acc-top b{color:var(--navy)}
.acc-sec{font-size:14px;font-weight:900;color:var(--navy);margin:18px 2px 8px}
.acc-item{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:right;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 14px;margin-bottom:8px;cursor:pointer;font-family:inherit;color:inherit}
.acc-item:hover{border-color:var(--brand)}
.acc-item b{display:block;font-size:15px;color:var(--navy)}
.acc-item small{display:block;font-size:12.5px;color:#6b7a86;margin-top:2px;line-height:1.5}
.acc-dot{flex:none;background:#e74c3c;color:#fff;font-size:11.5px;font-weight:800;border-radius:99px;padding:3px 9px;white-space:nowrap}
.acc-pill{flex:none;font-size:11.5px;font-weight:800;border-radius:99px;padding:3px 9px;background:#f1eee7;color:var(--navy);border:1px solid var(--line);white-space:nowrap}
.acc-pill.g{background:#e8f6ee;color:#15803d;border-color:#bfe6cf}
.acc-back{display:inline-flex;align-items:center;gap:4px;background:none;border:0;font:700 14px inherit;font-family:inherit;color:var(--brand-d);cursor:pointer;padding:4px 0;margin-bottom:8px}
.acc-steps{display:flex;gap:5px;margin:10px 0 4px}
.acc-steps i{flex:1;height:7px;border-radius:5px;background:#e6ebef}
.acc-steps i.on{background:var(--green)}
.acc-stl{display:flex;justify-content:space-between;font-size:11.5px;color:#7b8a93}
.acc-appt{background:#e8f6ee;border:1.5px solid #bfe6cf;border-radius:12px;padding:11px 12px;font-size:14px;line-height:1.6;margin:10px 0 0}
.acc-appt b{color:#15803d}
.acc-appt a{color:var(--brand-d);font-weight:700;margin-inline-end:12px}
.acc-msgs{display:flex;flex-direction:column;gap:7px;margin:14px 0 10px}
.acc-msg{max-width:85%;padding:9px 12px;border-radius:14px;font-size:14.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.acc-msg small{display:block;font-size:11px;color:#7b8a93;margin-top:3px}
.acc-msg.me{align-self:flex-start;background:#e3f1f7;border-bottom-right-radius:4px}
.acc-msg.them{align-self:flex-end;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}
.acc-empty{text-align:center;color:#7b8a93;font-size:13.5px;padding:10px 0}
.acc-compose{display:flex;gap:8px;align-items:flex-end}
.acc-compose textarea{flex:1;min-height:46px;max-height:160px;resize:vertical;border-radius:14px}
.acc-send{flex:none;width:48px;height:48px;border-radius:50%;border:0;background:var(--brand-d);color:#fff;font-size:20px;cursor:pointer}
.acc-send:disabled{opacity:.5}
.acc-notif{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#f4f9fc;border:1px solid #d6e4ec;border-radius:14px;padding:11px 13px;margin-bottom:12px;font-size:13.5px;line-height:1.5}
.acc-notif .acc-btn{width:auto;margin:0;padding:10px 14px;font-size:14px;flex:none}

.acc-note{font-size:13.5px;color:#5b6b77;line-height:1.6;margin:0 2px 12px}
.acc-note .acc-link{font-size:13.5px;padding:0}
.acc-help{background:#f4f9fc;border:1px solid #d6e4ec;border-radius:12px;padding:10px 12px;margin-top:8px;color:#33454f}
/* 23/09 — שורות-שיחה עם תמונת-פרופיל: הלקוח (אות ראשונה) מימין, PhoneX (לוגו) משמאל */
.acc-row{display:flex;align-items:flex-end;gap:8px;max-width:92%}
.acc-row.me{align-self:flex-start}
.acc-row.them{align-self:flex-end}
.acc-row .acc-msg{max-width:none;min-width:0}
.acc-av{flex:none;width:34px;height:34px;border-radius:50%;box-shadow:0 1px 4px rgba(44,62,80,.15)}
.acc-av.me{display:grid;place-items:center;background:linear-gradient(135deg,#f6b26b,#e8894a);color:#fff;font-weight:900;font-size:15px}
.acc-av.us{background:#4a9ebb;object-fit:cover}
.acc-who{display:block;font-size:12px;font-weight:800;color:var(--navy);margin-bottom:2px}
.acc-msg.them .acc-who{color:var(--brand-d)}
.acc-req-t{display:block;font-size:13px;color:#5b6b77;font-weight:700;margin-bottom:2px}
/* 23/09 (יוסי): הבדל ברור — PhoneX משמאל בכחול עם טקסט לבן; הלקוח מימין בבז' בהיר */
.acc-row{max-width:86%}
.acc-msg.me{background:#f3ede4;border:1px solid #e6dccd;border-bottom-right-radius:4px}
.acc-msg.them{background:linear-gradient(135deg,#4a9ebb,#3585a8);border:0;color:#fff;border-bottom-left-radius:4px}
.acc-msg.them .acc-who{color:#fff;opacity:.9}
.acc-msg.them small{color:rgba(255,255,255,.8)}
.acc-msg.me .acc-who{color:#8a5a2b}
/* 23/09 (יוסי): בלון-דיבור עם "זנב" לכיוון הכותב, כמו בוואטסאפ */
.acc-msg{position:relative;box-shadow:0 1px 1.5px rgba(44,62,80,.12)}
.acc-msg.me{border:0;background:#f3ede4;border-bottom-right-radius:0}
.acc-msg.them{border-bottom-left-radius:0}
.acc-msg.me::after,.acc-msg.them::after{content:"";position:absolute;bottom:0;width:10px;height:13px}
.acc-msg.me::after{right:-9px;background:#f3ede4;clip-path:polygon(0 0,100% 100%,0 100%)}
.acc-msg.them::after{left:-9px;background:#3a8cb0;clip-path:polygon(100% 0,100% 100%,0 100%)}
.acc-row{gap:12px}
