:root{
  --ios-blue:#0a84ff;
  --ios-green:#34c759;
  --ios-bg:#ffffff;
  --ios-panel:#f9f9fb;
  --ios-search:#ececef;
  --ios-border:#d9d9de;
  --ios-subtle:#8e8e93;
  --ios-text:#111111;
  --ios-row:#ffffff;
  --ios-active:#e9e9ed;
  --ios-incoming:#e9e9eb;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Arial,sans-serif;color:var(--ios-text);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-page{height:100vh;overflow:hidden}.messages-app{height:100vh;display:grid;grid-template-columns:365px minmax(0,1fr);background:#fff}

/* iOS style toolbar */
.ios-toolbar{height:72px;display:grid;align-items:center;background:rgba(249,249,251,.92);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(60,60,67,.16);position:relative;z-index:4}
.sidebar-toolbar{grid-template-columns:1fr auto 1fr;padding:16px 14px 8px}.toolbar-link{color:var(--ios-blue);font-size:14px;align-self:end}.toolbar-title{font-size:15px;font-weight:700;text-align:center;align-self:end}.toolbar-actions{justify-self:end;display:flex;gap:16px;align-items:center;align-self:end;color:var(--ios-blue)}.circle-icon,.compose-icon{font-weight:700;color:var(--ios-blue);font-size:19px;line-height:1}.circle-icon{font-size:18px;letter-spacing:1px}.compose-icon{transform:rotate(0deg)}
.conversations-pane{background:var(--ios-panel);border-right:1px solid rgba(60,60,67,.18);display:grid;grid-template-rows:auto auto auto 1fr auto;min-width:0;overflow:hidden}.search-wrap{padding:8px 12px 10px}.ios-search{height:36px;border-radius:11px;background:var(--ios-search);display:flex;align-items:center;gap:7px;padding:0 10px;color:#7d7d82}.ios-search input{border:0;outline:0;background:transparent;width:100%;font-size:15px;color:#111}.search-icon{font-size:18px}.mic-icon{font-size:14px;color:#8e8e93}

/* pinned / people strip */
.people-strip{display:flex;gap:13px;overflow-x:auto;padding:5px 14px 13px;scrollbar-width:none}.people-strip::-webkit-scrollbar{display:none}.person-chip{width:64px;flex:0 0 64px;text-align:center}.person-avatar{width:56px;height:56px;border-radius:50%;margin:0 auto 5px;display:grid;place-items:center;background:linear-gradient(145deg,#ff9f0a,#ff375f 55%,#5856d6);color:#fff;font-weight:800;font-size:20px;box-shadow:0 1px 4px rgba(0,0,0,.18)}.person-chip.selected .person-avatar{outline:2px solid var(--ios-blue);outline-offset:2px}.person-name{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-list{overflow:auto;background:#fff}.conversation-row{display:flex;gap:11px;align-items:center;padding:8px 10px 8px 14px;min-height:70px}.conversation-row.active{background:var(--ios-active)}.conversation-row:hover{background:#f1f1f4}.list-avatar{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#6f5cff,#3b82f6);color:#fff;font-weight:700;font-size:18px}.conversation-copy{min-width:0;flex:1;border-bottom:1px solid rgba(60,60,67,.12);padding:8px 0 10px}.conversation-line{display:grid;grid-template-columns:1fr auto auto;gap:5px;align-items:center}.conversation-line strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{color:#8e8e93;font-size:11px}.chevron{color:#b4b4b8;font-size:19px;margin-right:3px}.conversation-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8e8e93;font-size:12px;margin-top:2px}.conversation-preview span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-dot{min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--ios-blue);color:#fff;font-size:10px;display:grid;place-items:center}.sidebar-account{display:flex;justify-content:space-between;gap:12px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));font-size:11px;color:#8e8e93;border-top:1px solid rgba(60,60,67,.12);background:rgba(249,249,251,.94)}.sidebar-account a{color:var(--ios-blue)}

/* single chat */
.chat-pane{min-width:0;background:#fff;display:grid;grid-template-rows:72px 1fr auto;position:relative}.chat-toolbar{grid-template-columns:1fr auto 1fr;padding:6px 16px 7px}.chat-contact{grid-column:2;text-align:center;display:flex;flex-direction:column;align-items:center;line-height:1.05}.header-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffcc00,#ff9f0a);color:#222;font-weight:800;font-size:15px;box-shadow:0 1px 3px rgba(0,0,0,.18)}.contact-name{font-size:11px;font-weight:600;margin-top:3px}.tiny-chevron{color:#8e8e93}.presence{font-size:8px;color:#8e8e93;margin-top:1px}.video-icon{grid-column:3;justify-self:end;color:var(--ios-blue);background:transparent;border:0;font-size:28px;padding:4px}.back-button{display:none;border:0;background:transparent;color:var(--ios-blue);font-size:29px;line-height:1;padding:0}.back-button span{font-size:16px;vertical-align:3px;margin-left:-3px}.message-thread{overflow-y:auto;padding:18px 18px 10px;scroll-behavior:smooth;background:#fff}.bubble-row{display:flex;margin:2px 0 3px}.bubble-row.mine{justify-content:flex-end}.bubble{position:relative;max-width:min(67%,640px);padding:7px 12px 6px;border-radius:18px;background:var(--ios-incoming);font-size:15px;line-height:1.25;overflow-wrap:anywhere}.bubble-row.mine .bubble{background:var(--ios-blue);color:#fff}.bubble:before{content:"";position:absolute;bottom:0;width:12px;height:17px}.bubble-row.theirs .bubble:before{left:-6px;background:var(--ios-incoming);border-bottom-right-radius:12px;clip-path:polygon(100% 0,100% 100%,0 100%)}.bubble-row.mine .bubble:before{right:-6px;background:var(--ios-blue);border-bottom-left-radius:12px;clip-path:polygon(0 0,100% 100%,0 100%)}.bubble small{display:block;font-size:9px;color:#8e8e93;text-align:right;margin-top:2px;line-height:1.1}.bubble-row.mine .bubble small{color:rgba(255,255,255,.76)}.empty-state{color:#8e8e93;text-align:center;padding:30px;font-size:14px}.loading{padding-top:70px}.blank-chat{grid-row:1/-1;display:grid;place-content:center;text-align:center;color:#8e8e93}.blank-bubble{font-size:46px}.blank-chat h2{margin:10px 0 4px;color:#222}

/* composer */
.ios-composer{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:7px;align-items:end;padding:8px 12px max(9px,env(safe-area-inset-bottom));background:rgba(249,249,251,.96);border-top:1px solid rgba(60,60,67,.13)}.composer-plus{width:32px;height:32px;border:0;border-radius:50%;background:#e5e5ea;color:#6d6d72;font-size:24px;display:grid;place-items:center;padding:0}.composer-field{min-height:34px;border:1px solid #c7c7cc;border-radius:18px;background:#fff;display:flex;align-items:flex-end;padding:3px 8px 3px 11px}.composer-field textarea{flex:1;border:0;outline:0;resize:none;background:transparent;padding:4px 0;max-height:112px;line-height:1.35;font-size:15px;color:#111}.composer-field textarea::placeholder{color:#a3a3a8}.composer-mic{color:#8e8e93;font-size:13px;padding:6px 2px 5px 7px}.send-button{width:30px;height:30px;border:0;border-radius:50%;background:var(--ios-blue);color:#fff;font-size:19px;font-weight:800;display:grid;place-items:center;padding:0 0 2px}

/* existing auth/admin keep usable */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f2f2f7}.auth-card,.panel{background:#fff;border:1px solid #ddd;border-radius:18px;padding:24px}.auth-card{width:min(420px,100%);box-shadow:0 18px 50px rgba(0,0,0,.08)}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--ios-blue);color:#fff;font-weight:800;font-size:24px}.auth-card form,.panel form{display:grid;gap:10px;margin-top:20px}label{font-size:13px}input{width:100%;border:1px solid #ccc;border-radius:12px;padding:12px}.auth-card button,.button-link,.panel button{border:0;background:var(--ios-blue);color:#fff;padding:12px 16px;border-radius:12px;font-weight:600}.alert,.success{padding:12px;border-radius:10px;margin:14px 0}.alert{background:#ffe8e8;color:#a00}.success{background:#e7f8eb;color:#167532}.admin-page{min-height:100vh;padding:28px;background:#f2f2f7}.admin-wrap{max-width:1100px;margin:auto}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-grid{display:grid;grid-template-columns:330px 1fr;gap:20px;margin-top:24px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #ddd}.small-btn{padding:7px 10px!important}.muted{color:#8e8e93}

@media(max-width:760px){
  .messages-app{grid-template-columns:1fr}.conversations-pane{position:absolute;inset:0;z-index:3;border:0}.chat-pane{position:absolute;inset:0;z-index:4;grid-template-rows:72px 1fr auto}.app-page:not([data-peer="0"]) .conversations-pane{display:none}.back-button{display:block;grid-column:1;justify-self:start}.chat-toolbar{grid-template-columns:1fr auto 1fr;padding-left:8px}.message-thread{padding:18px 10px 10px}.bubble{max-width:78%;font-size:15px}.sidebar-toolbar{height:64px}.people-strip{padding-bottom:11px}.sidebar-account{display:none}
}

@media(min-width:761px){
  .conversations-pane:before{content:"Messages";position:absolute;top:73px;left:14px;font-size:30px;font-weight:800;letter-spacing:-1.2px;z-index:5;pointer-events:none}.conversations-pane{position:relative}.search-wrap{padding-top:46px}
}