:root{--blue:#0879c9;--line:#9abbd8;--ink:#183954;--pale:#eaf5ff}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:12px;color:#172f45;background:linear-gradient(135deg,#d8eaf8,#f5f9fd 45%,#c8e2f8);min-height:100vh;padding:20px}.window{max-width:1240px;min-height:700px;margin:0 auto;background:#fff;border:1px solid #245d91;border-radius:7px 7px 3px 3px;overflow:hidden;box-shadow:0 10px 36px #173c5c55}.titlebar{height:31px;background:linear-gradient(#5eb5f3 0%,#1680d4 45%,#0866b8 100%);color:#fff;display:flex;align-items:center;gap:8px;padding:0 9px;font-weight:bold;text-shadow:0 1px #24558a}.title-icon{font-size:17px}.window-controls{margin-left:auto;display:flex;gap:3px}.window-controls b{font-size:12px;line-height:18px;text-align:center;width:23px;height:19px;border:1px solid #d8efff;border-radius:3px;background:linear-gradient(#b9e4ff,#398bd0)}.window-controls .close{background:linear-gradient(#ffb8a8,#e34b30)}.menubar{height:26px;display:flex;align-items:center;gap:22px;padding:0 12px;border-bottom:1px solid #d7e2eb;background:#fff}.menubar span:first-child:first-letter{text-decoration:underline}.identity{display:flex;align-items:center;gap:10px;padding:10px 13px;background:linear-gradient(#f9fcff,#e7f4ff);border-bottom:1px solid #c6dff2}.avatar{display:flex;align-items:center;justify-content:center;background:linear-gradient(#fff,#c9e8fb);border:1px solid #8bb6d8;color:#276fa5}.msn-avatar{width:48px;height:48px;font-size:28px}.identity-copy{flex:1;min-width:0}.identity-copy strong{font-size:15px;color:#175a91}.identity-copy div{color:#267b35;margin-top:4px}.identity-copy small{display:block;color:#6c8394;margin-top:3px}.button,.toolbar button,.identity button,.searchrow button,.compose-tools button,.composer button{font-family:Tahoma,Verdana,sans-serif;font-size:11px;cursor:pointer;color:#214c6d;border:1px solid #a4bfd5;border-radius:3px;background:linear-gradient(#fff,#e4f0fa);padding:7px 10px}.toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px 10px;background:linear-gradient(#f9fcff,#e6f3ff);border-bottom:1px solid #bfd7e8}.toolbar button{min-width:105px;text-align:left}.toolbar button span{font-size:17px;vertical-align:middle;margin-right:5px}.toolbar button:hover,button:hover{border-color:#6da4ce;filter:brightness(.98)}.conversation-heading{display:flex;align-items:center;gap:10px;padding:10px 13px;background:linear-gradient(#fff,#edf7ff);border-bottom:1px solid #cbdfea}.contact-avatar{width:38px;height:38px;font-size:23px}.conversation-heading strong{font-size:14px;color:#185d95}.conversation-heading #chatStatus{margin-top:4px;color:#657f91;font-size:11px}.main-grid{display:grid;grid-template-columns:235px minmax(300px,1fr) 155px;min-height:480px}.contact-pane{background:#f2f8fd;border-right:1px solid #bfd6e8;min-width:0}.pane-title{font-weight:bold;color:#276b9e;background:linear-gradient(#f9fdff,#dceefa);padding:9px 10px;border-bottom:1px solid #c4dcec}.searchrow{display:flex;gap:4px;padding:9px}.searchrow input{min-width:0;width:100%;padding:7px;border:1px solid #a9c4d8;font:12px Tahoma}.searchrow button{padding:6px}.results,.contacts{padding:5px}.result,.contact{display:flex;gap:8px;align-items:center;padding:8px 7px;cursor:pointer;border:1px solid transparent;overflow-wrap:anywhere}.result:hover,.contact:hover,.contact.selected{background:#d9efff;border-color:#b5d9f2}.dot{width:9px;height:9px;border-radius:50%;background:#a0adb6;border:1px solid white;box-shadow:0 0 0 1px #b8c9d5;flex-shrink:0}.dot.online{background:#36ad51}.contact-name{font-weight:bold;color:#234d6c}.contact-status,.muted{font-size:10px;color:#748b9c;margin-top:3px}.empty{color:#7890a0;padding:10px;line-height:1.5}.conversation{display:flex;flex-direction:column;min-width:0;background:#fff;border-right:1px solid #bfd6e8}.transcript-label{height:28px;padding:8px 10px;background:#fbfdff;border-bottom:1px solid #e1eaf1;color:#64829a;font-size:11px}.messages{flex:1;min-height:380px;max-height:calc(100vh - 400px);overflow:auto;padding:16px 17px;background:#fff}.welcome{text-align:center;margin:65px auto;max-width:330px;color:#688399}.welcome-icon{font-size:46px;color:#60a5d5}.welcome h2{font-size:17px;color:#2874ad}.bubble-row{margin-bottom:12px}.bubble-meta{font-size:10px;color:#71889a;margin:0 0 4px}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;color:#1b3446}.bubble-row.mine .bubble{color:#17568b}.compose-tools{display:flex;align-items:center;gap:6px;padding:7px 9px;background:#f4f9fd;border-top:1px solid #d0e2ef}.compose-tools button{padding:5px 8px}.compose-hint{margin-left:auto;color:#7b91a2;font-size:10px}.composer{display:flex;gap:8px;padding:8px;background:#f4f9fd}.composer textarea{resize:vertical;min-height:68px;max-height:150px;flex:1;padding:9px;border:1px solid #9ebbd1;font:12px Tahoma;outline-color:#4e9bd5}.composer button{min-width:85px;font-weight:bold}.foot{text-align:right;color:#8aa0af;font-size:9px;padding:0 10px 8px}.picture-pane{background:#f7fbfe}.picture-frame{padding:14px 12px 6px}.big-picture{height:112px;display:flex;align-items:center;justify-content:center;font-size:65px;color:#2a7bb4;border:1px solid #aac8df;background:linear-gradient(#fff,#d9efff)}.picture-caption{text-align:center;padding:6px 8px 16px;color:#698499;overflow-wrap:anywhere}.side-note{padding:0 11px;color:#71899b;line-height:1.5}.emoji-picker{position:fixed;bottom:100px;left:260px;display:grid;grid-template-columns:repeat(6,38px);gap:3px;padding:7px;background:#fff;border:1px solid #7ba9cb;box-shadow:0 4px 18px #173c5c44}.emoji-picker button{font-size:19px;padding:5px;border:1px solid #d3e3ee;background:#f7fbff;cursor:pointer}.hidden{display:none!important}.toast{position:fixed;right:20px;bottom:20px;background:#155b8f;color:white;padding:12px 16px;border:1px solid #9bc9e9;box-shadow:0 4px 18px #0003;display:none;max-width:350px}.toast.show{display:block}.buzzing{animation:buzz .12s linear 6}@keyframes buzz{0%{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-3px,-1px)}100%{transform:translate(0)}}
@media(max-width:850px){body{padding:0}.window{border-radius:0;min-height:100vh}.main-grid{grid-template-columns:190px minmax(250px,1fr)}.picture-pane{display:none}.toolbar button{min-width:90px}.messages{max-height:none}}@media(max-width:600px){.main-grid{grid-template-columns:1fr}.contact-pane{border-right:0;border-bottom:1px solid #bfd6e8}.contacts{max-height:130px;overflow:auto}.conversation{border-right:0}.messages{min-height:260px}.compose-hint{display:none}.identity button{padding:6px}}

/* Herstel van de klassieke loginpagina */
body.loginbody {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    min-height: 100vh;
    font: 14px "Segoe UI", Tahoma, sans-serif;
}
.login-card {
    width: 100%;
    max-width: 430px;
    background: #fff;
    border: 1px solid #a9cce5;
    border-radius: 9px;
    overflow: hidden;
    box-shadow: 0 12px 35px #366d9722;
}
.login-logo {
    text-align: center;
    padding: 27px 24px 20px;
    background: linear-gradient(#6ac3f5, #247fbd);
    color: white;
}
.login-logo .butterfly { font-size: 37px; }
.login-logo h1 { margin: 4px 0; font-size: 26px; }
.login-logo p { margin: 6px 0 0; font-size: 13px; }
.tabs {
    display: flex;
    border-bottom: 1px solid #d5e5f0;
}
.tabs .tab {
    flex: 1;
    border: 0;
    border-radius: 0;
    padding: 13px;
}
.tabs .tab.active {
    background: #fff;
    border-bottom: 3px solid #2786c6;
    font-weight: 700;
}
.login-card form { padding: 22px 25px; }
.login-card label {
    display: block;
    font-weight: 600;
    margin: 12px 0 6px;
}
.login-card input {
    display: block;
    width: 100%;
    padding: 11px;
    border: 1px solid #b6cfe2;
    border-radius: 4px;
    font: inherit;
}
.login-card .primary {
    width: 100%;
    margin-top: 10px;
    padding: 11px;
    background: linear-gradient(#59b5ef, #2176b7);
    border-color: #1767a5;
    color: white;
    font-weight: 700;
}
.login-card .error {
    color: #b32b2b;
    font-size: 12px;
    margin-top: 12px;
    min-height: 16px;
}
.login-card .legal {
    border-top: 1px solid #e0edf5;
    margin: 0;
    padding: 14px 25px 18px;
    font-size: 11px;
    color: #80909d;
}
@media (max-width: 500px) {
    body.loginbody { padding: 12px; }
    .login-card form { padding: 18px; }
}

/* Lokaal Messenger-logo */
.msn-real-logo {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: contain;
}
.login-logo .butterfly {
    width: 52px !important;
    height: 48px !important;
    font-size: 0 !important;
    line-height: normal !important;
}
.title-icon img {
    display: block;
    width: 22px;
    height: 22px;
    object-fit: contain;
}

/* MSN_XP_CHAT_STYLE_V2 */
:root {
    --xp-blue: #0054e3;
    --xp-blue-light: #4b91ff;
    --xp-border: #7da2ce;
    --xp-panel: #eaf3fc;
    --xp-text: #172b45;
}

body.msn-body {
    margin: 0;
    padding: 24px;
    min-height: 100vh;
    box-sizing: border-box;
    background: linear-gradient(180deg, #6ba8e8 0%, #c9e3fa 42%, #eaf4ff 100%);
    color: var(--xp-text);
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
}

.msn-body * {
    box-sizing: border-box;
}

.msn-body .window {
    width: min(1120px, 100%);
    min-height: 650px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    border: 1px solid #245a9c;
    border-radius: 7px 7px 3px 3px;
    box-shadow: 0 8px 28px #17477855;
}

.msn-body .titlebar {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 5px 9px;
    color: white;
    font-weight: bold;
    background: linear-gradient(180deg, #78baff 0%, #2677df 48%, #0754b8 100%);
    border-bottom: 1px solid #174d91;
    text-shadow: 0 1px 1px #174778;
}

.msn-body .title-icon {
    font-size: 17px;
}

.msn-body .window-controls {
    display: flex;
    gap: 3px;
    margin-left: auto;
}

.msn-body .window-controls b {
    display: inline-flex;
    width: 22px;
    height: 20px;
    align-items: center;
    justify-content: center;
    color: white;
    background: linear-gradient(#e5f3ff, #5599e7);
    border: 1px solid white;
    border-radius: 3px;
    font-size: 13px;
    text-shadow: none;
}

.msn-body .window-controls b.close {
    background: linear-gradient(#ffb9a8, #d83c28);
}

.msn-body .menubar {
    display: flex;
    gap: 0;
    padding: 6px 10px;
    background: linear-gradient(#fff, #f1f6fc);
    border-bottom: 1px solid #d0ddeb;
}

.msn-body .menubar span {
    padding: 2px 10px;
    cursor: default;
}

.msn-body .menubar span:hover {
    background: #dcecff;
    outline: 1px solid #b5d1f2;
}

.msn-body .identity {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    background: linear-gradient(110deg, #f5faff, #dcecff);
    border-bottom: 1px solid #b7cee8;
}

.msn-body .avatar {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: #2462a4;
    background: linear-gradient(145deg, #fff, #c9e4ff);
    border: 1px solid #9ab9dd;
    border-radius: 4px;
}

.msn-body .msn-avatar {
    width: 48px;
    height: 48px;
    font-size: 28px;
}

.msn-body .identity-copy {
    flex: 1;
    min-width: 0;
}

.msn-body .identity-copy strong {
    display: block;
    margin-bottom: 4px;
    color: #174c86;
    font-size: 15px;
}

.msn-body .identity-copy small {
    color: #637b96;
}

.msn-body button {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    cursor: pointer;
}

.msn-body button:not(:disabled) {
    transition: filter .12s ease;
}

.msn-body button:not(:disabled):hover {
    filter: brightness(1.05);
}

.msn-body .identity button,
.msn-body .toolbar button,
.msn-body .searchrow button,
.msn-body .compose-tools button,
.msn-body .composer button {
    padding: 6px 10px;
    color: #173d68;
    background: linear-gradient(#fff, #e1edfa);
    border: 1px solid #9cb8d7;
    border-radius: 3px;
    box-shadow: inset 0 1px #fff;
}

.msn-body .toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 9px 12px;
    background: linear-gradient(#f8fbff, #e5effa);
    border-bottom: 1px solid #c3d5e9;
}

.msn-body .toolbar button {
    min-height: 34px;
}

.msn-body .toolbar button span {
    margin-right: 4px;
}

.msn-body .conversation-heading {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 15px;
    background: linear-gradient(90deg, #fff, #edf6ff);
    border-bottom: 1px solid #c7d9eb;
}

.msn-body .contact-avatar {
    width: 44px;
    height: 44px;
    font-size: 25px;
}

.msn-body .conversation-heading strong {
    display: block;
    color: #17559a;
    font-size: 15px;
    margin-bottom: 4px;
}

.msn-body #chatStatus {
    color: #657e98;
}

.msn-body .main-grid {
    display: grid;
    grid-template-columns: 220px minmax(300px, 1fr) 170px;
    min-height: 420px;
    background: white;
}

.msn-body .contact-pane,
.msn-body .picture-pane {
    min-width: 0;
    padding: 10px;
    background: #f1f7fd;
}

.msn-body .contact-pane {
    border-right: 1px solid #c3d7eb;
}

.msn-body .picture-pane {
    border-left: 1px solid #c3d7eb;
}

.msn-body .pane-title {
    margin: 0 0 8px;
    padding: 7px 8px;
    color: #245687;
    font-weight: bold;
    background: linear-gradient(#fff, #e0edfa);
    border: 1px solid #c4d9ef;
    border-radius: 3px;
}

.msn-body .searchrow {
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
}

.msn-body .searchrow input {
    width: 100%;
    min-width: 0;
    padding: 7px;
    border: 1px solid #9fb9d4;
    border-radius: 2px;
    background: white;
    outline-color: #4b91e2;
}

.msn-body .results,
.msn-body .contacts {
    min-height: 38px;
    margin-bottom: 14px;
}

.msn-body .result,
.msn-body .contact {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 6px;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.msn-body .result:hover,
.msn-body .contact:hover,
.msn-body .contact.selected {
    background: #dcecff;
    border-color: #b3d0f1;
}

.msn-body .dot {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #a0a9b3;
    border: 1px solid #858e98;
}

.msn-body .dot.online {
    background: #46ba47;
    border-color: #238b2c;
    box-shadow: 0 0 2px #46ba47;
}

.msn-body .contact-name {
    font-weight: bold;
    color: #244d77;
}

.msn-body .muted,
.msn-body .contact-status {
    color: #75879a;
    font-size: 11px;
}

.msn-body .conversation {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 10px 12px;
    background: #fff;
}

.msn-body .transcript-label {
    padding: 4px 2px 9px;
    color: #637b94;
    border-bottom: 1px solid #e1e8f0;
}

.msn-body .messages {
    flex: 1;
    min-height: 260px;
    max-height: 430px;
    overflow-y: auto;
    padding: 12px 5px;
    background: #fff;
}

.msn-body .welcome {
    padding: 32px 12px;
    color: #6c8198;
    text-align: center;
}

.msn-body .welcome-icon {
    color: #3987d7;
    font-size: 38px;
}

.msn-body .welcome h2 {
    color: #2869a8;
    font-size: 18px;
}

.msn-body .bubble-row {
    margin: 0 0 14px;
}

.msn-body .bubble-meta {
    margin: 0 0 4px;
    color: #7a8da2;
    font-size: 11px;
}

.msn-body .bubble {
    display: inline-block;
    max-width: 90%;
    padding: 9px 12px;
    color: #263b51;
    background: #edf5ff;
    border: 1px solid #d2e3f5;
    border-radius: 3px 10px 10px 10px;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.msn-body .bubble-row.mine {
    text-align: right;
}

.msn-body .bubble-row.mine .bubble {
    color: #174779;
    background: #e0efff;
    border-color: #bdd8f6;
    border-radius: 10px 3px 10px 10px;
    text-align: left;
}

.msn-body .compose-tools {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px 0;
    border-top: 1px solid #d8e4f0;
}

.msn-body .compose-hint {
    margin-left: auto;
    color: #8999aa;
    font-size: 10px;
}

.msn-body .composer {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.msn-body .composer textarea {
    flex: 1;
    min-width: 0;
    min-height: 70px;
    resize: vertical;
    padding: 10px;
    color: #233d57;
    font: 12px Tahoma, Verdana, Arial, sans-serif;
    border: 1px solid #9fb9d4;
    border-radius: 3px;
    outline-color: #4b91e2;
}

.msn-body .composer button {
    min-width: 88px;
    align-self: flex-end;
    min-height: 34px;
}

.msn-body button:disabled,
.msn-body textarea:disabled {
    cursor: not-allowed;
    opacity: .55;
}

.msn-body .foot {
    padding: 9px 0 0;
    color: #9aa8b6;
    font-size: 10px;
}

.msn-body .picture-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 140px;
    padding: 8px;
    background: white;
    border: 1px solid #c4d9ef;
}

.msn-body .big-picture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 112px;
    height: 112px;
    color: #3a7fc0;
    background: linear-gradient(145deg, #fff, #d8ebff);
    border: 1px solid #b6cfe8;
    border-radius: 4px;
    font-size: 48px;
}

.msn-body .picture-caption {
    padding: 8px 0 15px;
    color: #5e7894;
    text-align: center;
    overflow-wrap: anywhere;
}

.msn-body .side-note {
    color: #6d8298;
    line-height: 1.6;
}

.msn-body .toast {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1000;
    max-width: 320px;
    padding: 12px 16px;
    color: #183c61;
    background: #f3f9ff;
    border: 1px solid #8fb5de;
    border-radius: 4px;
    box-shadow: 0 4px 16px #17477833;
}

.msn-body .emoji-picker {
    position: fixed;
    z-index: 1001;
    bottom: 110px;
    left: max(20px, calc(50% - 180px));
    display: grid;
    grid-template-columns: repeat(6, 38px);
    gap: 4px;
    padding: 8px;
    background: #f4f9ff;
    border: 1px solid #8eafd2;
    border-radius: 4px;
    box-shadow: 0 5px 18px #173e6633;
}

.msn-body .emoji-picker.hidden {
    display: none;
}

.msn-body .emoji-picker button {
    padding: 5px;
    background: white;
    border: 1px solid #d0dfef;
    border-radius: 3px;
    font-size: 18px;
}

.msn-body .window.buzzing {
    animation: msn-buzz .12s linear 4;
}

@keyframes msn-buzz {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-4px); }
    75% { transform: translateX(4px); }
}

@media (max-width: 900px) {
    body.msn-body { padding: 8px; }
    .msn-body .main-grid { grid-template-columns: 190px minmax(0, 1fr); }
    .msn-body .picture-pane { display: none; }
}

@media (max-width: 600px) {
    .msn-body .main-grid { grid-template-columns: 1fr; }
    .msn-body .contact-pane { border-right: 0; border-bottom: 1px solid #c3d7eb; }
    .msn-body .contacts { max-height: 130px; overflow: auto; }
    .msn-body .identity { flex-wrap: wrap; }
    .msn-body .identity-copy { min-width: 120px; }
    .msn-body .toolbar button { flex: 1 1 42%; }
    .msn-body .compose-hint { display: none; }
    .msn-body .composer textarea { min-height: 85px; }
}

/* MSN_XP_LAYOUT_REFINEMENT_V1 */
@media (min-width: 901px) {
    .msn-body .main-grid {
        grid-template-columns: 205px minmax(360px, 1fr) 145px;
    }

    .msn-body .contact-pane,
    .msn-body .picture-pane {
        padding: 9px;
    }

    .msn-body .conversation {
        padding: 9px 12px;
    }

    .msn-body .messages {
        min-height: 300px;
        max-height: 460px;
        padding: 14px 8px;
    }

    .msn-body .picture-frame {
        min-height: 125px;
        padding: 6px;
    }

    .msn-body .big-picture {
        width: 100px;
        height: 100px;
    }
}

.msn-body .toolbar {
    gap: 4px;
    padding: 7px 10px;
}

.msn-body .toolbar button {
    min-height: 32px;
    padding: 5px 9px;
    border-radius: 2px;
    box-shadow: inset 0 1px #fff;
}

.msn-body .compose-tools {
    gap: 5px;
    padding: 7px 0;
}

.msn-body .compose-tools button {
    padding: 5px 9px;
    border-radius: 2px;
}

.msn-body .composer textarea {
    border-radius: 2px;
    background: #fff;
}

.msn-body .composer button {
    border-radius: 2px;
}

.msn-body .pane-title {
    border-radius: 2px;
}

.msn-body .result,
.msn-body .contact {
    border-radius: 2px;
}


/* MSN_XP_DEFAULT_USER_AVATAR */
.msn-body #avatar,
.msn-body #chatAvatar,
.msn-body #bigPicture {
    background-image: url("/xp-user.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: transparent !important;
}

.msn-body #avatar,
.msn-body #chatAvatar {
    background-color: #e6f2ff;
}

.msn-body #bigPicture {
    background-color: #e6f2ff;
    background-size: 100% 100%;
}

.msn-body .xp-user-icon {
    display: block;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    background: url("/xp-user.svg") center / contain no-repeat;
}

.msn-body .contact {
    gap: 7px;
}



/* Contactverzoeken */
.result { gap: 7px; }
.result-copy { min-width: 0; flex: 1; }
.request-action, .request-accept, .request-decline {
  font: inherit;
  font-size: 11px;
  padding: 4px 7px;
  border: 1px solid #8b9eb5;
  border-radius: 3px;
  background: linear-gradient(#fff, #e4ebf4);
  color: #17365d;
  cursor: pointer;
  white-space: nowrap;
}
.request-action:disabled, .request-accept:disabled, .request-decline:disabled {
  cursor: default;
  opacity: .65;
}
.contact-requests { max-height: 150px; overflow-y: auto; }
.request-row { padding: 7px 6px; border-bottom: 1px solid #d7e0eb; }
.request-copy { display: flex; flex-wrap: wrap; gap: 5px; align-items: baseline; margin-bottom: 5px; }
.request-buttons { display: flex; gap: 5px; }
.request-accept { background: linear-gradient(#f7fff2,#dcefd1); }
.request-decline { background: linear-gradient(#fff,#f2e2e2); }
@media (max-width: 700px) {
  .result { flex-wrap: wrap; }
  .request-action { margin-left: 28px; }
}