/* WIPYE_CHAT_SHELL_V115 — navigation-level Wipye Chat screens (list, Risi, Komunitete, Thirrje, menus, contact and settings pages).
   Presentation only. Conversation internals (bubbles, thread header, composer, attach, reactions, selection, camera) are not styled here. */
#view-chat{--v115-navy:#0a1f4e;--v115-navy-2:#123070;--v115-blue:#1366ff;--v115-blue-2:#0b4fd8;--v115-ink:#0d1d40;--v115-muted:#6b7b93;--v115-line:#e6ecf4;--v115-soft:#eef2f8;--v115-page:#f3f6fb;--v115-danger:#d92d3a}

/* ---------- List shell (only while no conversation is open) ---------- */
#view-chat .wc-shell:has(#chatConversation[hidden]){background:linear-gradient(180deg,var(--v115-navy) 0,var(--v115-navy-2) 160px,var(--v115-navy-2) 100%)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-header{background:transparent;border:0;box-shadow:none;color:#fff;min-height:72px;padding:12px 10px 14px;gap:6px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-header .wc-icon{color:#fff}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-header .wc-icon:hover{background:#ffffff1f!important}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-header .wc-icon:focus-visible,#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-header-avatar:focus-visible{outline:3px solid #7fb2ff;outline-offset:2px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-title{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:11px;align-items:center}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-title::before{content:'';grid-row:1/3;width:40px;height:40px;border-radius:12px;background:url(/wipye-logo.svg) center/cover no-repeat;box-shadow:0 0 0 1px #ffffff2b,0 6px 16px #00000033}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-title h1{color:#fff!important;font-size:20px!important;font-weight:750;letter-spacing:-.3px;grid-column:2}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-title small{color:#b8c6e2;grid-column:2;margin-top:1px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-title small:empty{display:none}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatSelfProfile .wc-avatar{width:38px;height:38px;min-width:38px;border:2px solid #ffffff4d;background:linear-gradient(140deg,#6d93ff,#3b5fe0);color:#fff;font-size:15px}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatNew{width:40px;min-width:40px;height:40px;margin:0 2px 0 4px;border-radius:50%;background:var(--v115-blue)!important;color:#fff;box-shadow:0 6px 16px #1366ff59}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatNew:hover{background:#2a76ff!important}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-status{background:#ffffff17;color:#e3ebfa}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-main{background:#fff;border-radius:26px 26px 0 0;box-shadow:0 -8px 24px #00000024}

