:root{--ref-navy:#082b4a;--ref-deep:#06223d;--ref-blue:#098bed;--ref-line:#dce6ee}
.ref-drawer-scrim{position:fixed;inset:0;background:#031523a8;z-index:110;opacity:0;pointer-events:none;transition:opacity .22s}.ref-drawer-scrim.open{opacity:1;pointer-events:auto}
.ref-drawer{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(84vw,380px)!important;height:100dvh!important;max-height:none!important;z-index:111!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:linear-gradient(165deg,#0d3455,#082744 70%,#06223d)!important;color:white!important;box-shadow:12px 0 35px #00152655;transform:translateX(-105%);transition:transform .25s ease;border:0!important;border-radius:0 22px 22px 0!important}.ref-drawer.open{transform:translateX(0)}
.ref-drawer button{color:inherit}.ref-drawer-hero{background:linear-gradient(90deg,#092a4aee,#0730518c),url('./splash-ocean.png') center 43%/cover;min-height:190px;padding:30px 23px 18px}.ref-drawer-logo{display:flex;align-items:flex-start;justify-content:space-between}.ref-drawer-logo>button{border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer}.ref-brandline{font-size:9px;line-height:1.13;letter-spacing:.07em;border-left:1px solid #91b5d0;padding-left:9px;margin-left:8px}.ref-wordmark{display:inline-flex;position:relative;padding-bottom:9px}.ref-wordmark b{font-size:30px;letter-spacing:-.08em;line-height:1;color:white;font-weight:900;font-style:italic}.ref-wordmark b span{color:#1ac2fa}.ref-wave{position:absolute;left:8px;right:4px;bottom:2px;height:7px;border-top:3px solid #1ac2fa;border-radius:70% 30% 80% 20%;transform:skewY(-6deg)}.ref-drawer-logo .ref-wordmark{vertical-align:top}.ref-drawer-slogan{font-size:12px;line-height:1.35;letter-spacing:.13em;margin-top:24px;color:#d6ebfa}.ref-profile-link{display:flex;align-items:center;gap:12px;width:100%;padding:15px 20px;text-align:left;background:#0a2b4a;border:0;border-bottom:1px solid #ffffff2a;cursor:pointer;flex-shrink:0}.ref-profile-link .avatar{width:56px;height:56px;flex:none;border:2px solid #c0e9ff}.ref-profile-info{display:grid;gap:3px;min-width:0;flex:1}.ref-profile-info strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-profile-info small{font-size:11px;color:#c0cfdc}.ref-online{display:flex;gap:5px;align-items:center}.ref-online i{width:9px;height:9px;border-radius:50%;background:#2ad373}.ref-chevron{font-size:25px;font-weight:200;color:#d1e9f9}.ref-menu-list{overflow-y:auto;flex:1;padding:4px 17px;scrollbar-width:thin}.ref-menu-item{width:100%;height:47px;display:flex;align-items:center;gap:14px;background:transparent;border:0;border-bottom:1px solid #ffffff1d;text-align:left;font-size:14px;cursor:pointer}.ref-menu-item.active,.ref-menu-item:hover{color:#69cfff;background:#ffffff0b}.ref-menu-item svg{flex:none;width:21px}.ref-menu-item span:nth-child(2){flex:1}.ref-menu-item .ref-chevron{font-size:20px}.ref-drawer-footer{position:relative;flex:none;min-height:87px;margin:7px 13px 18px;padding:15px 14px;background:linear-gradient(90deg,#0b4b76aa,#082944b3),url('./splash-ocean.png') center/cover;border-radius:15px;display:grid;align-content:center;text-align:center;gap:4px;letter-spacing:.08em;overflow:hidden}.ref-drawer-footer strong{font-size:12px}.ref-drawer-footer small{font-size:9px}.ref-drawer-footer .ref-wave{left:10px;right:10px;bottom:8px}
.ref-mobile-top{background:var(--ref-navy)!important;color:white!important;box-shadow:none!important}.ref-mobile-top .icon-btn{color:white!important}.ref-top-brand{display:flex;align-items:center;min-width:0}.ref-top-brand .ref-wordmark b{font-size:27px}.ref-mobile-bottom{background:var(--ref-navy)!important;color:#b8c9db!important}.ref-mobile-bottom button{display:grid;place-items:center;gap:2px;color:#c1ccda!important}.ref-mobile-bottom button.active{color:#16a6f7!important}.ref-mobile-bottom svg{height:22px}
.ref-column-head h2{color:#0b2947}.ref-chat-list .chat-item{border-bottom:1px solid #ebeff3}.ref-chat-list .avatar{width:50px;height:50px}.ref-page{background:#f4f7f9;min-height:100%}.ref-sea-hero{min-height:128px;background:linear-gradient(90deg,#062c4be8,#0530518a),url('./splash-ocean.png') center/cover;color:white;padding:28px 25px 30px}.ref-sea-hero h1{color:white;font-size:30px;margin:0}.ref-sea-hero p{margin:8px 0 0;color:#dceefa}.ref-profile-content,.ref-status-form{background:#fff;border-radius:19px 19px 0 0;margin:-12px 10px 0;padding:16px 14px 24px;position:relative}.ref-status-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:18px;border-bottom:1px solid #e4ebef}.ref-status-tile{border:1px solid transparent;border-radius:10px;display:grid;justify-items:center;align-content:center;gap:7px;min-height:88px;padding:7px 3px;font-size:12px;text-align:center;cursor:pointer;color:#111c2a}.ref-status-tile span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#2eb753;color:#fff;font-size:24px}.ref-status-tile.ready{background:#eaf9ef}.ref-status-tile.ready.selected{border-color:#36b36a}.ref-status-tile.leave{background:#fff8e8}.ref-status-tile.leave.selected{border-color:#eda713}.ref-status-tile.leave span{background:#f8b312}.ref-status-tile.onboard{background:#ffedf0}.ref-status-tile.onboard.selected{border-color:#df3651}.ref-status-tile.onboard span{background:#d6324c}.ref-status-tile input{position:absolute;opacity:0;pointer-events:none}.ref-profile-identity{display:flex;align-items:center;gap:18px;padding:22px 3px;border-bottom:1px solid #e3ebf0}.ref-profile-identity .avatar{height:116px;width:116px;flex:none;border-radius:50%}.ref-profile-identity h2{font-size:24px;color:#0a2744;margin:0 0 4px}.ref-profile-identity b{font-size:17px}.ref-profile-identity small,.ref-verified{display:block;margin-top:7px}.ref-verified{color:#0e85d7}.ref-profile-facts>div{display:flex;align-items:center;gap:20px;padding:13px 5px;border-bottom:1px solid #e3ebf0}.ref-profile-facts>div>span{color:var(--ref-navy);width:26px;font-size:22px}.ref-profile-facts section{display:grid;gap:3px}.ref-profile-facts small{color:#586677}.ref-profile-facts strong{color:#112f4a}.ref-profile-actions{display:flex;gap:9px;margin:18px 0}.ref-profile-actions button{flex:1;background:#f9fbff;border:1px solid #dce5ee;border-radius:11px;padding:13px 7px;color:#0b2b47;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.ref-profile-actions svg{color:#067bdd}.ref-edit{width:100%}.ref-status-form{display:grid;gap:17px}.ref-status-form>label{display:grid;gap:9px;font-weight:600;color:#132a43}.ref-status-form input,.ref-status-form select{width:100%;background:#fff;border:1px solid #dce5ee;border-radius:8px;padding:12px;color:#1a2b3d;font-weight:400}.ref-inline{display:flex;gap:8px}.ref-inline select{max-width:112px}.ref-module-empty{margin:15px;background:#fff;padding:40px 20px;text-align:center;border-radius:15px;color:#26445e}.ref-module-empty svg{color:#078de5}
.candidate .avatar{overflow:hidden}.candidate .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.candidate{border-radius:13px;border:1px solid #e5edf3;background:#fff}.candidate button{cursor:pointer}.vacancy-card img{object-fit:cover}
@media(min-width:760px){.ref-drawer{width:365px!important}.ref-profile-content,.ref-status-form{max-width:700px;margin:-12px auto 0}.ref-page .ref-sea-hero{padding-left:max(25px,calc((100% - 710px)/2))}}
@media(max-width:420px){.ref-mobile-top .ref-top-brand .ref-brandline{display:none}.ref-mobile-top .ref-wordmark b{font-size:25px}.ref-profile-identity .avatar{height:90px;width:90px}.ref-profile-identity h2{font-size:20px}.ref-drawer-hero{min-height:155px;padding-top:21px}.ref-drawer-slogan{margin-top:16px}}
.ref-group-modal{max-width:480px;width:calc(100vw - 24px);max-height:92dvh;overflow-y:auto}.ref-group-contacts{max-height:310px;overflow:auto;border:1px solid #dbe5ef;border-radius:10px}.ref-group-contact{display:flex!important;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #ecf1f5;cursor:pointer}.ref-group-contact[hidden]{display:none!important}.ref-group-contact input{width:18px;flex:none}.ref-group-contact>span:last-child{display:grid;gap:2px}.ref-group-contact small{color:#67798b}.ref-initials{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#cfe8fa;color:#0a4f82;font-weight:bold}.ref-online-button{border:0;background:#e5f7ed;cursor:pointer;border-radius:9px;padding:9px 12px;color:#17653b}.ref-online-modal{display:flex;align-items:center;justify-content:center;z-index:500}.ref-online-modal .permission-modal{position:relative;background:white;width:min(550px,calc(100vw - 25px));max-height:85dvh;overflow:auto}.ref-online-close{float:right;background:transparent;border:0;font-size:29px;cursor:pointer}.ref-online-list{max-height:65dvh;overflow:auto}.ref-online-list>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px;border-bottom:1px solid #e4eaf0}.ref-online-list small{grid-column:1/-1;color:#536e83}
.directory-page .candidate-list{display:grid;gap:10px;margin-top:13px}.directory-page .candidate{display:flex;align-items:center;gap:10px;padding:12px}.directory-page .candidate .avatar{width:56px;height:56px;flex:none;border-radius:50%;background:#cfe8fa}.directory-page .candidate-copy{min-width:0;flex:1}.directory-page .candidate-copy strong{color:#153a59}.directory-page .candidate-actions{display:flex;flex-direction:column;gap:6px}.directory-page .candidate-actions .btn{min-width:110px;padding:8px}.directory-filters{border:1px solid #e2ebf3;border-radius:14px;background:#fff}.directory-page .stats .stat{border-radius:12px}.directory-page .stat.green{background:#e8f9ef}.directory-page .stat.yellow{background:#fff7db}.directory-page .stat.red{background:#ffe8ec}
.vacancy-page .page-head{background:var(--ref-navy);color:white;border-radius:16px 16px 0 0;padding:20px}.vacancy-page .page-head h1{color:white}.vacancy-page .page-head p{color:#d6e6f2}.vacancy-page .vacancy-list{display:grid;gap:12px}.vacancy-page .vacancy-card{background:#fff;border:1px solid #dce5ee;border-radius:15px;overflow:hidden;padding:0 14px 15px;box-shadow:0 2px 12px #082a4812}.vacancy-page .vacancy-vessel-photo{width:calc(100% + 28px);height:165px;margin:0 -14px 12px;object-fit:cover;background:#0c3553}.vacancy-page .vacancy-card-head h3{font-size:19px;color:#0a2b48}.vacancy-page .vacancy-card-head .status{border-radius:30px}.vacancy-page .vacancy-position-list{border-top:1px solid #e5edf4;border-bottom:1px solid #e5edf4;padding:9px 0}.vacancy-page .vacancy-position-list strong{color:#0a2a48}.vacancy-page .vacancy-closed .status{background:#e64048;color:white}.vacancy-filter-bar{display:flex;gap:8px;flex-wrap:wrap;background:#0a3557;border-radius:0 0 14px 14px;padding:12px;margin-bottom:15px;color:white}.vacancy-filter-bar label{flex:1;min-width:120px;font-size:12px}.vacancy-filter-bar select{width:100%;margin-top:4px;padding:8px;border-radius:8px;border:1px solid #6fa2c1;background:#fff;color:#103956}
.page:has(.admin-stats) .page-head{background:linear-gradient(90deg,#062746e5,#0b3a5e7f),url('./splash-ocean.png') center/cover;border-radius:17px 17px 0 0;padding:40px 20px;color:white}.page:has(.admin-stats) .page-head h1{color:white}.page:has(.admin-stats) .page-head p{color:#d8e9f5}.page:has(.admin-stats) .admin-stats{margin-top:-8px;background:#fff;border-radius:15px}.page:has(.admin-stats) .module-card{border-radius:12px}.page:has(.admin-stats) .module-grid{background:#f5f8fb;border-radius:14px;padding:10px}
@media(max-width:580px){.directory-page .candidate{flex-wrap:wrap}.directory-page .candidate-actions{width:100%;flex-direction:row}.directory-page .candidate-actions .btn{flex:1}.vacancy-filter-bar label{min-width:calc(50% - 8px)}}
.conversation-head{background:var(--ref-navy)!important;color:white!important}.conversation-head .icon-btn,.conversation-head .small{color:white!important}.conversation-head .avatar{border:2px solid #c5e8fa}.conversation-head .call-actions{display:flex;gap:13px}.conversation-head .call-actions button{font-size:21px}.messages{background:#fff}.messages .bubble.me{background:#138ce3!important;color:#fff;border-radius:13px 13px 3px 13px}.messages .bubble.them{background:#eef2f8;border-radius:13px 13px 13px 3px}.composer{background:#fff}.composer textarea{border-radius:22px;background:#f2f5fa}.composer .send{background:#0b85d3!important;color:#fff}
.ref-call-page{position:relative;min-height:calc(100dvh - 150px);color:white;background:linear-gradient(180deg,#092a4a 10%,#082f52b8 65%,#052540),url('./splash-ocean.png') center/cover;display:flex;flex-direction:column;align-items:center;padding:14px 15px 25px}.ref-call-top{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#d6eaf5}.ref-call-top button{border:0;color:white;background:transparent;font-size:32px;cursor:pointer}.ref-call-person{display:grid;justify-items:center;gap:9px;margin:auto 0}.ref-call-person .avatar{width:120px;height:120px;border-radius:50%;border:4px solid #a5cce8;box-shadow:0 0 0 18px #c7e8ff0a,0 0 0 36px #c7e8ff09}.ref-call-person h1{color:white;margin:22px 0 0;font-size:27px}.ref-call-person p{color:#d7e7f5}.ref-call-controls{width:100%;display:flex;justify-content:space-around;gap:6px;margin-top:auto}.ref-call-controls button{display:grid;justify-items:center;gap:7px;color:#fff;background:none;border:0;font-size:11px;cursor:pointer}.ref-call-controls button span{width:54px;height:54px;border-radius:50%;background:#174e75;display:grid;place-items:center;font-size:23px}.ref-call-controls button.active span{background:#1475bd}.ref-call-controls .hangup span{background:#fa344a;transform:rotate(135deg)}.ref-video-stage{width:100%;flex:1;min-height:340px;display:grid;grid-template-rows:1fr 1fr;gap:10px;margin:20px 0}.ref-video-remote,.ref-video-self{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:155px;border-radius:16px;background:linear-gradient(145deg,#164f73,#092542);color:white;overflow:hidden}.ref-video-remote .avatar{width:95px;height:95px}.ref-video-self .avatar{width:78px;height:78px}.ref-video-remote strong{font-size:18px}.ref-video-self small{color:#d6eefa}
@media(min-width:800px){.ref-call-page{max-width:480px;margin:0 auto;border-radius:18px;min-height:650px}}
.vacancy-card[data-ref-vacancy]{cursor:pointer}.vacancy-card[data-ref-vacancy]:focus-visible{outline:3px solid #159cf1}.ref-vacancy-detail{padding:0;background:#f7fafc}.ref-vacancy-photo{height:220px;background:#103f62 url('./splash-ocean.png') center/cover;display:flex;justify-content:flex-end;align-items:flex-end;padding:10px;color:#fff}.ref-vacancy-photo span{background:#063555b5;padding:5px;border-radius:6px}.ref-detail-content{position:relative;margin-top:-12px;border-radius:18px 18px 0 0;padding:20px;background:#fff;min-height:400px}.ref-detail-content h1{font-size:27px;color:#092c4b;margin:0 0 15px}.ref-detail-publisher{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e6edf3;padding:12px;border-radius:9px}.ref-detail-publisher span{color:#477087}.ref-detail-notice{background:#e4f3ff;color:#115287;border-radius:9px;padding:14px;margin:15px 0;font-weight:bold}.ref-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 9px;padding:10px 0 20px;border-bottom:1px solid #e3ecf1}.ref-detail-grid>div{display:grid;gap:5px}.ref-detail-grid small{color:#628097}.ref-detail-grid b{color:#102d48}.ref-detail-content h3{color:#0c2d4b}.ref-detail-content li{padding:4px 0}.ref-detail-actions{display:grid;gap:8px;margin-top:20px}.ref-detail-actions .btn-primary{background:#20a548;border-color:#20a548;padding:15px;font-size:17px}
.ref-wordmark{width:110px;height:49px;padding:0;background:url('./splash-asap.png') -43px -83px/191px auto no-repeat;flex:none}.ref-wordmark b,.ref-wordmark>.ref-wave{display:none}.ref-drawer-logo,.ref-top-brand{align-items:center}.ref-menu-item{height:40px}.ref-drawer-logo>button{align-self:center}
.ref-vessel-chips{display:flex;gap:6px;flex-wrap:wrap}.ref-vessel-chips span{background:#e5f2ff;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:500}.ref-profile-facts>div:last-child{border:0}
@media(max-width:680px){.vacancy-page .vacancy-vessel-photo{float:left;width:37%;height:136px;margin:13px 11px 10px 0;border-radius:10px}.vacancy-page .vacancy-card-head{min-height:150px;padding-top:11px}.vacancy-page .vacancy-card-head h3{font-size:17px}.vacancy-page .vacancy-position-list{clear:both}.vacancy-page .vacancy-card:not(:has(.vacancy-vessel-photo))::before{content:'⚓';float:left;width:37%;height:136px;display:grid;place-items:center;background:linear-gradient(#0a406491,#07273caa),url('./splash-ocean.png') center/cover;margin:13px 11px 10px 0;border-radius:10px;color:white;font-size:37px}}
.ref-admin-page{padding:0;background:#f3f7fa}.ref-admin-hero{min-height:205px;padding:16px 20px 40px;color:white;background:linear-gradient(90deg,#082849e8,#07527d70),url('./splash-ocean.png') center/cover}.ref-admin-hero .ref-wordmark{display:block}.ref-admin-hero>small{display:block;font-size:10px;letter-spacing:.15em;margin-top:-2px}.ref-admin-hero h1{color:white;margin:23px 0 0;font-size:30px}.ref-admin-hero p{margin:3px 0;color:#d9e8f3}.ref-admin-content{background:white;border-radius:18px 18px 0 0;margin:-14px 10px 0;padding:12px;position:relative;display:grid;gap:9px}.ref-total-seafarers{position:relative;display:grid;gap:4px;width:100%;border:1px solid #e1eaf0;border-radius:12px;background:white;text-align:left;padding:14px 16px;color:#0b2b48;cursor:pointer}.ref-total-seafarers strong{font-size:32px;margin-left:22px}.ref-total-seafarers small{position:absolute;right:15px;top:40%;color:#4c6983}.ref-admin-statuses,.ref-admin-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ref-admin-statuses button,.ref-admin-metrics>div{display:grid;gap:5px;align-content:center;border:1px solid #e3ebf2;border-radius:11px;min-height:93px;text-align:left;padding:10px;background:white;color:#0d2948}.ref-admin-statuses button{cursor:pointer}.ref-admin-statuses .ready{background:#e9f9ef}.ref-admin-statuses .leave{background:#fff8dc}.ref-admin-statuses .onboard{background:#ffecf0}.ref-admin-statuses span{font-size:22px;color:#1185b7}.ref-admin-statuses b,.ref-admin-metrics strong{font-size:23px}.ref-admin-metrics>div{min-height:104px;color:#137cba;font-size:22px}.ref-admin-metrics small{color:#15314d;font-size:11px}.ref-admin-chart{border:1px solid #e5edf3;border-radius:11px;padding:11px}.ref-admin-chart h3{font-size:15px;margin:2px 0 10px;color:#0b2a49}.ref-admin-chart-row{display:grid;gap:9px}.ref-admin-chart-row>div{display:grid;grid-template-columns:88px 1fr 35px;align-items:center;gap:6px}.ref-admin-chart-row small{font-size:11px;color:#334f67}.ref-admin-chart-row span{height:12px;border-radius:8px;background:#eef3f6;overflow:hidden}.ref-admin-chart-row i{display:block;height:100%;border-radius:8px}.ref-admin-chart-row b{text-align:right;font-size:11px}.ref-admin-manage{display:flex;align-items:center;gap:10px;border:1px solid #e4ebf1;background:white;border-radius:10px;padding:15px;text-align:left;color:#0b2c48;font-weight:600;cursor:pointer}.ref-admin-manage span{margin-left:auto;font-size:23px}
.vacancy-page .vacancy-form{display:flex;flex-direction:column;align-items:stretch;overflow:visible}.vacancy-page .vacancy-submit{position:static!important;inset:auto!important;order:999;z-index:auto;margin-top:12px;margin-bottom:26px;flex:none}.vacancy-page .vacancy-submit .btn{width:auto;min-width:180px}
@media(max-width:760px){.vacancy-page .vacancy-submit .btn{width:100%}}
.auth-method{display:flex;gap:17px;margin:8px 0 15px;color:#153f61}.auth-method label{display:inline-flex;align-items:center;gap:6px;font-weight:700;cursor:pointer}.auth-card [hidden]{display:none!important}.ref-profile-extra{display:block;width:calc(100% - 32px);max-width:700px;margin:12px auto 18px}.public-user-search{display:flex;gap:8px;padding:14px 0}.public-user-search input{flex:1;min-width:0;border:1px solid #d1dfe8;border-radius:9px;padding:10px}.users-analytics-page .users-table-wrap{overflow-x:auto}
.vacancy-boost{display:grid;gap:8px;margin:20px 0;padding:18px;background:linear-gradient(135deg,#e4f6ff,#f8fcff);border:1px solid #cce6f6;border-radius:14px}.vacancy-boost h3{margin:0;color:#0b385b}.vacancy-boost p{margin:0;color:#496980}.vacancy-boost .btn{justify-self:start}
.asa-photo-overlay{position:fixed;inset:0;z-index:99999;background:#071d32c9;display:grid;place-items:center;padding:18px}.asa-photo-editor{width:min(100%,420px);background:#fff;border-radius:20px;padding:22px;box-shadow:0 16px 60px #00182e75;text-align:center}.asa-photo-editor h2{margin:0 0 5px;color:#0b2d4c}.asa-photo-editor p{margin:0 0 14px;color:#5c7181}.asa-photo-editor canvas{width:min(100%,320px);height:auto;touch-action:none;border-radius:16px;background:#eaf3f9;cursor:grab}.asa-photo-editor label{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0}.asa-photo-editor input{width:min(270px,80%)}.asa-photo-controls{display:flex;gap:10px;justify-content:center}.asa-photo-controls button{flex:1}.profile-edit-form select{width:100%;padding:11px;border:1px solid #cbdce7;border-radius:12px;background:#fff}.cv-airport-optional>span:after{content:' (optional)';font-size:12px;color:#687b8e}
.conversation-head .call-actions .asa-call-icon{width:43px;height:43px;min-width:43px;border:1px solid #90c9ed!important;background:#1267a4!important;color:#fff!important;opacity:1!important;display:grid;place-items:center;border-radius:12px;box-shadow:0 2px 8px #001e3990}.conversation-head .call-actions .asa-call-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.conversation-head .call-actions .asa-call-icon:focus-visible{outline:3px solid #37ceef;outline-offset:2px}
.ref-menu-item .ref-menu-emoji{display:inline-grid;place-items:center;flex:none;width:21px;height:25px;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:21px;font-weight:normal;line-height:1;color:initial;font-variant-emoji:emoji}.ref-menu-item .ref-menu-emoji+span{flex:1}

.bubble:not(.me){background:#fff;color:#13283d;align-self:flex-start;border:1px solid #e0e6ed}.bubble.me{background:#0a93df;color:#fff;align-self:flex-end}.message-meta{display:flex;justify-content:flex-end;gap:7px;font-size:11px;margin-top:5px;opacity:.9}.message-receipt{color:#e0e8f0;font-size:15px;font-weight:bold;letter-spacing:-4px;padding-right:4px}.message-receipt.read{color:#55ed83}.attachment-download{display:block;color:inherit;text-decoration:underline;font-size:13px;margin-top:6px}.real-contact-list .contact{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border:1px solid #dbe5ef;margin:8px 0;border-radius:12px}.real-contact-search{width:100%}

.chat-date-divider{align-self:center;border-radius:12px;background:#e3edf4;color:#405a70;padding:5px 12px;margin:12px 0;font-size:12px}.inapp-page .page-head{position:sticky;top:0;z-index:2;background:white}

.chat-profile-photo,.chat-profile-name{border:0;background:transparent;color:inherit;padding:0;cursor:pointer;text-align:left}.chat-profile-name{font:inherit}.contact-profile-identity{text-align:center;margin:20px 0}.contact-photo-full{border:0;background:transparent;cursor:zoom-in}.contact-photo-full img{width:140px;height:140px;border-radius:50%;object-fit:cover}.contact-profile-page dl div{padding:12px 0;border-bottom:1px solid #e1e8ef}.contact-profile-page dt{color:#63778b;font-size:14px}.contact-profile-page dd{margin:4px 0;font-weight:600}.vessel-experience-choices{border:1px solid #cedde9;border-radius:12px;padding:12px}.vessel-experience-choices>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;max-height:260px;overflow:auto}.vessel-experience-choices label{display:flex;align-items:center;gap:8px}.vessel-experience-choices input{width:auto;margin:0}
.live-call-layer{position:fixed;inset:0;z-index:10000;background:#031a30;display:flex;align-items:center;justify-content:center;color:#fff;padding:20px;overflow:auto}.live-call-panel{width:min(100%,800px);text-align:center}.live-call-person{padding:20px}.live-call-person img,.live-call-person .avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;margin:0 auto}.live-call-person h2{margin:14px 0 8px}.live-call-person p{min-height:24px}.live-call-person time{font-variant-numeric:tabular-nums}.live-call-video{position:relative;height:min(55vh,450px);background:#00101e;border-radius:18px;overflow:hidden}.live-call-video [data-live-remote]{width:100%;height:100%;object-fit:contain}.live-call-video [data-live-local]{position:absolute;right:12px;bottom:12px;width:25%;max-height:35%;object-fit:cover;border:2px solid #fff;border-radius:12px;transform:scaleX(-1)}.live-call-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;padding:24px 0}.live-call-end{background:#e33446;color:white}.live-call-answer{background:#18a64a;color:white}.live-call-controls [aria-pressed=true]{background:#506477;color:white}.live-call-history article{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px;border-bottom:1px solid #d7e4ed}.live-call-history p{margin:5px 0}.live-call-history time{font-size:14px;color:#60768a}

.cv-pdf-live-frame{display:block;width:100%;height:calc(90vh - 65px);border:0;background:#fff}

.ref-detail-notice.vacancy-closed-notice{background:#fee2e2;color:#b91c1c;font-weight:800}.ref-detail-content>.vacancy-close-btn{display:block;width:100%;margin:16px 0;background:#dc2626;color:white}

.media-draft-panel{max-width:460px;text-align:center}.record-clock{display:block;font-size:36px;font-variant-numeric:tabular-nums;color:#12324b}.record-clock.recording:before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:#dc2626;margin-right:12px}.record-preview{display:block;width:100%;max-height:45vh;margin:16px 0;border-radius:12px}.record-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.message-menu-btn{border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer;padding:4px 10px;min-height:36px}.message-duration{display:inline-block;margin:4px 8px;font-variant-numeric:tabular-nums}.message-delete-menu .btn{display:block;width:100%;margin-top:10px}

/* Compact menu footer leaves more space for navigation. */
.ref-drawer-footer{min-height:44px;margin:4px 13px 8px;padding:6px 12px 9px;border-radius:10px;gap:2px}.ref-drawer-footer strong{font-size:11px;line-height:1.15}.ref-drawer-footer small{font-size:9px;line-height:1.15}.ref-drawer-footer .ref-wave{bottom:3px;height:3px;border-top-width:2px}

.spoken-language-picker{border:0;padding:0;margin:16px 0}.spoken-language-picker legend{font-size:18px;font-weight:700}.spoken-language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.spoken-language-option{background:#eff6fc;border-radius:10px;padding:10px}.spoken-language-option label{display:flex;align-items:center;gap:8px;font-size:14px}.spoken-language-option input{width:18px;height:18px;flex:none}.spoken-language-option select{width:100%;margin-top:8px}.spoken-language-tags{display:flex;flex-wrap:wrap;gap:8px}.spoken-language-tags span{padding:7px 12px;border-radius:18px;background:#e4f3ff;color:#073052;font-size:14px}.profile-language-skills{margin:16px}

.aramco-question{padding:14px;background:#eef6fc;border-radius:10px;margin:14px 0}.aramco-question[hidden]{display:none}.aramco-question label{display:grid;gap:8px;font-size:14px;font-weight:600}.aramco-question select{max-width:320px}

.vacancy-card,.ref-vacancy-detail{position:relative}.vacancy-type-subtitle{color:#52728d;font-weight:600;font-size:15px;margin:4px 0 12px}.vacancy-closed-stamp{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;border-radius:inherit}.vacancy-closed-stamp span{transform:rotate(-30deg);font-size:clamp(40px,9vw,88px);letter-spacing:3px;font-weight:900;color:rgba(220,38,38,.38);border:4px solid rgba(220,38,38,.30);border-radius:10px;padding:8px 14px;white-space:nowrap}.ref-vacancy-detail>.vacancy-closed-stamp{height:550px;bottom:auto}.vessel-photo-overlay canvas{width:100%;height:auto!important;aspect-ratio:16/9;touch-action:none;background:#102d48}.vessel-photo-overlay .asa-photo-editor{width:min(700px,94vw)}.vessel-edit-preview{width:100%;max-height:240px;object-fit:contain;margin:12px 0;background:#e9f2f8;border-radius:10px}.vessel-edit-preview[hidden]{display:none}

/* Compact bubbles; message actions appear on interaction without a layout row. */
.messages .bubble{position:relative;width:fit-content;min-width:0;height:auto;min-height:0;padding:8px 10px;margin-bottom:7px;overflow-wrap:anywhere}
.messages .bubble::after{content:"";display:block;clear:both}
.messages .bubble .message-text{display:inline;white-space:pre-wrap}
.messages .bubble .message-meta{display:inline-flex;float:right;align-items:center;gap:5px;white-space:nowrap;line-height:1.2;margin:3px 0 0 10px;font-size:11px}
.messages .bubble .message-meta .message-receipt{display:inline;line-height:1;letter-spacing:-3px;padding-right:3px}
.messages .bubble .message-menu-btn{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:26px;height:26px;min-height:0;padding:0;border-radius:50%;font-size:20px;opacity:0;pointer-events:none;background:#ffffffee;color:#12324b;box-shadow:0 1px 4px #12324b33}
.messages .bubble:focus-within .message-menu-btn{opacity:1;pointer-events:auto}
@media(hover:hover){.messages .bubble:hover .message-menu-btn{opacity:1;pointer-events:auto}}
.messages .bubble:focus-visible{outline:2px solid #18bcec;outline-offset:2px}

.live-call-history .call-history-row{display:grid;grid-template-columns:24px minmax(0,1fr) 42px;gap:9px;padding:10px 2px;min-height:62px}
.call-history-icon{color:#1685b8;font-size:20px;text-align:center}.call-unanswered .call-history-icon{color:#dc3545}
.call-history-copy{min-width:0}.call-history-copy>b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.call-history-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:3px;font-size:11px;color:#60768a;line-height:1.3}
.call-history-meta>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.live-call-history .call-history-meta time{font-size:11px;white-space:nowrap}.call-unanswered .call-history-meta>span{color:#b52d3d}
.call-history-redial{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#e8f4fb;color:#0877b6;font-size:21px;padding:0}

.call-unanswered .call-history-copy>b{color:#b52d3d}
.call-history-icon{display:grid;place-items:center}

.contact-invite-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid #dce8ef}.contact-invite-row strong{flex:1;min-width:0;overflow-wrap:anywhere}
.contact-call-row{display:flex;align-items:center;gap:6px;padding:6px 0}.contact-call-row>.contact{flex:1;min-width:0;margin:0}.contact-call-row .direct-call-buttons{display:flex;gap:4px}

.contact-call-row .direct-call-buttons .btn{width:38px;height:38px;padding:0;font-size:19px;display:grid;place-items:center}

/* Travel fits more choices into a phone viewport without shrinking touch targets. */
.compact-travel{padding:14px}
.compact-travel>.page-head{margin-bottom:10px}
.compact-travel h1{font-size:24px;margin:0 0 6px}
.compact-travel>.page-head p{font-size:13px;line-height:1.3;margin:0}
.travel-booking-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
.travel-booking-tabs .btn{min-height:44px;padding:8px 6px;font-size:13px;line-height:1.2}
.compact-travel .travel-options{grid-template-columns:1fr;gap:0}
.compact-travel .travel-options>.service-card{padding:12px;border-radius:14px;min-width:0}
.compact-travel[data-travel-mode="self"] .travel-agent-card,
.compact-travel[data-travel-mode="agency"] .travel-options>.service-card:first-child{display:none}
.compact-travel .travel-options .big-symbol{display:none}
.compact-travel .travel-options h3{font-size:15px;line-height:1.25;margin:0 0 10px}
.compact-travel .airline-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:7px;gap:7px;border-radius:12px}
.compact-travel .airline-list a.airline-link{min-height:76px;height:76px;padding:9px;gap:4px;position:relative;justify-content:center}
.compact-travel .airline-list .airline-link .airline-logo{width:100%;max-width:100%;height:45px;object-fit:contain;object-position:center}
.compact-travel .airline-link>span{position:absolute;right:5px;bottom:3px;font-size:12px}
.compact-travel .travel-request-form{gap:7px}
.compact-travel .travel-request-form label{font-size:12px;line-height:1.25;gap:4px;min-width:0}
.compact-travel .travel-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.compact-travel .travel-request-form input:not([type="radio"]),
.compact-travel .travel-request-form select,
.compact-travel .travel-request-form textarea{width:100%;min-width:0;min-height:40px;padding:7px 9px;border-radius:9px;font-size:16px;line-height:1.25;box-sizing:border-box}
.compact-travel .travel-request-form textarea{height:44px;min-height:44px;resize:vertical}
.compact-travel .trip-type-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}
.compact-travel .trip-type-switch label{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:44px;padding:7px;border-radius:9px;font-size:12px}
.compact-travel .trip-type-switch input[type="radio"]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:#087fc5}
.compact-travel .travel-request-form [hidden]{display:none!important}
.compact-travel .travel-request-form>button{min-height:44px;padding:9px;font-size:14px}
@media(min-width:760px){.compact-travel .travel-options{max-width:720px}.compact-travel .airline-list{grid-template-columns:repeat(3,minmax(0,1fr))}.travel-booking-tabs{max-width:720px}}
.ticket-offer-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.ticket-offer-facts span{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}.ticket-offer-facts small{color:#647b8c;font-size:12px}.ticket-offer-facts b{font-size:14px}.ticket-compose .service-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ticket-compose [hidden]{display:none!important}.ticket-compose label{min-width:0}.ticket-compose input,.ticket-compose select{min-width:0;max-width:100%}.ticket-offers .page-head{gap:8px;flex-wrap:wrap}.ticket-offers h2{font-size:19px}.ticket-offers .business-listing-body{padding:12px}
.admin-cv-archive article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #d9e5ed}.admin-cv-archive article>div{display:grid;gap:4px;min-width:0}.admin-cv-archive small{color:#61798b}.admin-cv-archive b{overflow-wrap:anywhere}[data-admin-cv-search]{display:flex;gap:7px;align-items:center}[data-admin-cv-search] .search{min-width:0;flex:1}

.composer{position:relative}.chat-attachment-options{position:absolute;bottom:100%;left:10px;z-index:10;display:flex;gap:6px;background:var(--surface,#fff);padding:8px;border-radius:12px;box-shadow:0 4px 16px #0002}.chat-attachment-options button{border:0;border-radius:8px;padding:10px;color:#073757;background:#e6f3fc}.live-call-controls{flex-wrap:wrap}

/* Compact menu branding leaves more room for navigation. */
.ref-drawer-hero{flex:none;min-height:96px;padding:14px 18px 12px}
.ref-drawer-logo .ref-wordmark{width:82px;height:37px;background-position:-32px -62px;background-size:143px auto}
.ref-drawer-logo .ref-brandline{font-size:8px;line-height:1.15;margin-left:6px;padding-left:7px}
.ref-drawer-logo>button{width:40px;height:40px;flex:none;display:grid;place-items:center;font-size:24px}
.ref-drawer-slogan{font-size:clamp(8px,2.4vw,11px);line-height:1.3;letter-spacing:.035em;margin-top:8px;white-space:nowrap}
@media(max-width:420px){.ref-drawer-hero{min-height:96px;padding-top:14px}.ref-drawer-slogan{margin-top:8px}}
/* Explicit contrast prevents white controls becoming white squares on Samsung. */
.counter-mobile-top{gap:4px!important;padding-left:10px!important;padding-right:10px!important;justify-content:space-between}
.counter-mobile-top .ref-top-brand{flex:1;min-width:90px}.counter-mobile-top .ref-wordmark{width:96px;height:43px;background-position:-37px -72px;background-size:166px auto}.counter-mobile-top .ref-brandline{display:none}
.ref-mobile-top.counter-mobile-top .top-control{position:relative;flex:0 0 44px;width:44px;height:44px;min-width:44px;display:grid;place-items:center;border:1px solid #346689!important;border-radius:12px;background:#123e60!important;color:#eefaff!important;box-shadow:none!important;padding:9px!important}
.ref-mobile-top.counter-mobile-top .top-search-control{color:#65d9ff!important;background:#0c3456!important}.top-control svg{display:block;flex:none}.top-control:focus-visible{outline:2px solid #65d9ff;outline-offset:2px}
.header-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 4px;border-radius:12px;background:#e64242;color:#fff;border:2px solid #092b48;font-size:11px;font-weight:800;line-height:16px;text-align:center}.header-count[hidden]{display:none!important}
.header-chat-search{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#eaf6fc;border-bottom:1px solid #b9dbe9}.header-chat-search .search{flex:1;min-width:0;width:auto;margin:0;background:#fff;border:1px solid #96c9e4;color:#102f47;padding:10px 12px;border-radius:12px}.header-chat-search .icon-btn{color:#123e60;background:transparent}.header-chat-search input::placeholder{color:#577183}.header-ad-notices:empty{display:none}
@media(max-width:760px){.desktop-chat-search-toggle{display:none!important}.counter-mobile-top{height:64px!important}.header-chat-search{position:relative;z-index:19}.chat-column .column-head{padding-bottom:10px}}
@media(max-width:360px){.counter-mobile-top{padding-left:6px!important;padding-right:6px!important;gap:2px!important}.counter-mobile-top .ref-top-brand{min-width:80px}.counter-mobile-top .ref-wordmark{width:82px;height:37px;background-position:-32px -62px;background-size:143px auto}}
@media print{.header-chat-search{display:none!important}}

.header-count[data-header-count="notifications"],.header-count[data-header-count="advertisements"]{background:#d9f3ff;color:#101820}
.header-count[data-header-count="messages"],.header-count[data-header-count="missedCalls"]{background:#fff;color:#d71920;border-color:#fff}
.ref-mobile-bottom button{position:relative}.ref-mobile-bottom .header-count{top:-3px;right:calc(50% - 26px)}

.message-section-count{display:inline-block;vertical-align:middle;padding:2px 7px;border-radius:12px;background:#fff1f1;color:#d71920;font-size:13px;font-weight:800}.message-section-count[hidden]{display:none!important}.chat-row .unread{color:#d71920!important;background:#fff1f1!important;border:1px solid #f2bfc2}

/* Readable permission rows, independent of broad form-label rules. */
.permission-modal{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow-y:auto;padding:20px;box-sizing:border-box}
.permission-modal .permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.permission-modal .permission-grid label,.permission-modal label.permission-custom{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;padding:10px;margin:0;letter-spacing:normal;white-space:normal;line-height:1.45;font-size:14px;word-break:normal;text-align:start}
.permission-modal .permission-grid input[type=checkbox],.permission-modal .permission-custom input[type=checkbox]{width:18px;height:18px;margin:2px 0;padding:0;flex:none;accent-color:#1677d2}
.permission-modal .permission-grid span,.permission-modal .permission-custom span{min-width:0;overflow-wrap:break-word}
.permission-modal>label:not(.permission-custom){display:flex;flex-direction:column;gap:8px;line-height:1.45}
.permission-modal select{width:100%;min-height:44px;letter-spacing:normal}
@media(max-width:520px){.permission-modal .permission-grid{grid-template-columns:1fr}.permission-modal{padding:16px}}

.live-call-layer{background:#031a30 url('/splash-ocean.png') center/cover no-repeat}.live-call-person img,.live-call-person .avatar{width:128px;height:128px}.live-call-answer,.live-call-end{min-height:62px;border-radius:32px}.live-call-layer.live-video-mode{padding:16px;overflow:hidden}.live-video-mode .live-call-panel{height:100%;display:flex;flex-direction:column;max-width:680px}.live-video-mode .live-call-person{padding:4px 0 12px}.live-video-mode .live-call-person img,.live-video-mode .live-call-person .avatar{display:none}.live-video-mode .live-call-person h2{font-size:18px;margin:3px}.live-video-mode .live-call-person p{margin:3px}.live-video-mode .live-call-video{flex:1;min-height:0;height:auto;display:grid;grid-template-rows:1fr 1fr;gap:8px;background:transparent;overflow:visible}.live-video-mode .live-call-video [data-live-remote],.live-video-mode .live-call-video [data-live-local]{position:relative;inset:auto;width:100%;height:100%;max-height:none;min-height:0;object-fit:cover;border:0;border-radius:16px;background:#00101e}.live-video-mode .live-call-video [data-live-local]{touch-action:none;transform:scaleX(-1)}.live-video-mode .live-call-video [data-live-local].rear-camera{transform:none}.live-video-mode .live-call-video.local-mini{display:block}.live-video-mode .live-call-video.local-mini [data-live-local]{position:absolute;right:12px;bottom:12px;width:30%;height:30%;z-index:2;border:2px solid #fff}.local-video-tools{display:none;position:absolute;z-index:3;right:8px;bottom:8px;padding:8px;background:#06375fee;border-radius:12px}.local-video-tools.local-tools-open{display:flex;gap:6px;flex-wrap:wrap;max-width:100%}.local-video-tools button{background:#e6f5ff;color:#06375f;border:0;border-radius:8px;padding:10px}.live-video-mode .live-call-controls{padding:12px 0 0;gap:8px}.live-video-mode .live-call-controls .btn{font-size:12px;padding:12px;min-width:0}@media(max-width:480px){.live-video-mode header{display:none}.live-call-person h2{font-size:28px}}
.cv-service-head-actions,.cv-service-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.directory-page .stat:disabled{opacity:1;cursor:default}.cv-service-list{display:grid;gap:16px}.cv-service-list .settings-card{margin:0}.cv-service-editor{background:#fff;border-radius:18px;width:min(1100px,96vw);max-height:92dvh;overflow:auto;padding:24px;color:#12253a}.cv-service-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-24px;background:#fff;z-index:2}.cv-service-editor fieldset{border:0;padding:0;min-width:0}.cv-service-editor .cv-service-actions{position:sticky;bottom:-24px;background:#fff;padding:16px 0}.cv-service-editor input,.cv-service-editor select,.cv-service-editor textarea{width:100%}.cv-service-editor .asa-cv-pages{overflow:auto}.cv-service-head-actions{justify-content:flex-end}@media(max-width:600px){.cv-service-editor{padding:16px}.cv-service-head{flex-wrap:wrap}.cv-service-head-actions{justify-content:flex-start;width:100%}}
.vacancy-page .page-head{padding:16px}.vacancy-page .page-head h1{font-size:23px;line-height:1.2;margin-bottom:5px}.vacancy-page .page-head p{font-size:13px;line-height:1.35;margin:0}.vacancy-page .page-head .btn{font-size:13px;padding:9px 12px}.vacancy-filter-bar{padding:10px;gap:7px}.vacancy-filter-bar label{font-size:11px}.vacancy-filter-bar select{font-size:12px;padding:7px}.vacancy-page .vacancy-card-head h3{font-size:18px}.vacancy-page .vacancy-position-list{font-size:13px;padding:7px 0}.point-wallet strong{font-size:26px;color:#0787c9}.cv-service-file-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}@media(max-width:680px){.vacancy-page .page-head h1{font-size:21px}.vacancy-page .page-head p{font-size:12px}.vacancy-page .vacancy-card-head h3{font-size:16px}}

/* New-call contacts share the history rows and the same audio/video SVG buttons. */
.call-contact-modal .permission-modal{width:min(100%,540px)}
.call-contact-modal [data-call-contact-list]{max-height:60dvh;overflow:auto;margin-top:12px}
.call-contact-modal .contact-call-row{grid-template-columns:32px minmax(0,1fr) 90px;padding:10px 2px;gap:9px}
.call-contact-modal .direct-call-buttons{display:flex;gap:6px}
.call-contact-avatar .avatar,.call-contact-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.education-country-card{min-height:140px;text-align:center}.education-country-card h3{font-size:17px;line-height:1.4}.education-flag{font-size:42px}.education-grant{border:1px solid #d5e5ef;border-radius:14px;padding:14px;margin:16px 0}.education-grant legend{font-weight:700;font-size:15px;padding:0 7px}.education-grant .permission-grid{margin:0}
.melody-sample-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:12px 0 22px}.melody-samples>.btn{margin-top:8px}.education-country-grid{margin-top:16px}
.hotel-cover-card{padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer;border:1px solid #d5e5ef;background:#fff;width:100%}.hotel-cover-photo{width:100%;height:200px;object-fit:cover;display:block}.hotel-cover-placeholder{height:200px;display:grid;place-items:center;background:#e8f4fb;font-size:54px}.hotel-cover-card .business-listing-body{display:grid;gap:10px}.hotel-cover-card .business-listing-body h3{margin:0}.hotel-stars{color:#ca8a04;font-size:20px;letter-spacing:2px}.hotel-detail-gallery{display:flex;overflow-x:auto;gap:12px;padding-bottom:12px;scroll-snap-type:x mandatory}.hotel-detail-gallery img{width:85%;max-width:560px;height:300px;object-fit:cover;flex-shrink:0;border-radius:16px;scroll-snap-align:start}.hotel-detail>.settings-card{margin-top:16px}@media(max-width:600px){.hotel-detail-gallery img{height:230px}.hotel-cover-photo{height:190px}}
/* New-call and Contacts lists share one vertical layout on every screen size. */
.call-contact-modal [data-call-contact-list],.contacts.real-contact-list{display:flex;flex-direction:column;gap:0;grid-template-columns:none;width:100%;text-align:left}
.call-contact-modal [data-call-contact-list]>.contact-call-row,.contacts.real-contact-list>.contact-call-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;padding:12px 2px;margin:0;border-bottom:1px solid #dbe5ef;box-sizing:border-box;text-align:left}
.call-contact-modal .call-history-copy,.real-contact-list .call-history-copy{min-width:0;text-align:left;overflow-wrap:anywhere}
.call-contact-modal .contact-call-row>.direct-call-buttons,.real-contact-list .contact-call-row>.direct-call-buttons{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;gap:6px;margin:0;justify-self:end}
.agent-directory-list{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid #dbe5ef;border-radius:16px;overflow:hidden}.agent-directory-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #dbe5ef}.agent-directory-row:last-child{border-bottom:0}.agent-directory-avatar{padding:0;border:0;background:none}.agent-directory-avatar img,.agent-directory-avatar .avatar{width:42px;height:42px;border-radius:50%;object-fit:cover}.agent-directory-info{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}.agent-directory-info .chat-profile-name{text-align:left}.agent-directory-info small{color:#60768a}.agent-profile-details dl>div{padding:10px 0;border-bottom:1px solid #e5edf4}.agent-profile-details dt{font-weight:600}.agent-profile-details dd{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:420px){.agent-directory-row{gap:8px;padding:12px 9px}.agent-directory-row>.btn{padding:9px 10px;font-size:12px}}
.agent-mobile-bottom{grid-template-columns:repeat(4,1fr)}
/* Keep the reward overview short so the ranking is easy to reach on a phone. */
.asap-coin-page .page-head{margin-bottom:12px;gap:8px}.asap-coin-page .page-head h1{font-size:24px;line-height:1.2;margin:0 0 5px}.asap-coin-page .page-head p{font-size:12px;line-height:1.4;margin:0}.asap-coin-page .competition-hero{padding:13px 14px;border-radius:14px;margin-bottom:10px}.asap-coin-page .competition-hero h2{font-size:17px;line-height:1.3;margin:0 0 5px}.asap-coin-page .coin-competition-meta{font-size:12px;margin:0 0 8px;color:#60768a}.asap-coin-page .competition-countdown{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;margin:0 0 9px;border-radius:10px;box-sizing:border-box}.asap-coin-page .competition-countdown span{font-size:12px}.asap-coin-page .competition-countdown strong{font-size:23px;letter-spacing:.02em;white-space:nowrap}.asap-coin-page .competition-countdown small{display:none}.asap-coin-page .prizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.asap-coin-page .prizes span{font-size:12px;padding:6px 5px;text-align:center;border-radius:9px;overflow-wrap:anywhere}.asap-coin-page [data-ad-watch-panel]{padding:12px 14px;border-radius:14px;margin:0 0 10px}.asap-coin-page [data-ad-watch-panel] h3{font-size:16px;margin:0 0 7px}.asap-coin-page [data-ad-watch-panel] p{font-size:12px;line-height:1.45;margin:6px 0}.asap-coin-page [data-ad-watch-panel] .btn{font-size:13px;padding:9px 13px;min-height:38px}.asap-coin-page .competition-table-wrap{margin-top:8px;border-radius:12px}.asap-coin-page .users-table{min-width:0;width:100%;font-size:13px;table-layout:fixed}.asap-coin-page .users-table th,.asap-coin-page .users-table td{padding:10px 7px;white-space:normal;overflow-wrap:anywhere}.asap-coin-page:not(.coin-admin) .users-table th:first-child{width:40px}.asap-coin-page:not(.coin-admin) .users-table th:nth-child(3){width:62px}.asap-coin-page:not(.coin-admin) .users-table th:nth-child(4){width:48px}.asap-coin-page .users-table th{font-size:11px}.asap-coin-page.coin-admin .users-table{min-width:700px;table-layout:auto}.asap-coin-page .table-pagination{font-size:12px;padding:10px 0;gap:6px}.asap-coin-page .table-pagination .btn{font-size:12px;padding:8px 10px}@media(max-width:420px){.asap-coin-page .page-head h1{font-size:22px}.asap-coin-page .competition-hero h2{font-size:16px}.asap-coin-page .competition-countdown strong{font-size:22px}}
.maritime-services-page .page-head{margin-bottom:12px}.maritime-services-page .page-head h1{font-size:22px;margin:0}.maritime-services-page .service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.maritime-services-page .service-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;padding:10px 5px;border-radius:12px;text-align:center}.maritime-services-page .service-card h3{font-size:12px;line-height:1.3;margin:0;overflow-wrap:anywhere}.maritime-services-page .service-card svg{width:24px;height:24px}.maritime-services-page .service-card .symbol{font-size:24px}@media(min-width:760px){.maritime-services-page .service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.maritime-services-page .service-card{min-height:88px}.maritime-services-page .service-card h3{font-size:14px}}
.visa-edit-section{border:1px solid #d5e5ef;border-radius:12px;padding:12px;margin:10px 0}.visa-edit-section legend{font-weight:700}.visa-edit-section [data-visa-fields]:not([hidden]){display:grid;gap:10px;margin-top:12px}.visa-edit-section [hidden]{display:none}.visa-edit-section [data-visa-fields]>label{display:grid;gap:6px}.active-visa-section h3{margin:0 0 8px;font-size:17px}.active-visa-section p{margin:0;overflow-wrap:anywhere}
.profile-age-badge{display:inline-block;vertical-align:middle;font-size:13px;font-weight:600;color:#506d83;background:#e8f4fb;border-radius:999px;padding:4px 9px;white-space:nowrap}.last-seen-settings h3{font-size:17px;margin:0 0 12px}.last-seen-settings form{display:grid;gap:12px}.last-seen-settings select,.last-seen-settings input[type=search]{width:100%;padding:10px;border:1px solid #ccdce7;border-radius:10px;font:inherit}.last-seen-settings [hidden]{display:none}.last-seen-person-list{max-height:240px;overflow:auto;margin-top:10px}.last-seen-person-list label:not([hidden]){display:flex;align-items:center;gap:9px;padding:9px 3px}.last-seen-settings fieldset{border:1px solid #d5e5ef;border-radius:12px;padding:10px}.application-delete-actions{display:flex;align-items:center;gap:8px}

/* Agent rows follow the compact call-history layout. */
.agent-directory-page .agent-directory-list{background:transparent;border:0;border-radius:0;min-height:100px}.agent-directory-page .agent-directory-row{grid-template-columns:44px minmax(0,1fr) 44px;padding:16px 0;gap:12px;border-bottom:1px solid #d5e1eb}.agent-directory-page .agent-directory-info{gap:4px}.agent-directory-page .agent-directory-info .chat-profile-name{font-size:16px;font-weight:650;padding:0}.agent-directory-page .agent-directory-info small{font-size:12px;line-height:1.4}.agent-message-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#e7f3fc;color:#2475aa;cursor:pointer}.agent-message-button:focus-visible{outline:2px solid #168dcf;outline-offset:3px}.agent-directory-empty{padding:20px 0;margin:0;border-bottom:1px solid #d5e1eb;color:#60768a;font-size:14px}

/* Compact message inbox; full conversations retain their text size. */
.chat-list .chat-row{padding:11px 12px;gap:10px}.chat-list .chat-copy{min-width:0}.chat-list .chat-copy strong{font-size:14px;line-height:1.35}.chat-list .chat-copy p{font-size:12px;line-height:1.4;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list .chat-time{font-size:10px}.chat-list .chat-row>.avatar{width:42px;height:42px;flex:none}.chat-list .chat-row .unread{font-size:11px;min-width:18px;height:18px;width:auto;padding:0 4px}

/* Full-viewport remote view; split mode and touch-controlled own preview. */
.live-call-layer.live-video-mode{padding:0;background:#00101e}
.live-video-mode .live-call-panel{position:relative;width:100%;max-width:none;height:100%;display:block}
.live-video-mode header{display:none}
.live-video-mode .live-call-person{position:absolute;top:env(safe-area-inset-top,0px);left:12px;right:12px;z-index:4;pointer-events:none;text-shadow:0 1px 4px #000}
.live-video-mode .live-call-person p{font-size:12px}
.live-video-mode .live-call-video{position:absolute;inset:0;height:100%;display:grid;grid-template-rows:1fr 1fr;gap:2px;overflow:hidden;border-radius:0;background:#00101e}
.live-video-mode .live-call-video [data-live-remote],.live-video-mode .live-call-video [data-live-local]{border-radius:0;object-fit:cover}
.live-video-mode .live-call-video.local-mini [data-live-remote]{position:absolute;inset:0;width:100%;height:100%}
.live-video-mode .live-call-video.local-mini [data-live-local]{position:absolute;max-height:none;max-width:none;border:1px solid #ffffff66;border-radius:12px;z-index:2}
.live-video-mode .live-call-controls{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:5;padding:0;gap:16px}
.live-video-mode .live-call-controls .btn,.live-call-controls [data-live-mute],.live-call-controls [data-live-camera]{width:48px;height:48px;min-height:48px;min-width:48px;border-radius:50%;padding:12px;color:white;background:#132d4466;border:1px solid #ffffff33;backdrop-filter:blur(5px)}
.live-video-mode .live-call-controls .live-call-end{background:#dc3545bb}
.live-video-mode .live-call-controls [aria-pressed=true]{background:#ffffff55}
.local-video-tools,.local-video-tools.local-tools-open{display:flex;position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;bottom:auto;z-index:5;gap:8px;background:none;padding:0}
.local-video-tools button{width:38px;height:38px;border-radius:50%;padding:3px;background:#102b424d;border:1px solid #ffffff44;color:white;font-size:24px;backdrop-filter:blur(4px)}
.live-video-mode [data-live-sound]{position:absolute;left:12px;bottom:90px;z-index:5}

.native-call-pip .live-call-controls,.native-call-pip .live-call-person,.native-call-pip .local-video-tools,.native-call-pip [data-live-sound]{display:none!important}
.native-call-pip .live-call-video.local-mini [data-live-local]{bottom:12px!important}

.cv-service-editor input[type="checkbox"],.cv-service-editor input[type="radio"]{width:auto}.cv-service-editor .cv-builder{margin-top:16px}

.menu-layout-row,.menu-layout-slot{display:flex;align-items:center;gap:10px;margin:10px 0}.menu-layout-row>span{flex:1}.menu-layout-row .btn{min-width:44px}.menu-layout-slot select{flex:1;min-width:0;padding:10px}.menu-layout-actions{display:flex;gap:10px;position:sticky;bottom:0;background:white;padding:12px 0}.ref-menu-item[data-ref-view="blacklist"] .ref-menu-emoji{color:#111}

.directory-language-filter{flex:1;min-width:190px;border:1px solid #cbdce7;border-radius:9px;padding:10px;background:#fff}.directory-language-filter summary{cursor:pointer;font-weight:600}.directory-language-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-top:12px}.directory-language-options label{display:flex;align-items:center;gap:8px}.directory-language-options input{width:auto}.specialist-search{flex-wrap:wrap}.directory-filters:has(.directory-language-filter){flex-wrap:wrap}

.directory-page .directory-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(190px,1.2fr) auto;align-items:start}.directory-page [data-directory-search]{align-self:start;margin-top:23px}@media(max-width:760px){.directory-page .directory-filters{grid-template-columns:1fr}.directory-page [data-directory-search]{margin-top:0}.directory-language-filter{min-width:0}}

/* Touch controls keep full-size targets and native scroll/pinch behavior. */
button,.btn,[role=button],.attach-button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,110,190,.16)}
[data-contact-view-cv],[data-detail-cv],[data-admin-open-cv],[data-application-cv],[data-cv-service-edit],[data-own-profile-cv],[data-unlock-cv],[data-view="cv"],.cv-builder button,.cv-preview-toolbar button,.cv-service-actions button,[data-open-cv],[data-seafarer-cv],[data-svc-preview],[data-specialist-cv],.cv-zoom-controls button{min-height:44px;min-width:44px}
.chat-batch-list{max-height:55dvh;overflow:auto}.chat-batch-list p{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid #ddd;padding:8px 0;overflow-wrap:anywhere}.chat-batch-list span{font-size:13px;color:#52647a}

/* The visible control itself is the touch target; no invisible enlarged overlays. */
button,.btn,[role="button"],a.icon-btn,.attach-button,summary{box-sizing:border-box;min-width:44px;min-height:44px;touch-action:manipulation}
button>svg,button>img,button>span,button>i,button::before,button::after{pointer-events:none}
.attach-button{display:inline-flex;align-items:center;justify-content:center}

[data-view="cv-service"].btn-danger{background:#d62f3f;color:#fff;border-color:#d62f3f}.cv-request-file-actions{display:flex;gap:10px;flex-wrap:wrap}.cv-request-file-actions label,.chat-attachment-options button{display:flex;align-items:center;gap:10px}.chat-attachment-options svg,.cv-request-file-actions svg{flex:none;pointer-events:none}.cv-request-file-actions label{cursor:pointer}[data-cv-request-selected]{overflow-wrap:anywhere;font-size:13px;margin:8px 0}

/* Ocean-blue entry screens with a readable light-blue form card. */
.auth{min-height:100svh;background:radial-gradient(ellipse at 15% 12%,#2487bc88,transparent 55%),linear-gradient(135deg,#031a33ee,#074b70dd),url('/splash-ocean.png') center/cover fixed;color:#e7f5ff}
.auth .auth-visual{background:transparent;box-shadow:none}.auth .auth-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:clamp(22px,4vw,58px);background:transparent;min-width:0}
.auth .auth-card{width:100%;max-width:490px;padding:clamp(22px,4vw,36px);margin:0;background:linear-gradient(150deg,#f0f8ff,#dceefb);border:1px solid #d7eeff;border-radius:24px;box-shadow:0 22px 65px #00142666;color:#12324c;min-width:0}
.auth .auth-card h2{color:#0a3557}.auth .muted{color:#506c82}.auth .field b,.auth .check-field{color:#24465f}.auth .field input,.auth .field select,.auth .otp-grid input{background:#f9fcff;color:#12324c;border-color:#aac8df}.auth .field input:focus,.auth .field select:focus,.auth .otp-grid input:focus{outline:3px solid #1685c633;outline-offset:1px;border-color:#1685c6}
.auth .auth-head{gap:12px;flex-wrap:wrap}.auth .auth-head .language{margin-left:auto;background:#e9f5ff;border:1px solid #9bbdd6;color:#143b5a;min-height:44px;border-radius:10px;padding:8px}.auth .btn-primary{background:#0875b6;color:#fff;box-shadow:0 5px 15px #0875b622}.auth .btn-soft{background:#c9e4f7;color:#123d5d}.auth .role-card{background:#e9f5ff;border-color:#aac8df;color:#153e5d;white-space:normal}.auth .role-card.selected{background:#c4e7fc;border-color:#0875b6}.auth .role-card small{color:#4f6e84}.auth .auth-links{gap:8px;flex-wrap:wrap}.auth .auth-links button{white-space:normal}.auth .auth-about{width:100%;max-width:490px;text-align:center;color:#d5e8f7;font-size:12px;line-height:1.65}.auth .auth-about h2{font-size:12px;letter-spacing:.04em;font-weight:700;color:#9ec9e7;margin:0 0 7px}.auth .auth-about p{margin:5px 0}.auth .auth-about strong{color:#f3fbff}.auth .phone-entry{min-width:0}.auth .phone-entry input{min-width:0}
@media(max-width:760px){.auth{min-height:100svh}.auth .auth-panel{min-height:100svh;justify-content:center;padding:calc(22px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));gap:20px}.auth .auth-visual{display:none}.auth .auth-card{border-radius:21px}.auth .auth-about{font-size:11.5px;line-height:1.6}}@media(max-width:360px){.auth .auth-panel{padding-left:12px;padding-right:12px}.auth .auth-card{padding:20px}.auth .role-grid{grid-template-columns:1fr}}

.auth-entry-brand{min-width:0;flex:1}.auth .auth-entry-brand .logo{font-size:clamp(44px,9vw,58px);line-height:1.05;letter-spacing:-2.5px;color:#0a3557}.auth-brand-expansion{font-size:10.5px;line-height:1.5;letter-spacing:.025em;color:#4a6a82;margin:5px 0 0;overflow-wrap:normal}.auth-brand-expansion b{color:#066ba8;font-weight:850}.auth .auth-head{align-items:flex-start;margin-bottom:24px}.auth .auth-head .language{flex:none}.auth-brand-origin{font-weight:600}

.auth-benefits{padding:0;margin:12px 0 0;list-style:none;text-align:left}.auth-benefits li{padding:6px 0;border-top:1px solid #b4d9f226;line-height:1.5}.auth-benefits b{font-weight:700;color:#edf8ff}

/* Compact entry layout: one blue palette, no store/install promotions. */
.auth{background:radial-gradient(ellipse at 15% 12%,#2378a04d,transparent 55%),linear-gradient(135deg,#092d49f2,#0a3557ed),url('/splash-ocean.png') center/cover fixed}
.auth .auth-card{background:linear-gradient(150deg,#0b3b5f,#0a3557);border-color:#5484a766;color:#eaf6ff;padding:22px}.auth .auth-card h2,.auth .auth-entry-brand .logo{color:#f0f9ff}.auth .auth-card h2{font-size:22px;margin:8px 0}.auth .muted{color:#c2d9eb}.auth .field b,.auth .check-field{color:#d9ebf8}.auth .auth-head{margin-bottom:14px}.auth .field{margin:10px 0}.auth .auth-card .field input{font-size:16px}.auth .auth-method{margin:10px 0}.auth .auth-links{margin-top:10px}.auth .admin-entry{color:#c9e5f8}.auth .auth-panel{gap:14px}.auth .auth-about{font-size:11.5px;line-height:1.45}.auth-benefits li{padding:4px 0;line-height:1.4}.auth .auth-about p{margin:3px 0}.auth .auth-about h2{margin-bottom:4px}.auth .role-card strong{font-size:13px}.auth .role-card small{font-size:11px}.auth .role-card{padding:10px}.auth .role-grid{gap:8px}.auth .phone-entry{grid-template-columns:minmax(124px,.95fr) minmax(0,1.05fr);gap:8px}.auth .phone-entry .field{min-width:0;margin-top:10px}.auth .phone-entry .field+.field{margin-top:10px}.auth .phone-entry .field>b{font-size:12px}.auth .phone-country-select{width:100%;min-width:0;max-width:100%;font-size:12px;padding:10px 6px;text-overflow:ellipsis;white-space:nowrap}.auth .phone-country-select option{font-size:12px}.auth .phone-entry input{width:100%;min-width:0;padding-left:9px;padding-right:9px}
@media(max-width:760px){.auth .auth-panel{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom));gap:14px}.auth .auth-card{padding:20px}.auth .auth-entry-brand .logo{font-size:44px}.auth .auth-about{font-size:11.5px}.auth .role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:330px){.auth .auth-panel{padding-left:10px;padding-right:10px}.auth .auth-card{padding:16px}}

.cv-import-card{margin:0 0 18px;padding:16px;border:1px solid #a6cce5;border-radius:14px;background:#edf7ff}.cv-import-card h3{margin:0 0 6px}.cv-import-card p{margin:6px 0;font-size:13px;line-height:1.5}.cv-import-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cv-import-actions input{max-width:100%;min-width:0}.cv-import-review{z-index:1300}.cv-import-review .permission-modal{width:min(800px,96vw);max-height:94dvh;overflow:auto;background:white;padding:20px;color:#12324c}.cv-import-review header{display:flex;justify-content:space-between;align-items:center;gap:12px}.cv-import-review h2{margin:0;font-size:20px}.cv-import-results{max-height:50dvh;overflow:auto;border:1px solid #d5e6f1;padding:12px}.cv-import-results section+section{border-top:1px solid #d5e6f1;padding-top:12px}.cv-import-results label,.cv-import-replace{display:flex;align-items:center;gap:8px}.cv-import-results input,.cv-import-replace input{width:auto!important}.cv-import-results ul{padding-left:20px;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.cv-import-replace{margin-top:14px;font-size:13px}@media(max-width:600px){.cv-import-actions{align-items:stretch;flex-direction:column}.cv-import-review .permission-modal{padding:14px}.cv-import-card{padding:12px}}

/* Preview controls stay above the independently scrolling, full-width CV. */
@media screen{
.cv-preview-page{display:flex;flex-direction:column;min-height:0;height:100%;padding:4px!important;overflow:hidden!important;gap:0}
.cv-preview-page>.page-head{display:none}
.cv-preview-page>.cv-preview-toolbar{flex:0 0 auto;position:static;justify-content:flex-start;gap:4px;margin:0;padding:4px;background:#eef4f8;flex-wrap:nowrap}
.cv-preview-page>.cv-preview-toolbar .btn{font-size:12px;line-height:1.2;height:44px;min-height:44px;padding:6px 9px;border-radius:9px;white-space:nowrap;flex:1;min-width:44px}
.cv-preview-page>.cv-zoom-controls{flex:0 0 auto;padding:0 4px;gap:4px;height:44px;justify-content:center;font-size:12px}
.cv-preview-page>.asa-cv-pages{flex:1;min-height:0;max-height:none;width:100%;padding:3px;overflow:auto}
}

.auth .auth-method{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:#eaf6ff;margin:12px 0}
.auth .auth-method label{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:48px;padding:10px 8px;border:1px solid #7199b8;border-radius:10px;background:#123f60;color:#f4faff;font-size:14px;font-weight:750;line-height:1.25}
.auth .auth-method label:has(input:checked){background:#075f99;border-color:#73d5ff}
.auth .auth-method input{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:#65d9ff}
.auth .phone-entry{grid-template-columns:minmax(112px,.8fr) minmax(0,1.2fr)}
.auth .phone-country-select{font-size:14px}

.chat-photo-capture{position:fixed!important;inset:0!important;width:100vw;height:100dvh;padding:0!important;background:#000!important;z-index:1400!important;display:block!important;backdrop-filter:none!important}
.chat-camera-screen{position:relative;width:100%;height:100%;background:#000;overflow:hidden;color:#fff}
.chat-camera-stage{position:absolute;inset:0;overflow:auto;display:flex;align-items:center;justify-content:center}
.chat-camera-stage video{width:100%;height:100%;object-fit:contain}
.chat-camera-stage img{flex:none;max-width:none;max-height:none;object-fit:contain;transform-origin:center}
.chat-photo-capture [hidden]{display:none!important}
.chat-camera-top,.chat-camera-bottom,.chat-camera-edit{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;pointer-events:none}
.chat-camera-top{top:0;padding-top:calc(12px + env(safe-area-inset-top));background:linear-gradient(#0007,transparent)}
.chat-camera-bottom{bottom:0;justify-content:center;padding-bottom:calc(20px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0008)}
.chat-camera-edit{bottom:calc(108px + env(safe-area-inset-bottom));justify-content:center}
.chat-photo-capture button{pointer-events:auto;display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;padding:11px;border:1px solid #ffffff55;border-radius:50%;background:#0005;color:white;touch-action:manipulation;cursor:pointer}
.chat-photo-capture button svg{width:24px;height:24px;pointer-events:none}.chat-photo-capture button:disabled{opacity:.5}
.chat-photo-capture .chat-camera-shutter{width:80px;height:80px;border:3px solid white;background:#ffffff25;padding:6px}
.chat-camera-shutter span{display:block;width:100%;height:100%;background:#f12846;border-radius:50%;pointer-events:none}
.chat-camera-bottom [data-chat-photo-send]{background:#057cba99;width:60px;height:60px}

/* Desktop panes each own their vertical scroll; the document does not scroll them together. */
@media screen and (min-width:761px){
 .shell{height:100dvh;min-height:0!important;overflow:hidden;align-items:stretch}
 .shell>.sidebar{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;flex-shrink:0}
 .shell>.sidebar>*{flex-shrink:0}
 .shell>.chat-column{height:100%;min-height:0!important;overflow:hidden}
 .chat-column>.column-head{flex:0 0 auto}
 .chat-column>.chat-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
 .shell>.workspace{height:100%;min-height:0!important;min-width:0;overflow:hidden}
 .workspace>.page{flex:1;min-height:0!important;height:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
}
.menu-layout-entry{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px;min-height:58px;text-align:left;font:inherit;font-weight:650;color:#12324b;margin-top:10px;cursor:pointer}
.menu-layout-entry .settings-chevron{transform:rotate(-45deg)}
.menu-layout-page .menu-layout-row{display:flex;gap:8px;align-items:center;padding:6px;border:1px solid #dce5ec;border-radius:10px;background:#fff;min-height:58px;margin:8px 0}
.menu-layout-page .menu-row-number{flex:0 0 20px;font-size:13px;color:#6b7d8e;text-align:center}
.menu-layout-page .menu-row-label{flex:1;min-width:0;overflow-wrap:anywhere}
.menu-layout-page select{flex:1;min-width:0;width:100%;padding:10px;border:1px solid #cbdce7;border-radius:8px;background:#fff;color:#12324b}
.menu-drag-handle{display:grid;place-items:center;width:44px;height:44px;min-width:44px;flex:0 0 44px;padding:8px;background:transparent;border:0;border-radius:8px;color:#476b80;cursor:grab;touch-action:none;user-select:none}
.menu-drag-handle svg{pointer-events:none}.menu-drag-handle:focus-visible{outline:2px solid #0878cd}
.menu-layout-page .menu-row-dragging{background:#e8f5ff;border-color:#0878cd;box-shadow:0 4px 12px #0878cd33}.menu-row-dragging .menu-drag-handle{cursor:grabbing}
.menu-layout-actions{z-index:4;flex-wrap:wrap}

.sidebar-own-profile{width:100%;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px;padding:10px 6px;background:transparent}.sidebar-own-profile:hover{background:#ffffff12}.sidebar-own-profile:focus-visible{outline:2px solid #65d9ff;outline-offset:2px}.sidebar-own-profile>*{pointer-events:none}

/* Account deletion tools share full button hit areas on mobile and desktop. */
.deletion-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #dce4eb}.deletion-row>div{flex:1;min-width:180px}.deletion-row small{display:block;overflow-wrap:anywhere;color:#64748b}.btn-danger{background:#b91c1c!important;color:#fff!important;border:1px solid #991b1b!important;min-height:44px}.deletion-account-id{display:block;overflow-wrap:anywhere;user-select:all;margin:8px 0}.deletion-actions{display:flex;gap:10px;flex-wrap:wrap}.account-deletion-modal .permission-modal{max-height:90dvh;overflow:auto}.account-privacy-settings .settings-group-body{padding:14px}.account-privacy-settings input[type=password]{width:100%;min-height:44px}.account-privacy-settings a{color:#075b93;text-decoration:underline}.account-deletion-admin h2{font-size:18px}

.platform-about{max-width:1100px;margin-inline:auto}.platform-about p{line-height:1.7;overflow-wrap:anywhere}.platform-about h2{font-size:1.16rem;margin-top:0}.platform-about-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.platform-about-sections .settings-card{margin:0}.platform-about-contact{margin-top:14px}.platform-about-contact a{display:inline-flex;align-items:center;min-height:44px}.platform-about-contact .btn{min-height:44px;white-space:normal}@media(max-width:700px){.platform-about-sections{grid-template-columns:1fr}}

/* Keep the conversation back control visible against the dark header. */
.conversation-head .conversation-back-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #90c9ed!important;border-radius:12px;background:#1267a4!important;color:#fff!important;opacity:1!important;box-shadow:0 2px 8px #001e3950}.conversation-head .conversation-back-button svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.75;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.conversation-head .conversation-back-button:hover{background:#0b5589!important}.conversation-head .conversation-back-button:active{background:#09456f!important}.conversation-head .conversation-back-button:focus-visible{outline:3px solid #37ceef;outline-offset:3px}

/* The draft gets a full-width row; media controls stay below it. */
.workspace .composer{display:grid;grid-template-columns:44px 44px 44px minmax(0,1fr) 44px;grid-template-rows:auto 44px;gap:8px;align-items:end;flex-shrink:0;min-width:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff}
.workspace .composer textarea.message-input{grid-row:1;grid-column:1/-1;display:block;box-sizing:border-box;width:100%;min-width:0;min-height:48px;height:48px;max-height:200px;margin:0;padding:11px 13px;border:1px solid #afc6d9;border-radius:14px;font:inherit;font-size:16px;line-height:1.45;color:#10243a;background:#f4f8fc;resize:none;white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.workspace .composer textarea.message-input:focus{outline:2px solid #1684c6;outline-offset:1px}
.workspace .composer .attach-button,.workspace .composer .record-btn,.workspace .composer .send{grid-row:2;display:grid;place-items:center;width:44px;height:44px;min-width:44px;margin:0;padding:0;border-radius:12px;color:#07567e;background:#e6f1f9;font-size:23px;line-height:1;border:1px solid #c7dae8}
.workspace .composer .attach-button{grid-column:1}.workspace .composer [data-record="audio"]{grid-column:2}.workspace .composer [data-record="video"]{grid-column:3}.workspace .composer .send{grid-column:5;background:#087fc3!important;color:#fff;border-color:#087fc3}

/* CV actions wrap with their translated labels on narrow screens. */
.cv-builder .cv-sticky-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;padding:12px;min-width:0;box-sizing:border-box;max-width:100%}
.cv-builder .cv-sticky-actions>span{flex:1 0 100%;min-width:0}
.cv-builder .cv-sticky-actions>.btn{flex:1 1 140px;min-width:0;max-width:100%;height:auto;min-height:44px;padding:12px 10px;white-space:normal;overflow-wrap:anywhere;line-height:1.3;text-align:center}
@media(max-width:480px){.cv-builder .cv-sticky-actions{position:static;top:auto}.cv-builder .cv-sticky-actions>.btn{flex:1 1 calc(50% - 8px)}.cv-builder .cv-sticky-actions>[data-cv-download]{flex-basis:100%}.cv-builder .cv-section-title{flex-wrap:wrap}.cv-builder .cv-section-title>div{min-width:0;max-width:100%}}
/* Super Admin command centre */
.admin-command-centre{max-width:1440px;margin:auto;padding-bottom:110px}.admin-command-hero{background:linear-gradient(120deg,#092d4b,#124f71);color:#fff;border-radius:24px;padding:26px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;box-shadow:0 16px 34px #0a30471a}.admin-command-hero h1{margin:18px 0 8px;font-size:clamp(24px,3.6vw,38px);line-height:1.2}.admin-command-hero p{color:#d3e7f1;margin:0 0 14px}.admin-command-hero small{color:#b1d3e3}.admin-command-hero .btn{flex-shrink:0;white-space:normal}.admin-panel-tabs{display:flex;gap:8px;margin:22px 0 14px;border-bottom:1px solid #cbdce5;padding-bottom:10px}.admin-panel-tabs button{border:0;background:transparent;color:#37586c;padding:12px 16px;border-radius:12px;font-weight:700;min-height:46px}.admin-panel-tabs .active{background:#113e5c;color:#fff}.admin-periods{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}.admin-periods button{border:1px solid #c2d8e4;color:#1f5776;background:#fff;padding:10px 16px;border-radius:24px;min-height:44px;font-weight:700}.admin-periods [aria-pressed=true]{background:#1680b3;color:#fff;border-color:#1680b3}.admin-live-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.admin-live-totals button{background:#e8f2f7;border:1px solid #cbdfe9;border-radius:16px;padding:16px;text-align:left;color:#23495e;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:105px}.admin-live-totals strong{font-size:28px;color:#103e5a}.admin-comparison-note,.admin-footnote{font-size:12px;color:#5c7280;line-height:1.6}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.admin-kpi{background:white;border:1px solid #d8e5ec;border-top:4px solid var(--metric-color);padding:18px;border-radius:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.admin-kpi>span:first-child{font-size:13px;font-weight:700;min-height:36px;color:#37576b}.admin-kpi>strong{font-size:34px;color:#14364d;line-height:1}.admin-change{font-size:12px;font-weight:800;display:inline-block;line-height:1.6}.admin-change.is-up{color:#117b46}.admin-change.is-down{color:#b3283d}.admin-change.is-flat{color:#526b7b}.admin-kpi>small{color:#617887;font-size:11px}.admin-comparison-bars{height:14px;display:flex;flex-direction:column;gap:4px}.admin-comparison-bars i{display:block;height:5px;border-radius:4px;background:var(--metric-color);min-height:5px}.admin-comparison-bars i+i{background:#c3d2dd}.admin-panel-card{background:#fff;border:1px solid #d8e5ec;border-radius:20px;padding:22px;margin:18px 0;min-width:0;box-shadow:0 5px 16px #123f5a06}.admin-panel-card>header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.admin-panel-card h2{font-size:19px;color:#183c54;margin:0}.admin-panel-card select,.admin-content-filter input,.admin-content-filter select{border:1px solid #c9dce7;border-radius:10px;background:#f4f9fc;color:#244b62;padding:10px;min-height:44px;max-width:100%}.admin-growth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-growth-grid article{background:#f0f7fb;border-radius:14px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.admin-growth-grid h3{font-size:14px;margin:0;color:#37576b}.admin-growth-grid strong{font-size:30px;color:#163e57}.admin-growth-grid small{font-size:12px;color:#5c7280}.admin-trend-scroll{overflow-x:auto;padding:10px 0}.admin-trend-bars{display:grid;grid-template-columns:repeat(var(--bars),minmax(32px,1fr));gap:6px;min-width:100%;width:max-content;align-items:end}.admin-trend-column{display:flex;flex-direction:column;text-align:center;gap:9px;color:#496c83;font-size:11px;min-width:32px}.admin-trend-column>div{height:140px;display:flex;align-items:flex-end;justify-content:center;background:#f3f8fb;border-radius:7px}.admin-trend-column i{display:block;width:70%;background:linear-gradient(#32a5d0,#1778ac);border-radius:5px 5px 0 0}.admin-trend-column small{font-size:10px}.admin-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-two-columns>.admin-panel-card{margin:0}.admin-call-layout{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.admin-call-donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#168bc0 0 var(--voice-share),#7461dc var(--voice-share) 100%);padding:16px;flex-shrink:0;box-sizing:border-box}.admin-call-donut>div{height:100%;width:100%;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.admin-call-donut strong{font-size:32px;color:#163c55}.admin-call-donut small{font-size:12px;color:#5c7280}.admin-call-legend{flex:1;min-width:180px;font-size:12px}.admin-call-legend p{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:13px 0;color:#3f5d70}.admin-call-legend b{margin-left:auto;color:#173e58}.admin-call-legend i{width:9px;height:9px;border-radius:50%}.admin-call-legend .voice{background:#168bc0}.admin-call-legend .video{background:#7461dc}.admin-scale-row{margin:18px 0}.admin-scale-row>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#3b5b6e;margin-bottom:8px}.admin-command-centre progress{display:block;width:100%;height:8px;border:0;appearance:none;background:#e8f0f5;border-radius:20px;overflow:hidden}.admin-command-centre progress::-webkit-progress-bar{background:#e8f0f5}.admin-command-centre progress::-webkit-progress-value{background:var(--scale-color,#168bc0)}.admin-command-centre progress::-moz-progress-bar{background:var(--scale-color,#168bc0)}.admin-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-status-grid button{border:1px solid #dbe6ee;border-radius:14px;background:#f6fafc;padding:16px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:12px;color:#3a5b70}.admin-status-grid strong{font-size:25px;color:#173e58}.admin-status-grid progress{grid-column:1/-1}.admin-status-grid small{grid-column:2;grid-row:1;color:var(--scale-color)}.admin-active-list,.admin-history{list-style:none;padding:0;margin:0}.admin-active-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e7eef3}.admin-active-list li>span:last-child{margin-left:auto;white-space:nowrap;color:#1c6f91;font-size:13px;font-weight:700}.admin-rank{width:28px;height:28px;display:grid;place-items:center;background:#eaf3fa;border-radius:8px;color:#276a8e;font-size:12px}.admin-person{background:none;border:0;color:#1c648b;padding:0;font:inherit;text-align:left;overflow-wrap:anywhere}.admin-table-scroll{overflow-x:auto}.admin-command-centre table{width:100%;border-collapse:collapse;font-size:13px}.admin-command-centre th{text-align:left;font-size:12px;color:#5c7485;background:#f0f6fa;padding:14px 10px}.admin-command-centre td{padding:14px 10px;border-bottom:1px solid #e5eef3;vertical-align:top}.admin-count,.admin-kind{background:#e7f3fa;color:#21678c;border-radius:18px;padding:5px 10px;font-size:11px;white-space:nowrap}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;font-size:12px;color:#557386}.admin-quick-actions,.admin-listing-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-quick-actions .btn{flex:1 1 180px;text-align:left;justify-content:space-between;white-space:normal;line-height:1.5;height:auto;min-height:46px}.admin-content-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.admin-content-filter input{flex:1 1 220px;min-width:0}.admin-content-list>article{padding:18px;background:#f7fafc;border:1px solid #dce8ef;border-radius:14px;margin-top:14px}.admin-listing-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap;overflow-wrap:anywhere}.admin-listing-title>strong{flex:1 1 180px;color:#183f57}.admin-listing-title>span:last-child{font-size:11px;color:#607c8c}.admin-content-list article>p{font-size:12px;color:#607a8c;line-height:1.7}.admin-content-list details{margin:12px 0;font-size:13px}.admin-content-list details p{white-space:pre-wrap;overflow-wrap:anywhere;color:#385a70;line-height:1.65}.admin-content-list summary{cursor:pointer;color:#176d97;font-weight:700}.admin-listing-actions .btn{min-height:44px;height:auto;white-space:normal;line-height:1.4}.admin-danger{background:#fff0f1;border:1px solid #e9bcc5;color:#a32740}.admin-history li{padding:16px 0;border-bottom:1px solid #e4edf2;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#36596d}.admin-history p{white-space:pre-wrap;margin:0;overflow-wrap:anywhere}.admin-history small{color:#708693;font-size:11px}.admin-panel-alert{background:#fff2e8;color:#8d4b16;padding:14px;border-radius:12px}.admin-empty{padding:24px 4px;color:#6a8191;line-height:1.7}.admin-moderation-modal .permission-modal{width:min(560px,calc(100vw - 28px));max-height:90dvh;overflow-y:auto}.admin-moderation-modal label{display:flex;flex-direction:column;gap:10px;margin:20px 0 10px}.admin-moderation-modal textarea{box-sizing:border-box;width:100%;border:1px solid #bad0dd;border-radius:12px;padding:14px;resize:vertical;min-height:130px;font:inherit;color:#173c55}.admin-moderation-modal small,.admin-moderation-modal p{font-size:13px;line-height:1.6;color:#5b7789}.admin-moderation-modal [role=alert]{color:#a32740}.admin-command-centre .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1000px){.admin-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-live-totals{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-two-columns{grid-template-columns:1fr}.admin-panel-card{padding:18px}}
@media(max-width:600px){.admin-command-hero{padding:20px;border-radius:18px;flex-wrap:wrap}.admin-command-hero .btn{width:100%}.admin-live-totals,.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-live-totals button{padding:14px;min-height:95px;font-size:12px}.admin-kpi{padding:14px;gap:10px}.admin-kpi>strong{font-size:28px}.admin-kpi>span:first-child{font-size:12px}.admin-panel-card{padding:16px;border-radius:16px}.admin-panel-card h2{font-size:17px}.admin-growth-grid{grid-template-columns:1fr}.admin-growth-grid article{display:grid;grid-template-columns:1fr auto;gap:12px}.admin-growth-grid article strong{grid-row:1/3;grid-column:2}.admin-growth-grid article small{grid-column:1/-1}.admin-status-grid{grid-template-columns:1fr;gap:10px}.admin-periods button{flex:1;padding-inline:8px}.admin-panel-tabs button{flex:1;padding:10px;font-size:13px}.admin-content-filter select{flex:1;min-width:0}.admin-content-filter>.btn{width:100%}.admin-listing-actions>.btn{flex:1;min-width:130px}.admin-call-layout{justify-content:center}.admin-command-centre td{font-size:12px;padding-inline:7px}.admin-person{max-width:180px}.admin-command-centre .admin-active-list .admin-person{max-width:none;min-width:0;flex:1}}

.admin-call-donut.is-empty{background:#e8f0f5}

.admin-listing-breakdown{background:#f1f7fb;padding:16px;border-radius:14px;display:flex;flex-direction:column;gap:12px;color:#466779;font-size:13px}.admin-listing-breakdown strong{font-size:28px;color:#183f58}.admin-listing-breakdown small{color:var(--scale-color)}

/* Dense administrative user table; keep every column available by scrolling. */
.users-analytics-page .users-table-card .users-table{width:max-content;min-width:100%;font-size:12px;line-height:1.3;table-layout:auto}
.users-analytics-page .users-table-card .users-table th{padding:9px 8px;font-size:12px;line-height:1.3}
.users-analytics-page .users-table-card .users-table td{padding:4px 8px;height:44px;vertical-align:middle;white-space:nowrap;font-size:12px;line-height:1.3}
.users-analytics-page .users-table-card .users-table .chat-profile-name{display:inline-flex;align-items:center;min-height:36px;margin:0;padding:0;font-size:12px;line-height:1.3;white-space:nowrap}
.users-analytics-page .users-table-card .users-table .btn{min-height:36px;margin:0;padding:6px 9px;font-size:12px;line-height:1.3;white-space:nowrap}
.users-analytics-page .users-table-card .ranking-badge{padding:3px 6px;font-size:11px;line-height:1.3}
.users-analytics-page .users-table-card .users-table button:focus-visible{outline:2px solid #0879b6;outline-offset:1px}

.competition-editor label{display:grid;gap:6px;font-size:13px;font-weight:650}.competition-editor textarea,.competition-editor input{width:100%;min-width:0;font:inherit;padding:10px;border:1px solid #cbdce7;border-radius:10px;background:#fff;color:#10243a}.competition-editor textarea{resize:vertical}.competition-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.competition-editor-actions .btn{min-height:44px;white-space:normal}.competition-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;line-height:1.5}.competition-hero .prizes span{white-space:normal;overflow-wrap:anywhere}

.compact-books-page .book-card[hidden]{display:none!important}

.blacklist-report-modal .blacklist-evidence-confirm{display:flex;align-items:flex-start;gap:10px}.blacklist-report-modal .blacklist-evidence-confirm input{width:20px;height:20px;flex:0 0 20px;margin-top:2px}.blacklist-report-modal .blacklist-evidence-confirm span{font-size:13px;line-height:1.5}

/* Only the inbox list scrolls underneath the fixed header and bottom navigation. */
@media screen and (max-width:760px){
 body:has(.shell.inbox-layout) .mobile-top{position:fixed;left:0;right:0;top:0;z-index:30;height:calc(64px + env(safe-area-inset-top))!important;box-sizing:border-box}
 .shell.inbox-layout{height:calc(100dvh - 64px - env(safe-area-inset-top));min-height:0;margin-top:calc(64px + env(safe-area-inset-top));overflow:hidden}
 .shell.inbox-layout>.chat-column{height:calc(100% - 66px - env(safe-area-inset-bottom));min-height:0;overflow:hidden;display:flex;flex-direction:column}
 .shell.inbox-layout .column-head{flex:0 0 auto;min-width:0}
 .shell.inbox-layout .chat-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-bottom:12px;-webkit-overflow-scrolling:touch}
 .directory-page,.finance-page{min-width:0;max-width:100%;padding:14px 12px 85px}
 .directory-page .page-head,.finance-page .page-head{gap:8px;flex-wrap:wrap;margin-bottom:12px}
 .directory-page h1,.finance-page h1{font-size:23px;line-height:1.25;margin:0 0 5px;overflow-wrap:anywhere}
 .directory-page .page-head p,.finance-page .page-head p{font-size:12px;line-height:1.4;margin:0}
 .directory-page .admin-shield,.finance-page .admin-shield{font-size:10px;padding:5px 7px;white-space:normal}
 .directory-page .stats{gap:6px;margin:10px 0}
 .directory-page .stat{padding:9px 6px;border-radius:10px;min-width:0;font-size:11px;line-height:1.3}
 .directory-page .stat strong{font-size:21px;line-height:1.3;margin-top:4px}
 .directory-page .directory-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0;padding:10px;border-radius:12px}
 .directory-page .directory-filters>label{min-width:0;font-size:11px;gap:5px}
 .directory-page .directory-filters select{width:100%;min-width:0;max-width:100%;font-size:13px;padding:9px 5px;text-overflow:ellipsis}
 .directory-page .directory-language-filter{grid-column:1/-1;min-width:0;padding:9px;font-size:12px}
 .directory-page .directory-language-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .directory-page .directory-language-options label{font-size:12px;min-width:0}
 .directory-page [data-directory-search]{grid-column:1/-1;margin:0;min-height:44px;padding:8px;font-size:13px}
 .directory-page .rank-count-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
 .directory-page .rank-count-grid button{min-width:0;align-items:center;gap:5px;padding:9px 8px;min-height:44px;border-radius:9px;font-size:12px}
 .directory-page .rank-count-grid b{min-width:0;overflow-wrap:anywhere;font-weight:600}
 .directory-page .rank-count-grid span{flex:none;min-width:24px;padding:2px 5px;font-size:11px}
 .directory-page .candidate{gap:8px;padding:11px;min-width:0}
 .directory-page .candidate-copy{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
 .directory-page .candidate-actions{gap:6px;flex-wrap:wrap}
 .directory-page .candidate .btn{font-size:12px;white-space:normal;padding:8px;min-height:44px}
 .finance-page .credit-account-list{gap:8px;min-width:0}
 .finance-page .credit-account{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:11px;border-radius:12px;min-width:0}
 .finance-page .credit-account>div:first-child{min-width:0;gap:3px}
 .finance-page .credit-account b{font-size:13px;line-height:1.35;overflow-wrap:anywhere}
 .finance-page .credit-account span{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
 .finance-page .credit-account>strong{font-size:13px;white-space:nowrap}
 .finance-page .credit-account>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 .finance-page .credit-account .btn{min-width:0;min-height:44px;padding:7px 4px;font-size:12px;white-space:normal;overflow-wrap:anywhere}
}
.salary-negotiable-choice{display:flex;align-items:center;gap:7px;padding:8px 10px;margin:5px 0;font-size:12px;color:#195e3b;border:1px solid #b7dbc8;background:#eff8f2;border-radius:9px;cursor:pointer}.salary-negotiable-choice input{width:18px;height:18px;accent-color:#20844d;flex:none}.salary-negotiable-dot{width:7px;height:7px;border-radius:50%;background:#20844d;flex:none}.vacancy-form .rank-pay-fields label[hidden]{display:none!important}.menu-drag-handle{-webkit-touch-callout:none;-webkit-user-select:none;touch-action:none}.menu-layout-page .menu-row-dragging{position:relative;z-index:5}

.feedback-page{max-width:100%;min-width:0}.feedback-form{display:grid;gap:12px}.feedback-form label{display:grid;gap:6px;font-size:13px;font-weight:650}.feedback-form input[type=file]{max-width:100%;font-size:13px}.feedback-form textarea{width:100%;font:inherit}.feedback-item{padding:14px 0;border-bottom:1px solid #d8e5ee}.feedback-item small{display:block;color:#63778b;font-size:11px;margin-top:4px}.feedback-item p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.feedback-item>div{display:flex;gap:6px;flex-wrap:wrap}.feedback-item a{font-size:12px;max-width:100%;overflow-wrap:anywhere;white-space:normal}

/* Keep the inbox reachable even when an account has no bottom Messages shortcut. */
.ref-drawer-messages{flex:0 0 auto!important;width:calc(100% - 36px);margin:4px 18px 8px!important;padding:0 12px!important;min-height:44px;border:1px solid #4c9dc7!important;border-radius:10px;background:#164d70!important;color:#fff!important;box-sizing:border-box}.ref-drawer-messages>svg{flex:none}.ref-drawer-messages>span:not(.ref-chevron){flex:1;text-align:left}
/* Owner recovery tools remain compact on phones; large copies stream directly to desktop disk. */
.backup-controls,.backup-counts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.backup-controls>.btn{font-size:14px;min-height:42px;white-space:normal;overflow-wrap:anywhere;text-align:center}.backup-record>header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.backup-record strong{color:#147751}.backup-counts>span{font-size:13px;border-radius:8px;background:#e9f1f6;padding:6px 9px}.owner-backups small,.owner-backups p{line-height:1.55;overflow-wrap:anywhere}.owner-backups h1{font-size:clamp(24px,5vw,34px)}

/* Registration overview remains the first readable content on phones. */
.admin-command-hero h1{margin-top:8px}.admin-eyebrow{font-size:11px;letter-spacing:2px;color:#a8dbf2;font-weight:800}.admin-registration-summary{margin:18px 0 22px}.admin-registration-summary>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-registration-summary h2{font-size:21px;margin:0;color:#143d56}.admin-registration-summary header small{color:#5c7280;font-size:12px}.admin-registration-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-registration-cards article{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid #cbdfe9;border-radius:18px;padding:20px;color:#23495e;min-width:0}.admin-registration-cards article>strong{font-size:36px;line-height:1.1;font-variant-numeric:tabular-nums;color:#103e5a}.admin-registration-cards article>span:first-child{font-size:14px;font-weight:700}.admin-registration-cards small{font-size:12px;color:#5c7280}.admin-registration-cards .is-total{background:#103e5a;color:#fff;border-color:#103e5a}.admin-registration-cards .is-total strong{color:#fff}.admin-registration-cards .is-total small{color:#c0dce9}
@media(max-width:600px){.admin-command-centre .admin-command-hero{padding:18px;gap:12px}.admin-command-hero h1{font-size:25px}.admin-command-hero p{font-size:14px;margin-bottom:8px}.admin-registration-summary>header{align-items:flex-start;flex-direction:column;gap:5px}.admin-registration-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-registration-cards article{padding:15px;gap:8px}.admin-registration-cards article>strong{font-size:32px}.admin-registration-cards .admin-change{font-size:12px}.admin-command-centre .admin-empty:empty{display:none}}

/* The compact catalogue uses the publisher avatar, without the old tall anchor. */
.vacancy-page .vacancy-card.vacancy-preview:not(:has(.vacancy-vessel-photo))::before{content:none;display:none}.vacancy-preview-publisher{display:flex;align-items:center;gap:8px;padding:10px;min-height:52px;border-bottom:1px solid #e6edf3;font-size:12px;font-weight:700;line-height:1.3;color:#123d59}.vacancy-preview-publisher>span:last-child{min-width:0;overflow-wrap:anywhere}.vacancy-publisher-avatar{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;background:#103e5a;border-radius:9px;overflow:hidden;color:white}.vacancy-publisher-avatar>span{font-size:19px}.vacancy-preview-publisher .vacancy-publisher-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:white}.vacancy-page .vacancy-preview .vacancy-preview-image{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;margin:0;float:none}
/* Statistics fit the phone viewport; long lists scroll within their own dialog. */
.admin-command-centre{width:100%;max-width:1440px;min-width:0;box-sizing:border-box;overflow-x:clip;font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%}.admin-command-centre *{box-sizing:border-box}.admin-command-centre input,.admin-command-centre select,.admin-command-centre textarea{font-size:16px}.admin-command-centre [role=button]{cursor:pointer}.admin-command-centre [role=button]:focus-visible{outline:3px solid #168bc0;outline-offset:3px}.admin-command-centre .admin-panel-card,.admin-command-centre .admin-registration-summary,.admin-command-centre .admin-kpi-grid,.admin-command-centre .admin-two-columns{width:100%;max-width:100%;min-width:0}.admin-command-centre strong,.admin-command-centre b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.admin-period-heading h2{font-size:19px;line-height:1.5;margin:18px 0 6px}.admin-period-heading p{font-size:13px;line-height:1.7;color:#486879}.admin-command-centre .admin-trend-scroll{width:100%;max-height:440px;overflow:auto;overscroll-behavior:contain}.admin-command-centre .admin-trend-table{table-layout:fixed;font-size:13px;min-width:0;width:100%}.admin-trend-table th,.admin-trend-table td{padding:10px 4px!important;text-align:center!important;overflow-wrap:anywhere}.admin-trend-table thead th{position:sticky;top:0;background:#eaf3f8;z-index:1;font-size:11px}.admin-command-centre .admin-scale-row>div{flex-wrap:wrap}.admin-command-centre .admin-registration-cards [aria-pressed=true]{border:2px solid #168bc0}.admin-stat-modal{z-index:13000!important;padding:12px!important;align-items:center!important;overflow:hidden!important}.admin-stat-modal .permission-modal{width:min(760px,100%)!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px!important;box-sizing:border-box;font-size:16px;-webkit-text-size-adjust:100%}.admin-stat-modal header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:sticky;top:-18px;background:#fff;padding:12px 0;z-index:2}.admin-stat-modal h2{font-size:21px;line-height:1.4;margin:0}.admin-stat-modal header p{font-size:12px;line-height:1.7;margin:6px 0;color:#526d7c}.admin-stat-modal header .btn{font-size:14px;min-height:44px;flex-shrink:0}.admin-detail-total{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px;background:#edf6fb;border-radius:12px}.admin-detail-people{list-style:none;margin:0;padding:0}.admin-detail-people>li{padding:16px 0;border-bottom:1px solid #dbe7ee}.admin-detail-identity{display:flex;gap:10px;overflow-wrap:anywhere}.admin-detail-identity>div{display:flex;flex-direction:column;gap:5px;min-width:0}.admin-detail-identity small{font-size:12px;color:#5c7382}.admin-detail-people dl{display:grid;grid-template-columns:1fr 1fr 2fr;gap:10px;margin:12px 0 0}.admin-detail-people dt{font-size:11px;color:#607989}.admin-detail-people dd{font-size:13px;margin:4px 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.admin-stat-modal .admin-pagination{position:sticky;bottom:-18px;background:#fff;padding:12px 0;font-size:13px}.admin-stat-modal .admin-pagination .btn{font-size:14px;min-height:44px}.admin-command-centre .admin-registration-cards article{scroll-margin-top:100px}
@media(max-width:600px){.admin-command-centre{padding-left:12px!important;padding-right:12px!important}.admin-command-centre .admin-panel-card{padding:14px;margin:14px 0}.admin-command-centre .admin-kpi-grid,.admin-command-centre .admin-status-grid,.admin-command-centre .admin-live-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-command-centre .admin-two-columns{grid-template-columns:1fr}.admin-command-centre .admin-kpi{padding:14px;gap:9px}.admin-command-centre .admin-kpi>strong{font-size:28px}.admin-command-centre .admin-call-donut{width:120px;height:120px}.admin-command-centre .admin-call-legend{min-width:0}.admin-command-centre .admin-panel-card>header{gap:10px}.admin-command-centre .admin-registration-cards article>strong{font-size:28px}.admin-command-centre .admin-live-totals button{padding:12px}.admin-command-centre .admin-periods button{flex:1;min-width:0;padding:10px 6px;font-size:15px}.admin-command-centre .admin-active-list li{flex-wrap:wrap}.admin-stat-modal .permission-modal{padding:14px!important}.admin-stat-modal header{top:-14px}.admin-stat-modal .admin-pagination{bottom:-14px}.admin-command-centre .admin-table-scroll{max-width:100%}}
.admin-command-centre .admin-panel-tabs{flex-wrap:wrap}.admin-command-centre .admin-panel-tabs button{flex:1 1 140px;min-width:0;font-size:14px;line-height:1.4}.admin-activity-items{list-style:none;padding:0;margin:0}.admin-activity-items li{border-bottom:1px solid #dbe7ee;padding:16px 0;overflow-wrap:anywhere}.admin-activity-items li>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.admin-activity-items li>p{font-size:13px;line-height:1.7;color:#506e80;margin:10px 0 0}.admin-activity-items strong{font-size:13px;font-variant-numeric:tabular-nums}.admin-command-centre .admin-activity-items .admin-person{font-size:15px;min-height:36px}.admin-command-centre .admin-content-filter input,.admin-command-centre .admin-content-filter select{font-size:16px;max-width:100%;min-width:0}

/* Compact application actions: one aligned row, including CV preview. */
.application-decision-row{display:flex;flex-wrap:nowrap;gap:5px;align-items:stretch}
.application-decision-row>.btn{flex:1 1 0;min-width:0;min-height:44px;padding:8px 4px;font-size:clamp(10px,2.8vw,13px);line-height:1.2;white-space:normal;overflow-wrap:anywhere;border-radius:10px}
.application-decision-row>.btn-success{background:#168044;color:#fff;border-color:#168044}
.application-decision-row>.btn-success:disabled{background:#168044;color:#fff;opacity:.55}
.application-cv-row{font-size:13px;margin:8px 0 0}
.notification-item{min-width:0}
.notification-item .notification-delete-row{align-items:center;min-height:44px;margin-bottom:8px}
.notification-item .notification-delete-row .btn,.notification-item .notification-destination{font-size:13px;min-height:44px;padding:8px 10px}
.notification-item>.notification-destination{margin:0 0 0 6px;line-height:28px}
.notification-delete-toolbar{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:6px;align-items:stretch}
.notification-delete-toolbar label,.notification-delete-toolbar>.btn{font-size:12px;line-height:1.2;min-width:0;min-height:44px;padding:8px 5px;white-space:normal}
.notification-delete-toolbar input{flex-shrink:0}

.chat-image-viewer .chat-photo-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}
.chat-image-viewer .chat-photo-stage img.message-media{flex:none;width:100%;height:100%;max-height:100%;object-fit:contain;transform-origin:center;will-change:transform;touch-action:none;-webkit-user-drag:none}

/* News source brands and direct logo upload. */
.news-source-card{align-content:start}.news-logo-shell{display:flex;align-items:center;justify-content:flex-start;width:100%;height:76px;margin-bottom:10px}.news-logo{width:min(190px,100%);height:70px;max-width:100%;object-fit:contain;object-position:left center;border-radius:12px;background:#fff}.news-logo-picker{align-content:start}.news-logo-picker input[type=file]{padding:8px;background:#fff}.news-logo-picker small{color:#667f91;font-weight:500}.news-logo-picker img{display:block;width:150px;height:70px;margin-top:7px;border:1px solid #d8e5ee;border-radius:12px;background:#fff;object-fit:contain}.news-logo-picker img[hidden]{display:none}

/* Chat photos use the whole viewport; controls stay compact and clear of notches. */
.chat-image-viewer.modal-backdrop{position:fixed;inset:0;display:block;padding:0;background:#000;z-index:10050}.chat-image-viewer>section{position:relative;display:block;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#000;overflow:hidden}.chat-image-viewer header{position:absolute;z-index:3;top:calc(env(safe-area-inset-top,0px) + 8px);left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;background:transparent;pointer-events:none}.chat-image-viewer .photo-viewer-control{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;margin:0;padding:0 11px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(8,25,39,.78);color:#fff;font:700 13px/1 system-ui,sans-serif;text-decoration:none;box-shadow:0 3px 12px rgba(0,0,0,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto}.chat-image-viewer .photo-viewer-back{width:38px;padding:0;font-size:31px;font-weight:400}.chat-image-viewer .photo-viewer-download{gap:5px}.chat-image-viewer .chat-photo-stage{width:100vw;height:100dvh;min-height:100dvh}.chat-image-viewer .chat-photo-stage img.message-media{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;border-radius:0;object-fit:contain}
@media(max-width:640px){.news-logo-shell{height:62px}.news-logo{height:58px}.chat-image-viewer .photo-viewer-control{height:34px;min-width:34px;padding:0 9px;border-radius:10px;font-size:12px}.chat-image-viewer .photo-viewer-back{width:34px;padding:0;font-size:27px}}
.messages img.message-media{min-height:120px;object-fit:contain}

/* Upload acknowledgements stay inside the pending bubble without replacing its media. */
.upload-progress{display:block;font-size:11px;line-height:1.4;opacity:.85;margin-top:4px;overflow-wrap:anywhere}
/* Private encrypted recovery controls remain within Account and security. */
.personal-backup-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.personal-backup-actions .btn,.personal-backup-list .btn{font-size:13px;min-height:42px;padding:9px 12px}.personal-backup-list{list-style:none;padding:0;margin:12px 0}.personal-backup-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #d7e4ec}.personal-backup-list small{display:block;overflow-wrap:anywhere}.personal-backup-offer{margin:12px;padding:14px;border:1px solid #9dcede;border-radius:14px;background:#e8f6ff}.personal-backup-offer .btn{font-size:13px;margin:4px}.personal-backup-dialog .permission-modal{max-height:90dvh;overflow:auto}.personal-backup-dialog label{display:block;margin:12px 0}.personal-backup-dialog input[type=password]{width:100%;box-sizing:border-box}

@media(max-width:360px){.has-cv-shortcut .ref-top-brand{min-width:60px}.has-cv-shortcut .ref-wordmark{width:70px!important}}

/* Searchable country and flag selection, including small mobile screens. */
.country-search-control{display:block;position:relative;width:100%;min-width:0}
select.country-search-native{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;clip-path:inset(50%);overflow:hidden;pointer-events:none}
.country-search-trigger{display:block;position:relative;width:100%;min-width:0;min-height:46px;padding:12px 35px 12px 12px;border:1px solid #cbdde8;border-radius:12px;background:#fff;color:#122b40;font:inherit;font-size:14px;text-align:left;line-height:1.35;overflow-wrap:anywhere;cursor:pointer}
.country-search-trigger:after{content:'⌄';position:absolute;right:12px;top:12px}.country-search-trigger:focus-visible{outline:3px solid #159de5;outline-offset:2px}.country-search-trigger:disabled{opacity:.55;cursor:default}
.country-search-overlay{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,30,49,.55);box-sizing:border-box}
.country-search-panel{display:flex;flex-direction:column;box-sizing:border-box;width:min(100%,480px);max-height:80vh;max-height:80dvh;padding:16px;background:#fff;color:#122b40;border-radius:20px;box-shadow:0 12px 45px #08233655;overflow:hidden}
.country-search-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px}.country-search-panel header strong{font-size:18px;line-height:1.3}.country-search-panel header button{flex:none;width:42px;height:42px;border:0;border-radius:12px;background:#edf5fa;color:#12344b;font-size:28px;cursor:pointer}
.country-search-panel input[type=search]{box-sizing:border-box;flex:none;width:100%;min-height:46px;border:1px solid #a9c8dc;border-radius:12px;padding:10px 12px;font-size:16px;background:#fff;color:#122b40}
.country-search-options{overflow:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin-top:8px}.country-search-options button{display:block;box-sizing:border-box;width:100%;min-height:44px;padding:12px;border:0;border-bottom:1px solid #e2edf4;background:#fff;color:#122b40;text-align:left;font:inherit;font-size:15px;line-height:1.4;overflow-wrap:anywhere;cursor:pointer}.country-search-options button[aria-selected=true]{background:#e5f4ff;color:#006da9;font-weight:700}.country-search-options button:focus-visible{outline:2px solid #079de2;outline-offset:-2px;background:#edf8ff}.country-search-options button:disabled{opacity:.45;cursor:default}.country-search-status{margin:8px 0 0;font-size:14px}.country-search-status:empty{display:none}
@media(max-width:520px){.country-search-overlay{padding:12px;align-items:flex-start;padding-top:max(16px,env(safe-area-inset-top))}.country-search-panel{max-height:85vh;max-height:85dvh;border-radius:16px}.country-search-panel header strong{font-size:16px}}

.country-search-dial .country-search-trigger{padding-left:8px;padding-right:22px;white-space:nowrap;overflow-wrap:normal}
.country-search-dial .country-search-trigger:after{right:7px}
.cv-service-page>.page-head{flex-wrap:wrap}
.cv-service-page>.page-head>div{min-width:0;flex:1 1 235px}

/* The CV request inbox keeps long names, notes and buttons inside narrow screens. */
.cv-service-page .cv-form-notice{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;margin-bottom:.75rem}
.cv-service-page .cv-form-notice strong{color:#b91c1c;display:block;margin-bottom:.25rem}
.cv-service-page .cv-form-notice div{white-space:pre-wrap}
.cv-request-workspace,.cv-request-workspace .settings-card,.cv-request-workspace .cv-service-list{min-width:0;max-width:100%;box-sizing:border-box}
.cv-request-workspace .page-head h1{min-width:0;overflow-wrap:anywhere}
.cv-request-workspace .cv-service-list{grid-template-columns:minmax(0,1fr);gap:12px}
.cv-request-card>header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px}
.cv-request-card>header>div{flex:1 1 170px;min-width:0}
.cv-request-card h3,.cv-request-card p{overflow-wrap:anywhere;margin:.2rem 0}
.cv-request-card time{display:block;color:#53687a;font-size:.82rem;margin-top:.25rem}
.cv-request-card .cv-request-note{white-space:pre-wrap;margin-top:.6rem}
.cv-request-status{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;background:#eef3f7;color:#30465d;border-radius:10px;padding:4px 9px;font-size:.82rem;font-weight:700}
.cv-request-status[data-status=pending]{background:#fff1cb;color:#754d00}
.cv-request-status[data-status=active]{background:#e5efff;color:#124986}
.cv-request-status[data-status=completed]{background:#e1f6e8;color:#155939}
.cv-request-filters,.cv-request-workspace .cv-service-actions,.cv-request-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:8px}
.cv-request-filters{margin:12px 0}
.cv-request-workspace .cv-service-actions{margin-top:12px}
.cv-request-workspace .btn{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.3;box-sizing:border-box}
.cv-request-workspace .cv-service-actions .btn,.cv-request-filters .btn{height:auto;min-height:44px;padding:8px}
.cv-request-filters button[aria-pressed=true]{background:#0d4c78;color:#fff}
.cv-request-filters span{font-weight:700;margin-inline-start:.25rem}
.cv-notice-editor summary{cursor:pointer;font-weight:700}
.cv-notice-editor form{display:grid;gap:8px;margin-top:10px}
.cv-notice-editor label,.cv-notice-editor input,.cv-notice-editor textarea,.cv-notice-editor select{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
@media(max-width:480px){
 .cv-request-workspace .cv-request-card,.cv-request-workspace .cv-notice-editor{padding:12px}
 .cv-request-workspace .cv-service-actions,.cv-request-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cv-request-workspace .cv-service-file-list a{flex:1 1 100%}
}

/* Non-chat pages use the space next to the navigation, including iPad portrait. */
.shell.section-layout{grid-template-columns:minmax(0,235px) minmax(0,1fr)}
@media(min-width:901px) and (max-width:1100px){
 .shell.section-layout{grid-template-columns:205px minmax(0,1fr)}
}
.section-layout>.workspace>.page{min-width:0;max-width:100%}
.section-layout .cv-form-grid>*,.section-layout .sea-form-grid>*{min-width:0}
.section-layout input[type=file]{min-width:0;max-width:100%}
.deletion-row>div{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
.account-deletion-modal .permission-modal{max-height:calc(100dvh - 32px);overflow:auto}
.account-deletion-modal .deletion-account-id{overflow-wrap:anywhere}
.account-deletion-modal input:not([type=checkbox]){width:100%;min-width:0}
#account-deletion-options[hidden]{display:none}
#account-deletion-options{margin-top:6px;border:1px solid #dce5ec;border-radius:14px;background:#fff}
[data-account-privacy-toggle][aria-expanded="true"] .settings-chevron{transform:rotate(45deg)}
.auth-deletion-status{background:#eaf5ff;color:#12324b;padding:12px;border-radius:8px;font-weight:650}
.account-privacy-settings [data-self-deletion-form]{display:grid;gap:12px}
.account-privacy-settings .deletion-actions{display:flex;flex-wrap:wrap;gap:8px}
.section-layout .cv-page select,.section-layout .cv-page input:not([type=checkbox]):not([type=radio]),.section-layout .cv-page textarea{min-width:0;max-width:100%}

.contact-lookup-form{display:grid;gap:10px;min-width:0}
.contact-lookup-form input[type=text]{display:block;width:100%;min-width:0;box-sizing:border-box;margin-top:5px}
.contact-lookup-form .contact-lookup-consent{display:flex;gap:8px;align-items:flex-start}
.contact-lookup-consent input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:3px 0 0}
.contact-lookup-form>.btn{justify-self:start;max-width:100%}

.auth-head .ios-language-button{max-width:48%;min-width:0;white-space:normal;overflow-wrap:anywhere}

.auth-play-download{display:none}
@media (min-width:761px) and (hover:hover) and (pointer:fine){
  .auth-play-download{display:block;margin-top:16px}
  .auth-play-download .btn{text-decoration:none}
}

.cv-guided-certificates .cv-guide-list{display:grid;gap:8px;margin:12px 0}.cv-guided-certificates .cv-guide-item,.cv-guide-history{border:1px solid var(--border,#d8e5ee);border-radius:10px;padding:8px 12px;overflow-wrap:anywhere}.cv-guide-item summary,.cv-guide-history summary{cursor:pointer}.cv-guide-item b,.cv-guide-item small,.cv-guide-item summary>span{margin-inline-end:8px}.cv-guide-item .cv-form-grid{margin-top:10px}.cv-guide-add{font-weight:600;color:#137ba3}.cv-guide-history>.certificate-row,.cv-guide-history>.compact-cv-row{margin-top:8px}