.identity-card{display:grid;grid-template-columns:55px minmax(0,1fr);column-gap:14px;row-gap:12px;padding:20px 21px 17px}
.identity-meta{min-width:0}
.identity-card .identity-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0}
.identity-card .identity-footer p{margin:0;font-size:10px;white-space:nowrap}
.profile-contact{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:6px 10px;border:1px solid #d6c4b5;border-radius:20px;background:#fffaf1a6;color:#785846;font-size:11px;white-space:nowrap;flex-shrink:0}
.profile-contact:before{content:'';position:absolute;inset:-5px 0}
.profile-contact>svg{width:15px;height:15px}
.profile-contact-dot{position:absolute;right:1px;top:0;width:7px;height:7px;background:var(--wine);border:1px solid #fff8ed;border-radius:50%}
.ticket-modal{height:min(740px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#faf8f5;min-height:0}
.ticket-heading{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:22px 62px 19px 20px;border-bottom:1px solid var(--line);background:#fffcf8}
.ticket-service-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--wine-light);color:var(--wine);border-radius:13px;flex-shrink:0}
.ticket-service-icon svg{width:22px;height:22px}
.ticket-heading h2{font-size:18px;font-weight:500}
.ticket-heading p{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.8;overflow-wrap:anywhere}
.ticket-preview-note{font-size:9px;line-height:1.8;color:#9b8b7d;text-align:center;padding:11px 12px;flex-shrink:0}
.ticket-list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;flex-shrink:0}
.ticket-list-toolbar h3{font-size:14px;font-weight:500}
.ticket-list-toolbar h3 span{font-size:11px;color:var(--muted);margin-left:5px}
.ticket-list-toolbar button{display:flex;align-items:center;gap:5px;font-size:12px;min-height:42px;color:var(--wine)}
.ticket-list-toolbar svg{width:15px;height:15px}
.ticket-list{overflow-y:auto;flex:1;min-height:0;padding:0 16px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ticket-list-item{display:block;width:100%;text-align:left;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff;margin-bottom:12px}
.ticket-list-item-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ticket-list-item-top strong{font-size:14px;font-weight:500}
.ticket-status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;background:#f5edde;color:#9c7740;white-space:nowrap;font-size:10px;flex-shrink:0}
.ticket-status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}
.ticket-status.closed{background:#edf0e9;color:var(--green)}
.ticket-list-item>p{font-size:12px;color:var(--muted);margin:11px 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ticket-list-item-bottom{display:flex;align-items:center;gap:9px;font-size:9px;color:#a29588}
.ticket-list-item-bottom time{margin-left:auto;font-size:10px}
.ticket-list-item-bottom svg{width:13px;height:13px}
.ticket-view-actions{display:flex;justify-content:space-between;align-items:center;padding:0 17px;gap:12px;border-bottom:1px solid var(--line);min-height:47px;flex-shrink:0;background:#fffcf8}
.ticket-view-actions button{min-height:45px;display:flex;align-items:center;gap:3px;font-size:11px;color:#8a6d5d}
.ticket-view-actions>span{font-size:10px;color:var(--muted)}
.ticket-back-icon{transform:rotate(180deg);width:14px;height:14px}
.ticket-new-form{display:flex;flex-direction:column;flex:1;min-height:0}
.ticket-form-fields{padding:22px 20px 16px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.ticket-field{display:block;font-size:12px;color:#66574b;margin-bottom:20px}
.ticket-field>small{font-size:10px;color:var(--muted);margin-left:5px}
.ticket-field select,.ticket-field textarea{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #e0d7cd;border-radius:7px;background:#fffcf8;color:var(--ink);font:16px var(--sans);min-height:46px}
.ticket-field textarea{line-height:1.7;min-height:150px;max-height:260px;resize:vertical}
.ticket-field textarea::placeholder{font-size:13px;color:#aa9b8e}
.ticket-form-hint{font-size:11px;line-height:1.9;color:var(--muted)}
.ticket-form-footer{padding:16px 20px 0;flex-shrink:0;background:#fffcf8;border-top:1px solid var(--line)}
.ticket-form-footer .primary-button{font-size:13px;min-height:46px}
.ticket-context{padding:15px 20px;border-bottom:1px solid var(--line);background:#f5f0e9;flex-shrink:0}
.ticket-context>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ticket-context strong{font-size:13px;font-weight:500}
.ticket-context p{font-size:10px;color:#988574;margin-top:9px;line-height:1.8;overflow-wrap:anywhere}
.ticket-context p svg{width:12px;height:12px;margin-right:3px}
.ticket-messages{flex:1;min-height:0;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:18px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ticket-system-message{font-size:10px;color:#a28f7d;text-align:center;line-height:1.9;padding:2px 12px}
.ticket-message{max-width:88%;align-self:flex-start}
.ticket-message.mine{align-self:flex-end}
.ticket-message-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:#a08d7a;margin-bottom:6px}
.ticket-message-meta time{font-size:9px}
.ticket-message.mine .ticket-message-meta{justify-content:flex-end}
.ticket-message>p{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;padding:11px 14px;border-radius:12px 12px 12px 3px;background:#fff;border:1px solid var(--line)}
.ticket-message.mine>p{background:var(--wine);color:#fff8f1;border-color:var(--wine);border-radius:12px 12px 3px 12px}
.ticket-composer{flex-shrink:0;padding:14px 16px 0;background:#fffcf8;border-top:1px solid var(--line)}
.ticket-composer>div{display:flex;gap:9px;align-items:flex-end}
.ticket-composer textarea{display:block;min-width:0;flex:1;min-height:48px;max-height:120px;resize:vertical;border:1px solid #e0d7cd;border-radius:8px;background:#faf7f2;color:var(--ink);font:16px var(--sans);line-height:1.6;padding:10px 12px}
.ticket-composer textarea::placeholder{font-size:12px;color:#ab9b8b}
.ticket-send{background:var(--wine);color:#fff9ee;border-radius:8px;width:56px;min-height:49px;flex-shrink:0;font-size:12px}
.ticket-closed-footer{font-size:11px;line-height:1.9;text-align:center;padding:14px 16px 0;border-top:1px solid var(--line);color:var(--green);background:#fffcf8;flex-shrink:0}
.ticket-closed-footer>svg{width:15px;height:15px;margin-right:4px}
@media(max-width:370px){.identity-card{grid-template-columns:48px minmax(0,1fr);column-gap:12px;row-gap:10px;padding:18px 16px 14px}.identity-card .profile-avatar{width:48px;height:48px}.identity-card h1{font-size:19px}.profile-contact{font-size:10px;min-height:32px;padding:6px 9px}.ticket-heading{padding-left:16px;gap:10px}.ticket-heading p{font-size:9px}.ticket-heading h2{font-size:17px}.ticket-service-icon{width:36px;height:36px}.ticket-form-fields{padding:18px 16px}.ticket-context{padding:13px 16px}.ticket-preview-note{font-size:8px}}