/* Search and filter chips */
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-search{margin:16px 16px 2px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-search input{height:48px;margin:0!important;padding:12px 16px 12px 46px!important;border:1px solid var(--v115-line)!important;border-radius:16px!important;background:var(--v115-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7b93' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M15 15l6 6M10 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14'/%3E%3C/svg%3E") no-repeat 15px center/20px!important;color:var(--v115-ink);font-size:15px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-search input:focus{border-color:#9dbdff!important;background-color:#fff!important}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters{flex-wrap:wrap;gap:8px;padding:10px 16px 8px;overflow:visible}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 15px;border:1px solid var(--v115-line);border-radius:999px;background:#f5f7fb;color:#26355a!important;font-size:13px!important;font-weight:600}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters button[aria-pressed=true]{background:var(--v115-blue);border-color:var(--v115-blue);color:#fff!important;box-shadow:0 4px 12px #1366ff3d}
#view-chat .wc-chip-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--v115-blue);color:#fff;font-size:11px;font-weight:700;line-height:1}
#view-chat .wc-filters [aria-pressed=true] .wc-chip-count{background:#fff;color:var(--v115-blue)}

/* Rows shared by chats, communities, calls and contact pickers */
#view-chat :is(#threads,#communityRows,#callHistory) .wc-row{position:relative;min-height:78px;padding:12px 16px;gap:14px;border:0!important;border-radius:0}
#view-chat :is(#threads,#communityRows,#callHistory) .wc-row:not(:last-child)::after{content:'';position:absolute;left:82px;right:16px;bottom:0;height:1px;background:#eef2f7}
#view-chat :is(#threads,#communityRows,#callHistory) .wc-row:hover{background:#f6f9ff}
#view-chat :is(#threads,#communityRows,#callHistory,#storyRows,[data-layout=contacts] #chatModalBody) .wc-avatar{width:52px;height:52px;min-width:52px;font-size:20px;font-weight:700}
#view-chat :is(#threads,#communityRows,#callHistory,#storyRows,[data-layout=contacts] #chatModalBody) .wc-row:nth-child(5n+1)>.wc-avatar:not(.group):not(:has(img)),#view-chat #threads>.wc-quick-row:nth-child(5n+1)>.wc-row>.wc-avatar:not(.group):not(:has(img)){background:linear-gradient(140deg,#2bc6ea,#0e8fd8);color:#fff}
#view-chat :is(#threads,#communityRows,#callHistory,#storyRows,[data-layout=contacts] #chatModalBody) .wc-row:nth-child(5n+2)>.wc-avatar:not(.group):not(:has(img)),#view-chat #threads>.wc-quick-row:nth-child(5n+2)>.wc-row>.wc-avatar:not(.group):not(:has(img)){background:linear-gradient(140deg,#8e6bff,#6a46e8);color:#fff}
#view-chat :is(#threads,#communityRows,#callHistory,#storyRows,[data-layout=contacts] #chatModalBody) .wc-row:nth-child(5n+3)>.wc-avatar:not(.group):not(:has(img)),#view-chat #threads>.wc-quick-row:nth-child(5n+3)>.wc-row>.wc-avatar:not(.group):not(:has(img)){background:linear-gradient(140deg,#4f8dff,#1d5fe6);color:#fff}
#view-chat :is(#threads,#communityRows,#callHistory,#storyRows,[data-layout=contacts] #chatModalBody) .wc-row:nth-child(5n+4)>.wc-avatar:not(.group):not(:has(img)),#view-chat #threads>.wc-quick-row:nth-child(5n+4)>.wc-row>.wc-avatar:not(.group):not(:has(img)){background:linear-gradient(140deg,#33c9a0,#139b7a);color:#fff}
#view-chat :is(#threads,#communityRows,#callHistory,#storyRows,[data-layout=contacts] #chatModalBody) .wc-row:nth-child(5n+5)>.wc-avatar:not(.group):not(:has(img)),#view-chat #threads>.wc-quick-row:nth-child(5n+5)>.wc-row>.wc-avatar:not(.group):not(:has(img)){background:linear-gradient(140deg,#ff9a62,#f06a3a);color:#fff}
#view-chat :is(#threads,#communityRows,#callHistory,[data-layout=contacts] #chatModalBody) .wc-avatar.group{background:linear-gradient(140deg,#efe8ff,#dcd0ff);color:#6a46e8}
#view-chat :is(#threads,#communityRows,#callHistory) .wc-row-main>strong{color:var(--v115-ink);font-size:16px;font-weight:700}
#view-chat :is(#threads,#communityRows,#callHistory) .wc-row-main>small{color:var(--v115-muted);font-size:14px;margin-top:4px}
#view-chat #threads .wc-row-end{min-width:48px;gap:8px;color:#8392a8;font-size:12px}
#view-chat #threads .wc-unread{width:auto;min-width:22px;height:22px;padding:0 6px;line-height:22px;border-radius:11px;background:var(--v115-blue);font-size:12px;box-shadow:0 3px 8px #1366ff40}
#view-chat #threads .wc-row.is-pinned{background:#f3f7ff}
#view-chat #threads .wc-row.is-pinned::before{content:'';position:absolute;left:5px;top:50%;width:4px;height:28px;margin-top:-14px;border-radius:4px;background:var(--v115-blue)}
#view-chat #threads .wc-ticks{color:#8392a8}
#view-chat #threads .wc-ticks.read{color:var(--v115-blue)}

/* Bottom tabs */
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs{background:#fff;border-top:1px solid #edf1f7;padding:7px 4px calc(8px + env(safe-area-inset-bottom))}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs button{color:#5c6b84;font-size:12px!important;font-weight:600;gap:3px;min-height:54px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs button>span{height:32px;padding:4px 20px;border-radius:16px;background:transparent}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs button[aria-current=page]{color:var(--v115-blue)!important;font-weight:750}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs button[aria-current=page]>span{background:#e7efff}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs button[aria-current=page] svg{stroke-width:2.2}

/* Section heads: Risi, Komunitete, Thirrje */
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-section-head{padding:22px 18px 14px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-section-head h2{color:var(--v115-ink);font-size:26px;font-weight:800;letter-spacing:-.6px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-section-head small{color:var(--v115-muted);font-size:14px;margin-top:4px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-add{width:48px;height:48px;border-radius:50%;background:var(--v115-blue);box-shadow:0 8px 18px #1366ff47;display:grid;place-items:center;font-size:28px!important;line-height:1}

/* Thirrje */
#view-chat #chatCalls>.wc-help{position:relative;margin:0 16px 8px;padding:10px 14px 10px 40px;border-radius:14px;background:#f1f5fb;color:#56667f;font-size:12px}
#view-chat #chatCalls>.wc-help::before{content:'i';position:absolute;left:13px;top:50%;width:17px;height:17px;margin-top:-9px;border:1.6px solid currentColor;border-radius:50%;display:grid;place-items:center;font:700 11px/1 system-ui;box-sizing:border-box}
#view-chat #callHistory .wc-row-main>small{white-space:normal}
#view-chat .wc-call-summary{display:flex;flex-direction:column;gap:3px;min-width:0}
#view-chat .wc-call-kind{display:flex;align-items:center;gap:6px;min-width:0;color:#56667f;white-space:nowrap}
#view-chat .wc-call-kind>span{overflow:hidden;text-overflow:ellipsis}
#view-chat .wc-call-kind svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#view-chat .wc-call-kind.is-bad svg,#view-chat .wc-call-kind.is-bad .wc-call-state{color:var(--v115-danger)}
#view-chat .wc-call-state{font-weight:650;color:#56667f}
#view-chat .wc-call-state::before{content:'·';margin-right:6px;color:#9aa6b8}
#view-chat .wc-call-direction{flex:none;font-size:11px;color:#8a97ab}
#view-chat .wc-call-time{font-size:12px;color:#8a97ab}
#view-chat .wc-call-end{flex-direction:row!important;align-items:center!important;gap:10px!important;min-width:0!important;color:#41506b!important;font-size:14px!important;font-variant-numeric:tabular-nums}
#view-chat .wc-call-end::after,#view-chat #chatModal .wc-group .wc-option::after{content:'';flex:none;width:8px;height:8px;margin:0 3px 0 auto;border-top:2px solid #9aa7b9;border-right:2px solid #9aa7b9;transform:rotate(45deg)}

/* Risi */
#view-chat #storyRows{padding:0 16px}
#view-chat #storyRows .wc-story-mine{display:flex;min-height:92px;padding:14px;gap:16px;border:1px solid var(--v115-line)!important;border-radius:22px;background:linear-gradient(180deg,#f7faff,#eef4ff)}
#view-chat #storyRows .wc-story-mine .wc-avatar{width:64px;height:64px;min-width:64px;font-size:24px}
#view-chat #storyRows .wc-story-mine .wc-row-main strong{font-size:18px;font-weight:750;color:var(--v115-ink)}
#view-chat #storyRows .wc-story-mine .wc-row-main small{font-size:14px;color:var(--v115-muted)}
#view-chat #storyRows .wc-story-plus{background:linear-gradient(140deg,#2bc6ea,var(--v115-blue))!important;color:#fff;outline:0!important}
#view-chat #storyRows .wc-story-plus svg,#view-chat .wc-story-more svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
#view-chat .wc-story-mine-wrap{position:relative}
#view-chat .wc-story-more{position:absolute;left:58px;top:58px;width:30px;height:30px;min-height:0;padding:0;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#16c0e4;color:#fff;box-shadow:0 3px 10px #0d1d4026}
#view-chat .wc-story-more svg{width:16px;height:16px}
#view-chat .wc-story-heading{margin:24px 2px 14px;color:var(--v115-ink);font-size:19px;font-weight:750}
#view-chat .wc-story-recent{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:18px 10px}
#view-chat .wc-story-recent .wc-row{flex-direction:column;align-items:center;gap:10px;min-height:0;padding:6px 0;border:0!important;background:transparent;text-align:center}
#view-chat .wc-story-recent .wc-avatar{width:84px;height:84px;min-width:84px;font-size:30px;outline:3px solid var(--v115-blue)!important;outline-offset:3px}
#view-chat .wc-story-recent .wc-row[data-seen=true] .wc-avatar{outline-color:#c4cfdf!important}
#view-chat .wc-story-recent .wc-row:nth-child(even):not([data-seen=true]) .wc-avatar{outline-color:#a35cf0!important}
#view-chat .wc-story-recent .wc-row-main{width:100%}
#view-chat .wc-story-recent .wc-row-main strong{font-size:15px;font-weight:650;color:var(--v115-ink);text-align:center}
#view-chat .wc-story-recent .wc-row-main small{font-size:12px;color:var(--v115-muted);text-align:center;margin-top:2px}

/* ---------- Full-height pages opened from the list or a conversation ---------- */
#view-chat #chatModal:is([data-layout=menu],[data-layout=contacts],[data-layout=contact],[data-layout=chat-settings],[data-layout=thread-settings],[data-layout=translate],[data-layout=storage],[data-layout=space-form]){padding:0;align-items:stretch;background:var(--v115-page);backdrop-filter:none;-webkit-backdrop-filter:none}
#view-chat #chatModal:is([data-layout=menu],[data-layout=contacts],[data-layout=contact],[data-layout=chat-settings],[data-layout=thread-settings],[data-layout=translate],[data-layout=storage],[data-layout=space-form]) .wc-dialog{width:100%;max-width:none;height:100%;max-height:100%;border:0;border-radius:0;box-shadow:none;background:var(--v115-page)}
#view-chat #chatModal:is([data-layout=menu],[data-layout=contacts],[data-layout=contact],[data-layout=chat-settings],[data-layout=thread-settings],[data-layout=translate],[data-layout=storage],[data-layout=space-form]) .wc-dialog>header{flex-direction:row-reverse;min-height:62px;padding:calc(10px + env(safe-area-inset-top)) 10px 8px;background:var(--v115-page)}
#view-chat #chatModal:is([data-layout=menu],[data-layout=contacts],[data-layout=contact],[data-layout=chat-settings],[data-layout=thread-settings],[data-layout=translate],[data-layout=storage],[data-layout=space-form]) .wc-dialog>header h2{padding-right:44px;text-align:center;color:var(--v115-ink);font-size:19px!important;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-chat #chatModal:is([data-layout=menu],[data-layout=contacts],[data-layout=contact],[data-layout=chat-settings],[data-layout=thread-settings],[data-layout=translate],[data-layout=storage],[data-layout=space-form]) #closeChatModal{width:44px;min-width:44px;height:44px;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--v115-ink);font-size:22px!important}
#view-chat #chatModal:is([data-layout=menu],[data-layout=contact],[data-layout=chat-settings],[data-layout=thread-settings],[data-layout=translate],[data-layout=storage]) #closeChatModal{font-size:0!important;color:transparent}
#view-chat #chatModal:is([data-layout=menu],[data-layout=contact],[data-layout=chat-settings],[data-layout=thread-settings],[data-layout=translate],[data-layout=storage]) #closeChatModal::before{content:'';width:11px;height:11px;margin-left:5px;border-left:2.5px solid var(--v115-ink);border-bottom:2.5px solid var(--v115-ink);transform:rotate(45deg)}
#view-chat #chatModal:is([data-layout=menu],[data-layout=contacts],[data-layout=contact],[data-layout=chat-settings],[data-layout=thread-settings],[data-layout=translate],[data-layout=storage],[data-layout=space-form]) #closeChatModal:hover{background:#e3e9f3!important}
#view-chat #chatModal:is([data-layout=menu],[data-layout=contacts],[data-layout=contact],[data-layout=chat-settings],[data-layout=thread-settings],[data-layout=translate],[data-layout=storage],[data-layout=space-form]) #chatModalBody{padding:4px 16px calc(28px + env(safe-area-inset-bottom))}

/* Grouped option cards */
#view-chat #chatModal .wc-group{margin:0 0 14px;border:1px solid var(--v115-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 1px 2px #0d1d400a}
#view-chat #chatModal .wc-group-title{margin:18px 6px 8px;color:var(--v115-muted);font-size:14px!important;font-weight:650;letter-spacing:0}
#view-chat #chatModal .wc-group .wc-option{position:relative;min-height:54px;gap:14px;padding:14px 14px 14px 16px;border:0!important;background:#fff;color:var(--v115-ink);font-size:15px!important;font-weight:550}
#view-chat #chatModal .wc-group .wc-option:hover{background:#f6f9ff}
#view-chat #chatModal .wc-group .wc-option+.wc-option::before{content:'';position:absolute;top:0;left:56px;right:14px;height:1px;background:#eef2f7}
#view-chat #chatModal .wc-group .wc-option>span:not(.wc-option-icon){flex:1;min-width:0}
#view-chat #chatModal .wc-group .wc-option-icon{width:26px;height:26px;border-radius:0;background:transparent;color:var(--v115-blue)}
#view-chat #chatModal .wc-group .wc-option-icon svg{width:23px;height:23px}
#view-chat #chatModal .wc-group .wc-option.is-danger,#view-chat #chatModal .wc-group .wc-option.is-danger .wc-option-icon{color:var(--v115-danger)}
#view-chat #chatModal .wc-group .wc-option.is-accent{color:var(--v115-blue);font-weight:650}
#view-chat #chatModal .wc-group .wc-option.is-accent::after{border-color:var(--v115-blue)}

/* Menuja e Chat */
#view-chat .wc-menu-profile{display:flex;align-items:center;gap:10px;margin:4px 0 14px;padding:14px;border:1px solid var(--v115-line);border-radius:20px;background:#fff;box-shadow:0 1px 2px #0d1d400a}
#view-chat .wc-menu-person{display:flex;align-items:center;flex:1;min-width:0;gap:14px;padding:0;background:transparent;text-align:left;border-radius:14px}
#view-chat .wc-menu-person .wc-avatar{width:58px;height:58px;min-width:58px;font-size:22px;background:linear-gradient(140deg,#6d93ff,#3b5fe0);color:#fff;border:0}
#view-chat .wc-menu-names{min-width:0}
#view-chat .wc-menu-names strong{display:block;color:var(--v115-ink);font-size:18px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-chat .wc-menu-names small{display:block;margin-top:2px;color:var(--v115-muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#view-chat .wc-menu-copy{display:inline-flex;align-items:center;flex:none;gap:6px;min-height:40px;padding:8px 12px;border:1px solid #dde5f0;border-radius:12px;background:#fff;color:var(--v115-ink);font-size:14px;font-weight:650}
#view-chat .wc-menu-copy svg{width:18px;height:18px}

/* Bisedë e re */
#view-chat #chatModal[data-layout=contacts] .wc-group .wc-option{min-height:72px;font-size:16px!important;font-weight:700}
#view-chat #chatModal[data-layout=contacts] .wc-group .wc-option+.wc-option::before{left:80px}
#view-chat #chatModal[data-layout=contacts] .wc-group .wc-option-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(140deg,#2584ff,#0755db);color:#fff}
#view-chat #chatModal[data-layout=contacts] .wc-group .wc-option:nth-child(2) .wc-option-icon{background:linear-gradient(140deg,#2bd0ea,#0ea4cc)}
#view-chat #chatModal[data-layout=contacts] .wc-group .wc-option:nth-child(3) .wc-option-icon{background:linear-gradient(140deg,#9a78ff,#6d46ea)}
#view-chat #chatModal[data-layout=contacts] h3{margin:20px 6px 10px;color:var(--v115-muted);font-size:14px!important;font-weight:650}
#view-chat #chatModal:is([data-layout=contacts],[data-layout=space-form]) input[type=search]{height:48px;margin:0 0 12px;padding:12px 16px 12px 46px;border:1px solid var(--v115-line);border-radius:16px;background:#e9eef6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7b93' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M15 15l6 6M10 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14'/%3E%3C/svg%3E") no-repeat 15px center/20px;font-size:15px}
#view-chat #chatModal[data-layout=contacts] h3+input+div{border:1px solid var(--v115-line);border-radius:18px;background:#fff;padding:0 14px;overflow:hidden}
#view-chat #chatModal[data-layout=contacts] h3+input+div:has(>p:only-child){padding:14px}
#view-chat #chatModal[data-layout=contacts] .wc-row{min-height:72px;gap:14px;padding:12px 0}
#view-chat #chatModal[data-layout=contacts] .wc-row+.wc-row{border-top:1px solid #eef2f7!important}
#view-chat #chatModal[data-layout=contacts] .wc-row-main>strong{color:var(--v115-ink)}

/* Kontakti */
#view-chat #chatModal[data-layout=contact] .wc-profile-hero{padding:2px 0 16px;gap:4px}
#view-chat #chatModal[data-layout=contact] .wc-profile-hero>.wc-avatar{width:104px;height:104px;min-width:104px;margin-bottom:6px;font-size:38px;border:4px solid #fff;background:linear-gradient(140deg,#2bc6ea,#0e8fd8);color:#fff;box-shadow:0 8px 24px #0d1d401f}
#view-chat #chatModal[data-layout=contact] .wc-profile-hero>.wc-avatar:has(img){background:#dfe8f5}
#view-chat #chatModal[data-layout=contact] .wc-profile-hero>strong{color:var(--v115-ink);font-size:22px;font-weight:800}
#view-chat #chatModal[data-layout=contact] .wc-profile-hero>small{color:var(--v115-muted);font-size:14px}
#view-chat .wc-contact-quick{display:flex;justify-content:center;gap:28px;margin:0 0 18px}
#view-chat .wc-contact-action{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:64px;padding:0;background:transparent;color:var(--v115-ink);font-size:13px;font-weight:550}
#view-chat .wc-contact-action-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--v115-blue);box-shadow:0 4px 14px #0d1d4017,0 0 0 1px var(--v115-line)}
#view-chat .wc-contact-action-icon svg{width:24px;height:24px}
#view-chat .wc-contact-action:hover .wc-contact-action-icon{background:#eef4ff}
#view-chat #chatModal[data-layout=contact] .wc-contact-details:not(:empty){margin:0 0 14px;padding:12px 16px;border:1px solid var(--v115-line);border-radius:18px;background:#fff;color:#33425e;font-size:14px}
#view-chat #chatModal[data-layout=contact] .wc-contact-details p{margin:0 0 6px}
#view-chat .wc-alias-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:0 0 6px;padding:12px 14px 14px;border:1px solid var(--v115-line);border-radius:18px;background:#fff}
#view-chat .wc-alias-card>label{display:flex;flex-direction:column;gap:7px;margin:0;color:var(--v115-muted);font-size:13px;font-weight:600}
#view-chat .wc-alias-card input{height:46px;margin:0!important;border-radius:12px;font-size:15px}
#view-chat .wc-alias-card>button{min-height:46px;margin:0!important;padding:0 16px;border-radius:12px;white-space:nowrap}
#view-chat #chatModal[data-layout=contact] .wc-contact-options{margin-top:8px;border-top:0}

/* Opsionet e bisedës: bottom sheet */
#view-chat #chatModal[data-layout=thread-menu]{padding:0;align-items:flex-end}
#view-chat #chatModal[data-layout=thread-menu] .wc-dialog{max-width:700px;max-height:92%;border-radius:26px 26px 0 0;background:var(--v115-page);padding-bottom:env(safe-area-inset-bottom)}
#view-chat #chatModal[data-layout=thread-menu] .wc-dialog>header{padding:16px 16px 4px}
#view-chat #chatModal[data-layout=thread-menu] .wc-dialog>header h2{color:var(--v115-ink)}
#view-chat #chatModal[data-layout=thread-menu] #chatModalBody{padding:0 16px 20px}
#view-chat #chatModal[data-layout=thread-menu] .wc-group-title{margin-top:12px}

/* Cilësimet e Chat */
#view-chat #chatModal[data-layout=chat-settings] form>label:not(.wc-check){display:flex;flex-direction:column;gap:8px;margin:0 0 12px;padding:12px 14px 14px;border:1px solid var(--v115-line);border-radius:18px;background:#fff;color:var(--v115-muted);font-size:13px;font-weight:600}
#view-chat #chatModal[data-layout=chat-settings] form>label input{margin:0;font-size:15px}
#view-chat #chatModal[data-layout=chat-settings] form>.wc-check{margin:0 0 4px;padding:14px 16px;border:1px solid var(--v115-line)!important;border-radius:18px;background:#fff;color:var(--v115-ink)}
#view-chat #chatModal[data-layout=chat-settings] form>button.primary{width:100%;min-height:50px;margin:10px 0 16px;border-radius:16px}
#view-chat #chatModal[data-layout=chat-settings] form>.wc-help{margin:0 6px 6px}

/* Përkthimi */
#view-chat #chatModal[data-layout=translate] #chatModalBody{display:flex;flex-direction:column;gap:12px}
#view-chat .wc-translate-hero{display:flex;align-items:center;gap:16px;min-height:112px;padding:20px;border-radius:22px;background:linear-gradient(125deg,var(--v115-blue),var(--v115-blue-2) 55%,#1aa0ff);color:#fff;box-shadow:0 10px 26px #1366ff38}
#view-chat .wc-translate-glyph{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:18px;background:#ffffff2e;font-size:24px;font-weight:800;letter-spacing:-1px}
#view-chat .wc-translate-hero strong{font-size:22px;font-weight:750;line-height:1.2}
#view-chat #chatModal .wc-translate-card{margin:0;padding:2px 16px}
#view-chat .wc-translate-language{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;margin:0;border-bottom:1px solid #eef2f7;color:var(--v115-ink);font-size:15px;font-weight:550}
#view-chat .wc-translate-language select{width:auto;max-width:58%;min-height:38px;margin:0;padding:6px 10px;border:1px solid var(--v115-line);border-radius:10px;background:var(--v115-page);color:var(--v115-ink);font-size:14px}
#view-chat #chatModal .wc-translate-card .wc-check{color:var(--v115-ink);font-size:14px}
#view-chat #chatModal .wc-translate-card .wc-check:last-child{border-bottom:0}
#view-chat #chatModal[data-layout=translate] #chatModalBody>button{width:100%;min-height:50px;margin:0;border-radius:16px}
#view-chat .wc-translate-notes{order:2;padding:4px 6px 0;color:var(--v115-muted);font-size:12px;line-height:1.5}
#view-chat .wc-translate-notes p{margin:0 0 8px;color:inherit;font-size:12px}
#view-chat #chatModal[data-layout=translate] #chatModalBody>.wc-help{order:1;margin:0 6px}

/* Media dhe hapësira */
#view-chat #chatModal[data-layout=storage] .wc-storage-summary{margin:0 0 12px;padding:12px 16px;border:1px solid var(--v115-line);border-radius:16px;background:#fff;color:#33425e}
#view-chat #chatModal[data-layout=storage] .wc-filters{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(max-content,1fr);gap:4px;margin:0 0 12px;padding:4px;border-radius:14px;background:#e6ecf5;overflow-x:auto}
#view-chat #chatModal[data-layout=storage] .wc-filters button{min-height:38px;padding:6px 10px;border-radius:11px;background:transparent;color:#33425e!important;font-size:13px!important;font-weight:600}
#view-chat #chatModal[data-layout=storage] .wc-filters button[aria-pressed=true]{background:var(--v115-blue);color:#fff!important;box-shadow:0 3px 10px #1366ff40}
#view-chat #chatModal[data-layout=storage] .wc-storage-grid{gap:6px}
#view-chat #chatModal[data-layout=storage] .wc-storage-preview{border-radius:14px}
#view-chat #chatModal[data-layout=storage] .wc-storage-actions{background:var(--v115-page)}

/* Grup i ri / Komunitet i ri */
#view-chat .wc-space-hero{margin:0 0 6px;padding:4px 12px 10px;text-align:center}
#view-chat .wc-space-hero svg{width:76px;height:76px;color:var(--v115-blue);stroke-width:1.5}
#view-chat .wc-space-hero p{margin:6px auto 0;max-width:330px;color:#33425e;font-size:14px;line-height:1.45}
#view-chat #chatModal[data-layout=space-form] form>label{display:block;margin:0 0 12px;color:var(--v115-ink);font-size:14px;font-weight:650}
#view-chat #chatModal[data-layout=space-form] form>label :is(input,textarea){margin-top:7px;border:1px solid #dbe3ee;border-radius:14px;background:#fff;font-size:15px}
#view-chat #chatModal[data-layout=space-form] form>h3{margin:16px 2px 8px;color:var(--v115-ink);font-size:15px!important;font-weight:700}
#view-chat #chatModal[data-layout=space-form] form>h3+div{border:1px solid var(--v115-line);border-radius:18px;background:#fff;padding:0 14px}
#view-chat #chatModal[data-layout=space-form] form>h3+div:empty{display:none}
#view-chat #chatModal[data-layout=space-form] .wc-check{min-height:56px;color:var(--v115-ink)}
#view-chat #chatModal[data-layout=space-form] .wc-check:last-child{border-bottom:0}
#view-chat #chatModal[data-layout=space-form] .wc-check input[type=checkbox]{width:24px;height:24px;border:2px solid #c3cddb;border-radius:7px;background:#fff}
#view-chat #chatModal[data-layout=space-form] .wc-check input[type=checkbox]::before{top:3px;left:7px;width:6px;height:11px;border-radius:0;background:transparent;box-shadow:none;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg) scale(0)}
#view-chat #chatModal[data-layout=space-form] .wc-check input[type=checkbox]:checked{border-color:var(--v115-blue);background:var(--v115-blue)}
#view-chat #chatModal[data-layout=space-form] .wc-check input[type=checkbox]:checked::before{transform:rotate(45deg) scale(1)}
#view-chat #chatModal[data-layout=space-form] form>button.primary{position:sticky;bottom:0;width:100%;min-height:52px;margin-top:16px;border-radius:16px;box-shadow:0 -10px 18px var(--v115-page)}

@media (min-width:900px){
 #view-chat .wc-shell:has(#chatConversation[hidden]) .wc-main{border-radius:24px 24px 0 0}
 #view-chat #chatModal:is([data-layout=menu],[data-layout=contacts],[data-layout=contact],[data-layout=chat-settings],[data-layout=thread-settings],[data-layout=translate],[data-layout=storage],[data-layout=space-form]) #chatModalBody{padding-left:28px;padding-right:28px}
}

/* WIPYE_CHAT_V122 — chat list: archived row, pin icon, Filtra chip, media icons in previews,
   Walkie-Talkie entry and "Kthehu te Wipye". */
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters::-webkit-scrollbar{display:none}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters{gap:6px;padding-left:14px;padding-right:14px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters button{flex:0 0 auto;white-space:nowrap;padding:6px 11px;gap:6px}
#view-chat .wc-filters .wc-filter-more svg{width:16px;height:16px}
#view-chat #threads .wc-archived-row{display:flex;align-items:center;gap:14px;width:calc(100% - 32px);min-height:54px;margin:4px 16px 6px;padding:10px 14px;border:1px solid var(--v115-line)!important;border-radius:14px;background:#fff;color:var(--v115-ink);font-size:15px!important;font-weight:600;text-align:left;box-shadow:none}
#view-chat #threads .wc-archived-row:hover{background:#f6f9ff}
#view-chat #threads .wc-archived-icon{display:grid;place-items:center;width:28px;height:28px;color:#1d4fa8}
#view-chat #threads .wc-archived-icon svg{width:22px;height:22px}
#view-chat #threads .wc-archived-label{flex:1;min-width:0}
#view-chat #threads .wc-archived-count{color:var(--v115-blue);font-size:13px;font-weight:700}
#view-chat #threads .wc-archived-row>svg{width:18px;height:18px;color:#98a8bf}
#view-chat #threads .wc-archived-row.is-open{border:0!important;background:transparent;margin-bottom:0}
#view-chat #threads .wc-row-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:22px}
#view-chat #threads .wc-pin{width:16px;height:16px;color:#8392a8}
#view-chat .wc-thread-preview .wc-preview-icon{width:16px;height:16px;flex:0 0 16px;margin-right:4px;vertical-align:-3px;color:#7d8ca3}
#view-chat .wc-list-footer{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 16px 18px}
#view-chat .wc-list-footer .wc-walkie-row{display:flex;align-items:center;gap:14px;min-height:68px;padding:10px 14px;border:0!important;border-radius:16px;background:#eef3ff;color:var(--v115-ink);text-align:left;box-shadow:none}
#view-chat .wc-list-footer .wc-walkie-row:hover{background:#e4ecff}
#view-chat .wc-walkie-icon{display:flex;align-items:center;justify-content:center;gap:1px;width:52px;height:48px;flex:0 0 52px;border-radius:14px;background:#dfe8ff;color:var(--v115-blue)}
#view-chat .wc-walkie-icon svg{width:20px;height:20px}
#view-chat .wc-walkie-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#view-chat .wc-walkie-title{font-size:16px;font-weight:700}
#view-chat .wc-walkie-sub{font-size:13.5px;color:var(--v115-muted)}
#view-chat .wc-walkie-row>svg{width:20px;height:20px;color:#33425e}
#view-chat .wc-list-footer .wc-home-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 6px!important;border:0!important;background:transparent!important;color:var(--v115-blue)!important;font-size:15px!important;font-weight:650;box-shadow:none}
#view-chat .wc-home-link svg{width:18px;height:18px}
#view-chat .wc-walkie-help{color:var(--v115-muted);font-size:14px;line-height:1.45;margin:0 0 10px}

/* WIPYE_CHAT_V124 — dark navy Wipye Chat shell (Biseda, Risi, Komunitete, Thirrje) matching the owner's reference:
   doodle background, tile-less W + pin mark, dark search, outlined chips, dark rows and a dark tab bar.
   Only applies while no conversation is open; the conversation keeps its own (already dark) styling. */
#view-chat .wc-shell:has(#chatConversation[hidden]){--wl-bg:#0b1a42;--wl-bg-2:#0d1f4d;--wl-ink:#fff;--wl-muted:#a9b9d8;--wl-faint:#8fa2c6;--wl-line:#ffffff17;--wl-field:#13275a;--wl-field-line:#2b4282;--wl-chip-line:#3b5395;--wl-blue:#1f6bff;--wl-link:#7db0ff;--wl-card:#ffffff0b;--wl-hover:#ffffff0d;--wl-online:#2fd16b;
 background-color:var(--wl-bg);background-image:linear-gradient(#0b1a428c,#0b1a428c),url("wipye-wallpaper.svg?v=20260916-11"),linear-gradient(180deg,var(--wl-bg) 0%,var(--wl-bg-2) 55%,var(--wl-bg) 100%);background-size:100% 100%,360px 432px,100% 100%;background-repeat:no-repeat,repeat,no-repeat;color:var(--wl-ink);color-scheme:dark}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-header{min-height:64px;padding:calc(8px + env(safe-area-inset-top)) 6px 6px 4px;gap:2px}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatBack{width:40px;min-width:40px}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatBack svg{width:26px;height:26px;stroke-width:2.2}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-title{display:flex;align-items:center;gap:8px;min-width:0}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-title::before{content:'';flex:0 0 44px;width:44px;height:40px;border-radius:0;box-shadow:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='18 6 96 96'%3E%3Cdefs%3E%3ClinearGradient id='p' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop stop-color='%2349b4ff'/%3E%3Cstop offset='1' stop-color='%231f6bff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M28 53 40 94h11l13-27 13 27h11l12-41' fill='none' stroke='%23fff' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M88 12c-11 0-19 8-19 18 0 13 19 29 19 29s19-16 19-29c0-10-8-18-19-18Z' fill='url(%23p)'/%3E%3Ccircle cx='88' cy='30' r='6.5' fill='%230b1a42'/%3E%3C/svg%3E") center/contain no-repeat}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-title h1{font-size:21px!important;font-weight:700;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-title small{display:none}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatSelfProfile{margin:0 4px}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatSelfProfile .wc-avatar{width:38px;height:38px;min-width:38px;border:0;background:linear-gradient(140deg,#7d9cff,#4c6cf0);font-size:14px;font-weight:700;letter-spacing:.3px}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatNew{width:42px;min-width:42px;height:42px;margin:0;border-radius:50%;background:transparent!important;box-shadow:none;color:#fff}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatNew:hover{background:#ffffff1f!important}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatNew svg{width:28px;height:28px;stroke-width:2.2}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatMenu{width:36px;min-width:36px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-main{background:transparent;border-radius:0;box-shadow:none}
#view-chat .wc-shell:has(#chatConversation[hidden]) :is(.wc-overview,.wc-scroll,.wc-rows,#storyRows,#communityRows,#callHistory){background-color:transparent}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-status{background:#ffffff14;color:#e3ebfa}
/* Search */
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-search{margin:6px 16px 4px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-search input{height:48px;border:1px solid var(--wl-field-line)!important;border-radius:24px!important;background-color:var(--wl-field)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9d6f0' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M15 15l6 6 M10 3a7 7 0 1 1 0 14 7 7 0 0 1 0-14'/%3E%3C/svg%3E")!important;background-size:20px 20px!important;background-position:18px center!important;background-repeat:no-repeat!important;color:#fff!important;font-size:16px!important;padding-left:50px!important;box-shadow:inset 0 1px 0 #ffffff0a}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-search input::placeholder{color:var(--wl-muted);opacity:1}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-search input:focus{border-color:#5d8cff!important;background-color:#162d66!important;outline:2px solid #5d8cff55;outline-offset:1px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-search input::-webkit-search-cancel-button{filter:invert(1)}
/* Chips: wrap onto two lines like the reference, never scroll sideways */
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters{flex-wrap:wrap;overflow:visible;gap:10px 8px;padding:10px 16px 12px;border-bottom:1px solid var(--wl-line);margin:0 0 2px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters button{min-height:38px;padding:7px 16px;border:1.5px solid var(--wl-chip-line);border-radius:999px;background:#0b1a4299;color:#e8eeff!important;font-size:14px!important;font-weight:600;box-shadow:none}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters button:hover{background:#ffffff12}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters button:focus-visible{outline:3px solid #7fb2ff;outline-offset:2px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters button[aria-pressed=true]{background:var(--wl-blue);border-color:var(--wl-blue);color:#fff!important;box-shadow:0 4px 14px #1f6bff55}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters .wc-chip-count{background:var(--wl-blue);color:#fff}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters [aria-pressed=true] .wc-chip-count{background:#fff;color:var(--wl-blue)}
#view-chat .wc-filters .wc-filter-list svg{width:16px;height:16px}
/* Rows (chats, communities, calls) */
#view-chat .wc-shell:has(#chatConversation[hidden]) :is(#threads,#communityRows,#callHistory) .wc-row{background:transparent;color:var(--wl-ink)}
#view-chat .wc-shell:has(#chatConversation[hidden]) :is(#threads,#communityRows,#callHistory) .wc-row:hover{background:var(--wl-hover)}
#view-chat .wc-shell:has(#chatConversation[hidden]) :is(#threads,#communityRows,#callHistory) .wc-row:focus-visible{outline:3px solid #7fb2ff;outline-offset:-3px}
#view-chat .wc-shell:has(#chatConversation[hidden]) :is(#threads,#communityRows,#callHistory) .wc-row:not(:last-child)::after{left:84px;background:var(--wl-line)}
#view-chat .wc-shell:has(#chatConversation[hidden]) :is(#threads,#communityRows,#callHistory) .wc-row-main>strong{color:var(--wl-ink)}
#view-chat .wc-shell:has(#chatConversation[hidden]) :is(#threads,#communityRows,#callHistory) .wc-row-main>small{color:var(--wl-muted)}
#view-chat .wc-shell:has(#chatConversation[hidden]) :is(#threads,#communityRows,#callHistory) .wc-avatar.group{background:linear-gradient(140deg,#3b2f7a,#2a2366);color:#c9b8ff}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-avatar{position:relative;overflow:visible}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-avatar>img{border-radius:50%}
#view-chat #threads .wc-online-dot{position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;border:3px solid var(--wl-bg,#0b1a42);border-radius:50%;background:var(--wl-online,#2fd16b);box-sizing:border-box}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-row-end{color:var(--wl-faint)}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-row:has(.wc-unread) .wc-row-end>span:first-child{color:#8fbaff}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-unread{background:var(--wl-blue);color:#fff;box-shadow:none}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-row.is-pinned{background:transparent}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-row.is-pinned::before{display:none}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-pin{color:var(--wl-faint)}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-ticks{color:var(--wl-faint)}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-ticks.read{color:#5fa2ff}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-thread-preview .wc-preview-icon{color:#6ea6ff}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-preview-self{color:var(--wl-muted)}
/* Archived row, Walkie-Talkie, Kthehu te Wipye */
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-archived-row{margin:8px 16px 4px;border:1px solid var(--wl-line)!important;background:var(--wl-card);color:var(--wl-ink)}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-archived-row:hover{background:#ffffff14}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-archived-row.is-open{border:0!important;background:transparent}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-archived-icon{color:var(--wl-link)}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-archived-count{color:var(--wl-link)}
#view-chat .wc-shell:has(#chatConversation[hidden]) #threads .wc-archived-row>svg{color:var(--wl-faint)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-list-footer .wc-walkie-row{border:1px solid var(--wl-line)!important;background:#13285ecc;color:var(--wl-ink)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-list-footer .wc-walkie-row:hover{background:#183170}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-walkie-icon{background:#1f3c86;color:#9cc2ff}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-walkie-sub{color:var(--wl-muted)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-walkie-row>svg{color:var(--wl-muted)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-list-footer .wc-home-link{color:var(--wl-link)!important}
#view-chat .wc-shell:has(#chatConversation[hidden]) :is(.wc-list-footer button,#moreThreads,.wc-more):focus-visible{outline:3px solid #7fb2ff;outline-offset:2px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-more{background:#ffffff12;color:#cfe0ff!important;border:1px solid var(--wl-line)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-empty{color:var(--wl-muted)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-empty b{color:var(--wl-link)}
/* Bottom tabs */
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs{background:#0a1838f2;border-top:1px solid var(--wl-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs button{color:#c3cfe6;font-weight:550}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs button:focus-visible{outline:3px solid #7fb2ff;outline-offset:-2px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs button>span{position:relative}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs button[aria-current=page]{color:#5c9dff!important;font-weight:700}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs button[aria-current=page]>span{background:transparent}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs button[aria-current=page] svg{fill:#1f6bff33}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-tabs button[data-tab=chats][data-unread=true]>span::after{content:'';position:absolute;top:3px;right:calc(50% - 16px);width:9px;height:9px;border:2px solid #0a1838;border-radius:50%;background:#3d8bff}
/* Risi, Komunitete, Thirrje on the dark shell */
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-section-head h2{color:var(--wl-ink)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-section-head small{color:var(--wl-muted)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-add{box-shadow:0 6px 16px #00000040}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatCalls>.wc-help{background:var(--wl-card);border:1px solid var(--wl-line);color:var(--wl-muted)}
#view-chat .wc-shell:has(#chatConversation[hidden]) :is(.wc-call-kind,.wc-call-state){color:var(--wl-muted)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-call-kind.is-bad :is(svg,.wc-call-state){color:#ff7a84}
#view-chat .wc-shell:has(#chatConversation[hidden]) :is(.wc-call-direction,.wc-call-time){color:var(--wl-faint)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-call-end{color:#dbe5f7!important}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-call-end::after{border-color:var(--wl-faint)}
#view-chat .wc-shell:has(#chatConversation[hidden]) #storyRows .wc-story-mine{border:1px solid var(--wl-line)!important;background:linear-gradient(180deg,#16306b,#11275a)}
#view-chat .wc-shell:has(#chatConversation[hidden]) #storyRows .wc-story-mine .wc-row-main strong,#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-heading,#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row-main strong{color:var(--wl-ink)}
#view-chat .wc-shell:has(#chatConversation[hidden]) #storyRows .wc-story-mine .wc-row-main small,#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row-main small{color:var(--wl-muted)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-more{border-color:var(--wl-bg)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row[data-seen=true] .wc-avatar{outline-color:#4a5f8f!important}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row{color:var(--wl-ink)}
/* v124 Risi like WhatsApp Updates: Statusi row, "Të reja" / "Parë" lists and a floating camera button. */
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-main{position:relative}
#view-chat .wc-shell:has(#chatConversation[hidden]) #newStory{display:none}
#view-chat .wc-shell:has(#chatConversation[hidden]) #chatStories{padding-bottom:96px}
#view-chat .wc-shell:has(#chatConversation[hidden]) #storyRows{padding:0}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-heading{margin:14px 16px 6px;color:var(--wl-ink);font-size:17px!important;font-weight:700}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-heading.wc-story-status{margin-top:4px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-heading:not(.wc-story-status){color:var(--wl-muted);font-size:14px!important;font-weight:650;margin-top:18px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-mine-wrap{position:relative;margin:0}
#view-chat .wc-shell:has(#chatConversation[hidden]) #storyRows .wc-story-mine{display:flex;align-items:center;min-height:76px;margin:0;padding:10px 16px;gap:14px;border:0!important;border-radius:0;background:transparent!important;color:var(--wl-ink);text-align:left;width:100%}
#view-chat .wc-shell:has(#chatConversation[hidden]) #storyRows .wc-story-mine:hover{background:var(--wl-hover)!important}
#view-chat .wc-shell:has(#chatConversation[hidden]) #storyRows .wc-story-mine .wc-avatar{width:56px;height:56px;min-width:56px;font-size:21px;background:linear-gradient(140deg,#7d9cff,#4c6cf0);color:#fff}
#view-chat .wc-shell:has(#chatConversation[hidden]) #storyRows .wc-story-mine:not(.wc-story-add) .wc-avatar{outline:2.5px solid #4a5f8f;outline-offset:2px}
#view-chat .wc-shell:has(#chatConversation[hidden]) #storyRows .wc-story-add .wc-avatar{outline:0!important}
#view-chat .wc-shell:has(#chatConversation[hidden]) #storyRows .wc-story-mine .wc-row-main strong{font-size:16px;font-weight:700}
#view-chat .wc-shell:has(#chatConversation[hidden]) #storyRows .wc-story-mine .wc-row-main small{font-size:14px;margin-top:3px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-more{left:54px;top:50px;width:24px;height:24px;border:2.5px solid var(--wl-bg);background:var(--wl-blue);box-shadow:none}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-more svg{width:14px;height:14px;stroke-width:3}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent{display:block}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row{position:relative;flex-direction:row;align-items:center;gap:14px;min-height:72px;padding:9px 16px;text-align:left;border-radius:0;width:100%}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row:hover{background:var(--wl-hover)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row:focus-visible,#view-chat .wc-shell:has(#chatConversation[hidden]) #storyRows .wc-story-mine:focus-visible{outline:3px solid #7fb2ff;outline-offset:-3px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row:not(:last-child)::after{content:'';position:absolute;left:86px;right:16px;bottom:0;height:1px;background:var(--wl-line)}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-avatar{width:52px;height:52px;min-width:52px;font-size:20px;outline:2.5px solid var(--wl-blue)!important;outline-offset:3px;margin:3px}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row:nth-child(even):not([data-seen=true]) .wc-avatar{outline-color:var(--wl-blue)!important}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row-main strong,#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row-main small{text-align:left}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row-main strong{font-size:16px;font-weight:700}
#view-chat .wc-shell:has(#chatConversation[hidden]) .wc-story-recent .wc-row-main small{font-size:14px;margin-top:3px}
#view-chat .wc-story-count{flex:none;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#ffffff1a;color:#dbe6ff;font-size:12px;font-weight:700;line-height:22px;text-align:center}
#view-chat .wc-story-fab{position:absolute;right:16px;bottom:16px;z-index:3;display:grid;place-items:center;width:56px;height:56px;min-height:0;padding:0;border:0;border-radius:18px;background:var(--wl-blue,#1f6bff);color:#fff;box-shadow:0 8px 22px #00000059}
#view-chat .wc-story-fab:hover{background:#3a7dff}
#view-chat .wc-story-fab:focus-visible{outline:3px solid #7fb2ff;outline-offset:3px}
#view-chat .wc-story-fab svg{width:26px;height:26px;stroke-width:2}
#view-chat #chatStories[hidden] .wc-story-fab{display:none}
@media (max-width:380px){
 #view-chat .wc-shell:has(#chatConversation[hidden]) .wc-title h1{font-size:18px!important}
 #view-chat .wc-shell:has(#chatConversation[hidden]) .wc-title::before{flex-basis:36px;width:36px;height:34px}
 #view-chat .wc-shell:has(#chatConversation[hidden]) #chatSelfProfile .wc-avatar{width:34px;height:34px;min-width:34px}
 #view-chat .wc-shell:has(#chatConversation[hidden]) .wc-filters button{padding:6px 12px;font-size:13px!important}
}

#view-chat:not(.is-thread) #chatHeading .wc-brand-chat{color:#2f8cff}

/* Separate keyboard/pointer target over the existing avatar; never a nested button. */
.wc-quick-row{position:relative;min-width:0}.wc-quick-row>.wc-row{width:100%}.wc-avatar-preview{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:64px;height:64px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.wc-avatar-preview:focus-visible{outline:3px solid #65caff;outline-offset:3px}
#chatModal[data-layout="quick-contact"] .wc-dialog{width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}.wc-quick-photo{display:block;width:100%;padding:0;border:0;background:#112947;border-radius:12px;overflow:hidden;cursor:pointer}.wc-quick-photo .wc-avatar{display:grid;width:100%;height:auto;aspect-ratio:1;border-radius:0;font-size:72px}.wc-quick-photo img{width:100%;height:100%;object-fit:contain}.wc-quick-expanded .wc-contact-quick{display:none}#chatModal[data-layout="quick-contact"] .wc-contact-action svg{width:24px;height:24px}#chatModal[data-layout="quick-contact"] .wc-contact-quick{display:flex;justify-content:space-around}