/* Approved mobile proposal: individual compact cards with one metadata line. */
/* v12.46: semantic sibling controls; status labels use server-derived fields. */
:root[data-theme] #v-chats .approved-chat-list { display:grid; gap:9px; overflow:visible; background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0; }
:root[data-theme] #v-chats .approved-chat { display:grid !important; grid-template-columns:46px minmax(0,1fr) 9px !important; align-items:center !important; gap:0 10px !important; min-height:0 !important; width:100%; padding:11px 12px 9px !important; background:var(--list-card) !important; border:1px solid var(--list-line) !important; border-radius:17px !important; box-shadow:0 4px 16px #6664a008; text-align:left; }
:root[data-theme] #v-chats .approved-chat>.ava { grid-column:1;grid-row:1;width:46px !important;height:46px !important; margin:0 !important; }
:root[data-theme] #v-chats .approved-chat>.body { grid-column:2; grid-row:1; min-width:0; min-height:47px; display:flex; flex-direction:column; justify-content:center; gap:5px; }
:root[data-theme] #v-chats .approved-chat>.body>.t { display:block !important;font-size:14px !important;line-height:18px !important;font-weight:700;letter-spacing:-.2px;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;color:var(--list-title); }
:root[data-theme] #v-chats .approved-chat>.body>.s { display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;margin:0;font-size:11px !important;line-height:16px;color:var(--list-muted); }
:root[data-theme] #v-chats .approved-chat .cnt { font-size:13px !important;font-weight:650;color:var(--list-title);font-variant-numeric:tabular-nums; }
:root[data-theme] #v-chats .approved-chat .delta { font-size:11px;font-weight:650;font-variant-numeric:tabular-nums; }
:root[data-theme] #v-chats .approved-chat>.chev { grid-column:3;grid-row:1;margin:0 !important;width:9px;color:var(--list-muted);opacity:.7; }
:root[data-theme] #v-chats .approved-chat>.chev svg { width:12px;height:12px; }
:root[data-theme] #v-chats .chat-footer { grid-column:1/-1;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;min-width:0;border-top:1px solid var(--list-line);margin-top:10px;padding-top:8px;font-size:10px;line-height:15px;color:var(--list-muted); }
:root[data-theme] #v-chats .chat-mode { margin-right:auto;min-width:0;color:var(--violet);font-size:10px;font-weight:650; }
:root[data-theme] #v-chats .chat-mode.amber { color:var(--amber); }
:root[data-theme] #v-chats .chat-mode.calm { color:var(--list-muted); }
:root[data-theme] #v-chats .chat-slot-count { color:var(--violet);font-weight:600;white-space:nowrap; }
:root[data-theme] #v-chats .chat-footer>:is(.slotpill,.hint) { font-size:10px !important;font-weight:400;line-height:15px !important;background:none !important;color:var(--list-muted);border:0;border-radius:0;box-shadow:none;padding:0 0 0 7px !important;border-left:1px solid var(--list-line);white-space:nowrap; }
:root[data-theme] #v-chats .chat-footer>.slotpill.soon { color:var(--red);font-weight:650; }
:root[data-theme] #v-chats .chat-footer>.slotpill.closed { color:var(--red);white-space:normal; }
:root[data-theme] #v-chats .chat-footer>.pill { font-size:10px;line-height:15px;padding:1px 5px; }
:root[data-theme] #v-chats .approved-chat>.chat-activate { grid-column:1/-1;grid-row:3;justify-self:stretch;margin-top:9px;white-space:normal;font-size:12px; }
:root[data-theme] #v-chats .approved-chat:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
:root[data-theme] #v-chats article.approved-chat{display:flex!important;flex-wrap:wrap;gap:0!important;position:relative;cursor:default}
:root[data-theme] #v-chats .chat-open{display:flex;align-items:center;gap:10px;width:calc(100% - 30px);min-width:0;padding:0;border:0;background:none;box-shadow:none;text-align:left;color:var(--list-title);font:inherit;cursor:pointer}
:root[data-theme] #v-chats .chat-open>.ava{width:46px!important;height:46px!important;flex:0 0 46px;margin:0!important}
:root[data-theme] #v-chats .chat-open>.body{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}
:root[data-theme] #v-chats .chat-open .t{font-size:14px!important;line-height:18px!important;font-weight:700;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal!important;overflow:hidden}
:root[data-theme] #v-chats .chat-open .s{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;font-size:11px;line-height:16px;color:var(--list-muted)}
:root[data-theme] #v-chats .chat-remove{align-self:flex-start;width:30px;height:38px;flex:0 0 30px;padding:0;border:0!important;border-radius:0;background:none!important;box-shadow:none!important;color:var(--list-muted);font:400 25px/38px Inter,sans-serif;cursor:pointer}
:root[data-theme] #v-chats .chat-remove:hover{color:var(--red)}
:root[data-theme] #v-chats article.approved-chat>.chat-footer{width:100%;flex-basis:100%}
:root[data-theme] #v-chats .chat-notice{width:100%;margin-top:8px;padding-top:8px;border-top:1px solid var(--list-line);font-size:11px;line-height:16px;font-weight:600;display:flex;gap:7px;align-items:center}
:root[data-theme] #v-chats .chat-notice:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}
:root[data-theme] #v-chats .chat-notice.warn{color:#a86b08}:root[data-theme=dark] #v-chats .chat-notice.warn{color:#f3c36e}
:root[data-theme] #v-chats .chat-notice.danger{color:var(--red)}:root[data-theme] #v-chats .chat-notice.neutral{color:var(--list-muted)}
:root[data-theme] #v-chats .chat-state-action{width:100%;min-height:36px;margin-top:9px;padding:7px 10px;border:1px solid #9776eb66;border-radius:11px;background:var(--violet-soft,#8058eb16);color:var(--violet);font:600 11px/16px Inter,sans-serif;cursor:pointer;box-shadow:none}
:root[data-theme] #v-chats .chat-empty{padding:24px 16px;border-radius:17px;background:var(--list-card);border:1px solid var(--list-line);text-align:center}.chat-empty h3{margin:0 0 7px;font-size:15px}.chat-empty p{font-size:12px;line-height:1.5;margin:0 0 15px;color:var(--list-muted)}
:root[data-theme] #v-chats :is(.chat-open,.chat-remove,.chat-state-action):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:350px){:root[data-theme] #v-chats .approved-chat { grid-template-columns:42px minmax(0,1fr) 6px !important;gap:0 8px !important;padding-left:10px !important;padding-right:10px !important; }:root[data-theme] #v-chats .approved-chat>.ava {width:42px !important;height:42px !important;}:root[data-theme] #v-chats .approved-chat>.body>.t {font-size:12.5px !important;}:root[data-theme] #v-chats .chat-footer {gap:4px 5px;}:root[data-theme] #v-chats .chat-footer,:root[data-theme] #v-chats .chat-mode,:root[data-theme] #v-chats .chat-footer>:is(.slotpill,.hint) {font-size:9px !important;}}