/* Tirazel 1.4: shared rhythm, restrained brand color and clear privacy controls. */
:root{--bg:#f4f7fc;--panel:#fff;--soft:#f0f4fa;--line:#e4eaf3;--ink:#172a43;--muted:#63758d;--selected:#eaf1ff;--canvas:#f2f6fc}
body.dark{--bg:#090f1b;--panel:#111d2e;--soft:#17263a;--line:#24364d;--ink:#edf3ff;--muted:#a1b2c9;--selected:#223754;--canvas:#0d1726}
body[data-chat-theme=blue]{--blue:#2563eb;--green:#2563eb;--outgoing:#e4edff;--canvas:#f2f6fc}
body.dark[data-chat-theme=blue]{--blue:#9fc0ff;--green:#9fc0ff;--outgoing:#243e63;--canvas:#0d1726}
body{font-family:'Segoe UI',Arial,sans-serif}.shell{padding:12px;gap:12px;grid-template-columns:58px minmax(330px,360px) minmax(0,1fr);background:var(--bg)}
.rail{background:transparent;padding:10px 3px;border:0;gap:9px}.rail .brand{width:34px;height:34px;margin-bottom:24px}.rail .icon-button{border-radius:15px;width:46px;height:46px}.rail .icon-button.active{background:var(--panel);color:var(--blue);box-shadow:0 4px 16px #102a4b0b}
.sidebar,.conversation{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--panel)}.sidebar-header{padding:20px 20px 14px;min-height:85px}.sidebar h1{font-size:27px;font-weight:700;letter-spacing:-.7px}.sidebar-eyebrow{display:block;font-size:10px;letter-spacing:.16em;color:var(--muted);font-weight:700;margin-bottom:4px}
.search-wrap{padding:0 14px 12px}.search-wrap input{min-height:43px;border-radius:13px}.chat-filters{padding-bottom:13px}.chat-filters button{border-radius:12px;min-height:34px;font-size:13px}.sidebar-code{display:flex!important;gap:8px;align-items:center;margin:0 15px 12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--muted);width:calc(100% - 30px);font-size:12px;cursor:pointer}.sidebar-code code{margin-left:auto;font-size:13px;font-weight:650;color:var(--blue)}.sidebar-code .dot{width:6px;height:6px;background:var(--blue);border-radius:50%}
.archive-row{padding:11px 20px;gap:16px;min-height:43px;font-weight:500;color:var(--muted)}.chat-list{padding:7px}.chat-item{border-radius:15px;margin:3px 0;min-height:79px;padding:12px 10px;transition:background .12s}.chat-item.selected{box-shadow:inset 3px 0 var(--blue);background:var(--selected)}.avatar{background:#e7effe;color:#315b9c;font-weight:650}.dark .avatar{background:#233d60;color:#bed4ff}.avatar.group{background:#e8f5f2;color:#267568}.dark .avatar.group{background:#193b3e;color:#a1ded5}.chat-copy strong{font-weight:600}.chat-copy p{margin-top:5px;line-height:1.4}.badge{background:var(--blue);color:var(--panel);font-weight:700;min-width:21px}.sidebar-footer{padding:12px 18px;color:var(--muted)}
.chat-header{min-height:76px;background:var(--panel);padding:13px 22px}.chat-header h2{font-size:17px;font-weight:650}.chat-header .avatar{width:44px;height:44px}.chat-header .icon-button{border-radius:13px}.chat-header .icon-button:hover{background:var(--soft)}.message-area{padding:24px clamp(20px,4vw,70px);background-size:360px}.message-row{margin-bottom:9px}.message-bubble{border-radius:5px 17px 17px 17px;padding:10px 13px 7px;box-shadow:0 2px 7px #142c4e08;max-width:82%}.outgoing .message-bubble,.dark .outgoing .message-bubble{border-radius:17px 5px 17px 17px}.message-text{line-height:1.55}.message-meta{margin-top:5px;font-size:11px}.message-tools{border-radius:50%;margin:3px}.message-author{font-weight:650}.day-divider span{background:var(--panel);border:1px solid var(--line);box-shadow:none;border-radius:20px;font-size:11px;padding:6px 13px}
.composer-wrap{background:var(--panel);padding:13px 17px;border-top:1px solid var(--line)}.composer{gap:7px}.composer textarea{background:var(--soft);border:1px solid transparent;border-radius:16px;padding:12px 15px}.composer textarea:focus{border-color:var(--blue)}.composer .send-button{border-radius:15px;width:46px;height:46px;box-shadow:0 4px 12px #2563eb20}.composer .icon-button:hover{background:var(--soft);border-radius:13px}.new-contact-banner{background:var(--soft)!important;padding:13px 20px}
.settings-view{background:var(--panel);max-width:900px;padding:30px 34px}.settings-profile{border-radius:20px;background:var(--soft);padding:23px}.settings-profile code{font-size:14px;color:var(--blue)}.settings-section{padding:22px 4px}.privacy-entry{display:flex;align-items:center;gap:15px;text-align:left;border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin:18px 0 4px;background:var(--soft);color:var(--ink);width:100%}.privacy-entry span{display:flex;flex-direction:column;gap:6px;flex:1}.privacy-entry strong{font-size:16px}.privacy-entry small{font-size:12px;color:var(--muted)}.privacy-entry>svg{width:29px;height:29px;fill:none;stroke:var(--blue);stroke-width:1.6}
dialog{border:1px solid var(--line);border-radius:22px;max-width:620px;max-height:88vh;overflow:auto;box-shadow:0 24px 90px #091b3933;padding:28px}dialog::backdrop{background:#0a1b344d;backdrop-filter:blur(3px)}dialog h2{font-weight:700;letter-spacing:-.4px}.privacy-hero{display:flex;gap:16px;align-items:center;background:var(--soft);border-radius:16px;padding:18px;margin:18px 0}.privacy-emblem{font-size:43px;color:var(--blue)}.privacy-hero h3{font-size:17px;margin:0 0 8px}.privacy-hero p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.privacy-option{display:flex;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.privacy-option span{flex:1}.privacy-option strong{display:block;font-size:14px;font-weight:600}.privacy-option small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:6px}.privacy-option input{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0}.privacy-option select{max-width:115px;font-size:13px}.privacy-options{margin-bottom:20px}.privacy-disclosure{background:var(--soft);padding:13px 15px;border-radius:12px;color:var(--muted);font-size:12px;line-height:1.6}.session-row{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:10px}.session-row>span:first-child{flex:1}.session-row strong,.session-row small{display:block}.session-row small{font-size:12px;color:var(--muted);margin-top:7px}.security-pill{font-size:11px;background:var(--soft);color:var(--blue);border-radius:20px;padding:7px 10px}.fingerprint{font-size:15px;line-height:1.8;letter-spacing:.08em;word-break:break-word;border:1px solid var(--line);border-radius:12px;padding:15px;background:var(--soft)}
.channel-heading h2{font-weight:700}.channel-post{border-radius:17px;padding:22px;box-shadow:0 2px 10px #102a4b05}.channel-list-item{padding:20px 12px;border-radius:12px;margin:5px 0}.channel-list-item:hover{background:var(--soft)}.channel-reactions button{border-radius:20px}.empty-conversation{background:radial-gradient(ellipse at 50% 38%,var(--panel),var(--soft) 80%)}.empty-conversation h2{font-size:30px;font-weight:650;color:var(--ink)}.empty-conversation p{max-width:380px;line-height:1.8;color:var(--muted)}
.primary,.secondary,.danger{border-radius:12px}.input,input[type=search],textarea,select{border-radius:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:1100px){.shell{padding:8px;gap:8px;grid-template-columns:50px 315px minmax(0,1fr)}.chat-header{padding:12px 16px}.settings-view{padding:24px}.message-area{padding:22px}.sidebar-header{padding-left:17px}.chat-filters{gap:5px}.chat-filters button{font-size:12px;padding:7px 10px}}
@media(max-width:850px){.shell{padding:4px;gap:4px;grid-template-columns:46px 285px minmax(0,1fr)}.sidebar,.conversation{border-radius:15px}.chat-item{padding:10px 8px;gap:10px}.message-bubble{max-width:93%}.settings-view{padding:18px}.chat-header{padding:10px}.sidebar-code{margin-left:10px;margin-right:10px;width:calc(100% - 20px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

body.dark .primary,body.dark .composer .send-button{color:#0b1220!important}
#chat-title{min-width:0}#chat-title h2,#chat-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer textarea{min-width:0}
@media(max-width:850px){.shell{grid-template-columns:46px 250px minmax(0,1fr)}.chat-header{gap:7px}.chat-header .icon-button{width:31px;height:38px}.chat-header .avatar{width:36px;height:36px}.chat-header h2{font-size:15px}.composer-wrap{padding:10px}.composer .icon-button{width:34px}.composer textarea{padding:11px;min-height:46px}.sidebar-eyebrow{font-size:9px}.chat-filters{gap:4px}.chat-filters button{padding:7px;font-size:11px}}

#privacy-lock-now{margin-bottom:10px}

.onboarding-aside h1 em{color:#2563eb}.dark .onboarding-aside{background:radial-gradient(ellipse at 40% 40%,#17345b,transparent 70%),#0c192a}.dark .onboarding-aside h1{color:#edf3ff}.dark .onboarding-aside h1 em{color:#9fc0ff}.dark .onboarding-aside p{color:#a1b2c9}.dark .onboarding-aside .brand{color:#edf3ff}