.phone-companion .phone-nav:has([data-phone-contacts]){grid-template-columns:repeat(6,1fr)}
.phone-companion .phone-nav [data-phone-contacts]{min-width:0}
.phone-contacts-layer{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;background:#d4d0c8;color:#111;font-family:Tahoma,Arial,sans-serif;overflow:hidden}
.phone-contacts-layer[hidden]{display:none!important}
.phone-contacts-layer button,.phone-contacts-layer input,.phone-contacts-layer a{font-family:Tahoma,Arial,sans-serif}
.pc-title{flex:0 0 auto;padding:7px 8px 6px;border-bottom:2px solid #808080;background:#000080;color:#fff}
.pc-title b,.pc-title span{display:block}.pc-title b{font-size:10px;letter-spacing:.03em}.pc-title span{margin-top:2px;font-size:7px;color:#d7e4ff}
.pc-directory{flex:1 1 auto;min-height:0;overflow:auto;background:#fff;border:2px inset #d4d0c8;padding:2px}
.pc-contact{width:100%;min-height:43px;display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:6px;align-items:center;border:0;border-bottom:1px solid #d7d7d7;background:#fff;color:#111;text-align:left;padding:5px 6px;cursor:pointer}
.pc-contact:hover,.pc-contact:focus-visible{background:#000080;color:#fff;outline:0}.pc-contact:hover small,.pc-contact:hover .pc-state,.pc-contact:focus-visible small,.pc-contact:focus-visible .pc-state{color:#e6ecff}
.pc-contact.locked{background:#efefef;color:#6f6f6f}.pc-contact.luka .pc-state{color:#8b0000}
.pc-dot{width:7px;height:7px;border-radius:50%;background:#1e9d35;border:1px solid #084f13}.pc-contact.locked .pc-dot{background:#888;border-color:#555}.pc-contact.luka .pc-dot{background:#9d1e1e;border-color:#4f0808}
.pc-person{min-width:0}.pc-person b,.pc-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-person b{font-size:9px}.pc-person small{margin-top:2px;font-size:7px;color:#5b5b5b}
.pc-state{font-size:6.5px;font-weight:800;color:#3d3d3d;text-align:right;max-width:80px}
.pc-footer{flex:0 0 22px;display:flex;justify-content:space-between;align-items:center;padding:0 6px;border-top:1px solid #fff;background:#d4d0c8;color:#333;font-size:6px}
.pc-chat-head{flex:0 0 46px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center;padding:4px 5px;border-bottom:2px solid #808080;background:#d4d0c8}
.pc-chat-head>button{min-height:27px;border:2px outset #d4d0c8;background:#d4d0c8;padding:3px 5px;font-size:7px;font-weight:800;color:#111;cursor:pointer}.pc-chat-head>button:active{border-style:inset}
.pc-chat-head div{min-width:0}.pc-chat-head div b,.pc-chat-head div span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-chat-head div b{font-size:9px}.pc-chat-head div span{font-size:6.5px;color:#555;margin-top:2px}
.pc-messages{flex:1 1 auto;min-height:0;overflow:auto;padding:6px;background:#fff;border:2px inset #d4d0c8}
.pc-message{margin:0 0 6px;max-width:88%}.pc-message.mine{margin-left:auto}.pc-message small{display:block;margin:0 0 2px;font-size:6px;font-weight:900;color:#555}.pc-message.mine small{text-align:right}.pc-message p{margin:0;border:1px solid #777;background:#f4f4f4;padding:5px 6px;font:8.5px/1.35 Tahoma,Arial,sans-serif;box-shadow:1px 1px 0 #d0d0d0}.pc-message.mine p{background:#fff2a8;border-color:#958115}
.pc-typing p{font-style:italic;color:#555}.pc-typing p span:after{content:'...';animation:pcDots 1s steps(4,end) infinite}@keyframes pcDots{0%{content:''}25%{content:'.'}50%{content:'..'}75%,100%{content:'...'}}
.pc-cursor{display:inline-block;width:5px;height:10px;margin-left:2px;vertical-align:-1px;background:#111;animation:pcBlink .65s steps(1,end) infinite}@keyframes pcBlink{50%{opacity:0}}
.pc-compose{flex:0 0 39px;display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:4px;padding:5px;border-top:1px solid #fff;background:#d4d0c8}.pc-compose input{min-width:0;border:2px inset #d4d0c8;background:#fff;padding:4px 5px;font-size:8px}.pc-compose button{border:2px outset #d4d0c8;background:#d4d0c8;font-size:7px;font-weight:900;cursor:pointer}.pc-compose button:active{border-style:inset}
.pc-empty,.pc-signin,.pc-unavailable{margin:auto;padding:18px 12px;text-align:center;font-size:8px;line-height:1.45;color:#444}.pc-signin b,.pc-unavailable b{display:block;color:#111;font-size:9px}.pc-signin p,.pc-unavailable p{margin:7px 0}.pc-signin a{display:inline-block;border:2px outset #d4d0c8;background:#d4d0c8;color:#111;text-decoration:none;padding:6px 8px;font-size:7px;font-weight:900}.pc-big-avatar{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 8px;border:2px inset #d4d0c8;background:#000080;color:#fff;font-size:16px;font-weight:900}
@media(max-width:380px){.phone-companion .phone-nav button{font-size:6px}.pc-state{max-width:65px;font-size:6px}}