[hidden]{display:none!important}
:root{--navy:#0d0f14;
--ink:#171923;
--muted:#777e8b;
--violet:#8b5cf6;
--page:#f5f6f8;
--line:#e3e6eb;
--chart-messages:#8b5cf6;
--chart-gps:#b39aff;
--chart-whatsapp:#ef4444;
--chart-browser:#777e8b;
--sidebar:260px}

*{box-sizing:border-box}
html{min-width:320px;
background:var(--page)}
body{margin:0;
height:100dvh;
overflow:hidden;
color:var(--ink);
font-family:Manrope,Inter,"Segoe UI",Arial,sans-serif;
font-size:14px;
-webkit-font-smoothing:antialiased}
button,a{font:inherit}
button{color:inherit}
a{color:inherit;
text-decoration:none}
.topbar{height:62px;
background:var(--navy);
color:#fff;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 24px 0 20px;
position:fixed;
left:0;
right:0;
top:0;
z-index:50}
.brand{font-size:20px;
font-weight:700;
letter-spacing:-.7px;
color:var(--violet);
white-space:nowrap}
.brand span{font-weight:600}
.topbar-actions{display:flex;
align-items:center;
gap:25px}
.signup-button{height:40px;
min-width:220px;
padding:0 24px;
border-radius:24px;
background:var(--violet);
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
font-weight:700;
box-shadow:0 4px 12px #8b5cf655;
transition:filter .15s,transform .15s}
.signup-button:hover{filter:brightness(1.05);
transform:translateY(-1px)}
.profile-wrap{position:relative}
.icon-button,.language-button{border:0;
background:none;
color:inherit;
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer}
.profile-toggle{gap:10px;
padding:7px}
.profile-toggle svg{width:22px;
height:22px;
stroke:currentColor;
stroke-width:1.7;
fill:none}
.chevron{width:8px;
height:8px;
border-right:1.5px solid currentColor;
border-bottom:1.5px solid currentColor;
transform:rotate(45deg);
transition:transform .18s;
display:inline-block;
flex:0 0 auto;
margin-top:-4px}
.section-heading[aria-expanded=true] .chevron,.profile-toggle[aria-expanded=true] .chevron{transform:rotate(225deg);
margin-top:4px}
.language-button{gap:10px;
font-weight:600;
padding:9px 5px}
.profile-menu{position:absolute;
top:calc(100% + 11px);
right:-8px;
width:252px;
background:#fff;
border:1px solid var(--line);
border-radius:12px;
box-shadow:0 14px 35px #101b3526;
color:#5b6473;
overflow:hidden;
z-index:30}
.profile-email{height:54px;
display:flex;
align-items:center;
gap:12px;
padding:0 15px;
background:#f7f8fa;
color:#384256;
font-weight:500}
.avatar-small{width:28px;
height:28px;
border-radius:50%;
display:grid;
place-items:center;
background:#eee9fc;
color:#7545e5;
font-weight:700}
.profile-menu>a{display:block;
padding:12px 18px;
border-top:1px solid #edf0f4}
.profile-menu>a:hover{background:#f7fafb;
color:var(--ink)}
.profile-menu>a.profile-menu-cta{display:none}
.menu-toggle,.mobile-sidebar-head{display:none}
.page-shell{display:flex;
height:calc(100dvh - 62px);
min-height:0;
margin-top:62px;
overflow:hidden}
.sidebar{width:var(--sidebar);
flex:0 0 var(--sidebar);
background:#fff;
position:relative;
top:auto;
height:100%;
overflow:auto;
border-right:1px solid #e9edf2;
z-index:12;
display:flex;
flex-direction:column}
.device-section{padding:14px 15px 10px}
.section-heading{width:100%;
border:0;
background:transparent;
display:flex;
align-items:center;
justify-content:space-between;
text-align:left;
cursor:pointer}
.device-heading{height:22px;
margin-bottom:8px;
text-transform:uppercase;
font-size:12px;
font-weight:700}
.device-heading .chevron{color:#98a1af}
.device-list{display:grid;
gap:9px}
.device-card{min-height:50px;
border:1px solid #d9dee6;
border-radius:11px;
background:#fff;
padding:0 13px;
display:flex;
align-items:center;
gap:10px;
text-align:left;
color:#596376;
cursor:pointer}
.device-card.is-selected{border-color:var(--violet);
background:#f6f3ff}
.device-card .check-mark{margin-left:auto;
color:var(--violet);
font-size:20px;
font-weight:700;
opacity:0}
.device-card.is-selected .check-mark{opacity:1}
.android-mark{font-size:17px;
color:#4c5566}
.add-device{min-height:50px;
border:1px dashed #cbd1db;
background:white;
border-radius:11px;
text-align:left;
padding:0 13px;
color:#596376;
cursor:pointer}
.add-device span{font-size:20px;
color:#8a93a1;
vertical-align:-1px;
margin-right:7px}
.navigation-list{padding-top:1px}
.dashboard-link{height:46px;
display:flex;
align-items:center;
gap:13px;
padding:0 16px;
color:#162440}
.dashboard-link.is-active{background:#eee9fc;
border-left:4px solid var(--violet);
padding-left:12px}
.nav-icon{font-size:17px}
.home-icon{color:#142445}
.nav-group{padding:0 15px}
.nav-group-toggle{height:44px;
text-transform:uppercase;
font-size:12px;
font-weight:700;
letter-spacing:.2px}
.nav-group-toggle .chevron{color:#9aa2ae;
transform:rotate(-45deg);
margin:0 3px 0 0}
.nav-group-toggle[aria-expanded=true] .chevron{transform:rotate(45deg)}
.nav-group-content{padding:1px 0 9px 9px}
.feature-link{width:100%;min-height:44px;padding:0 0 0 1px;border:0;background:transparent;display:flex;align-items:center;gap:13px;text-align:left;color:#596376;cursor:pointer;font-size:13px}
.feature-link:hover{color:#142445;background:#f7fafb}
.feature-link.is-active{background:#eee9fc;color:#162440;box-shadow:inset 3px 0 var(--violet)}
.feature-icon{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border-radius:5px;background:#f0f2f5;color:#88919f;font-size:10px;font-weight:700;text-transform:uppercase}
.nav-coming-soon{font-size:12px;
color:#8b93a1}
.sidebar-footnote{margin-top:auto;
padding:15px;
color:#9aa2af;
font-size:11px}
.main-content{min-width:0;
flex:1;
height:100%;
min-height:0;
overflow-y:auto;
overscroll-behavior:contain;
padding:20px 25px 34px}
.panel{background:white;
border-radius:14px;
box-shadow:0 4px 16px #1d2b4310}
.activity-panel{padding:20px 20px 17px;
min-height:355px}
.panel-heading{display:flex;
align-items:center;
justify-content:space-between;
gap:20px}
.eyebrow{display:none}
h1,h2,p{margin:0}
.activity-heading h1{font-size:16px;
line-height:24px;
font-weight:700}
.date-range{height:36px;
min-width:224px;
padding:0 12px;
border:1px solid #d8dee7;
background:#fafbfc;
border-radius:8px;
display:flex;
align-items:center;
gap:10px;
color:#8893a5;
font-size:13px}
.calendar-icon{font-size:17px;
color:#a7b1c1}
.chart-legend{display:flex;
flex-wrap:wrap;
gap:10px 13px;
padding:13px 16px 3px}
.legend-item{display:flex;
align-items:center;
gap:7px;
font-size:11px;
color:#535b68;
white-space:nowrap}
.legend-dot{width:22px;
height:12px;
border-radius:4px;
display:inline-block}
.messages{background:var(--chart-messages)}
.gps{background:var(--chart-gps)}
.whatsapp{background:var(--chart-whatsapp)}
.browser{background:var(--chart-browser)}
.chart-wrap{height:242px;
width:100%;
margin-top:1px}
.chart-wrap svg{display:block;
width:100%;
height:100%;
overflow:visible}
.chart-grid{stroke:#d5d8de;
stroke-width:1}
.chart-tick,.chart-month-label{fill:#535b68;
font-family:Inter,Arial,sans-serif;
font-size:11px}
.chart-month-label{text-anchor:middle}
.chart-tick{text-anchor:end}
.chart-bar{transition:opacity .14s}
.chart-bar:hover{opacity:.76}
.month-slider{display:none}
.contact-grid{display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
margin-top:18px}
.contact-panel{min-height:470px;
padding:20px}
.contact-title-row{display:flex;
align-items:center;
justify-content:space-between;
gap:8px}
.contact-title-row h2{font-size:15px;
font-weight:700}
.contact-expand{display:none;
border:0;
background:transparent;
color:#8993a1;
font-size:21px;
cursor:pointer}
.contact-content{display:grid;
grid-template-columns:1fr;
gap:0;
margin-top:16px}
.contact-chart-stage{height:238px;
position:relative;
isolation:isolate}
.donut{width:166px;
aspect-ratio:1;
border-radius:50%;
background:var(--chart);
position:absolute;
left:50%;
top:28px;
transform:translateX(-50%)}
.donut span{position:absolute;
inset:19%;
background:#fff;
border-radius:50%}
.contact-callout{position:absolute;
z-index:1;
width:94px;
font-size:10px;
line-height:1.25;
color:var(--person-color)}
.contact-callout span,.contact-callout small{display:block}
.contact-callout small{font-size:10px}
.contact-callout.top-left{left:0;
top:14px;
text-align:right}
.contact-callout.top-right{right:0;
top:20px;
text-align:left}
.contact-callout.bottom-left{left:0;
bottom:15px;
text-align:right}
.contact-callout.bottom-right{right:0;
bottom:17px;
text-align:left}
.contact-callout.top-left:after,.contact-callout.bottom-left:after,.contact-callout.top-right:after,.contact-callout.bottom-right:after{content:"";
position:absolute;
top:15px;
width:19px;
border-top:1px solid currentColor;
opacity:.65}
.contact-callout.top-left:after,.contact-callout.bottom-left:after{right:-20px}
.contact-callout.top-right:after,.contact-callout.bottom-right:after{left:-20px}
.contact-details{list-style:none;
margin:0 0 0 -3px;
padding:13px 10px;
background:#f5f6f8;
border-radius:13px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:15px 11px}
.contact-details li{min-width:0;
display:flex;
align-items:center;
gap:8px}
.contact-dot{width:10px;
height:10px;
flex:0 0 10px;
border-radius:50%;
background:var(--person-color)}
.contact-person{min-width:0;
display:grid;
gap:3px}
.contact-person strong{font-size:11px;
font-weight:500;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.contact-person small{color:#9aa2b1;
font-size:9px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.contact-action{width:100%;
display:block;
margin-top:14px;
padding:6px 8px;
border:0;
background:transparent;
color:var(--violet);
font-size:12px;
font-weight:600;
text-align:center;
text-decoration:none}
.contact-action:hover{text-decoration:underline}
.locations-panel{margin-top:18px;
padding:21px 22px 20px}
.locations-heading{display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:16px}
.locations-heading h2{font-size:17px;
font-weight:700}
.locations-heading .eyebrow{display:none}
.map-sample-badge{display:flex;
align-items:center;
gap:7px;
color:var(--muted);
font-size:11px}
.map-sample-badge i{width:7px;
height:7px;
border-radius:50%;
background:var(--violet)}
.locations-layout{display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);
gap:24px;
align-items:start}
.map-column{min-width:0}
.map-viewport{position:relative;
width:100%;
aspect-ratio:1.65;
min-height:270px;
max-height:390px;
overflow:hidden;
border:1px solid #e3e6eb;
border-radius:13px;
background:#eeebf8;
cursor:grab;
touch-action:none;
user-select:none}
.map-viewport.is-dragging{cursor:grabbing}
.map-image-layer{position:absolute;
inset:0;
transform:translate(0,0) scale(1);
transform-origin:center center;
will-change:transform}
.route-map-image{display:block;
width:100%;
height:100%;
object-fit:fill;
pointer-events:none;
user-select:none}
.route-map-markers{position:absolute;
inset:0;
pointer-events:none}
.route-map-pin{position:absolute;
left:var(--pin-x);
top:var(--pin-y);
width:4.1%;
aspect-ratio:24/32;
padding:0;
border:0;
background:transparent;
opacity:0;
transform:translate(-50%,-100%);
filter:drop-shadow(0 2px 2px #17192355);
pointer-events:auto;
cursor:pointer;
transition:opacity .14s,filter .14s}
.route-map-pin svg{display:block;
width:100%;
height:100%;
overflow:visible}
.route-map-pin path{fill:#1684ff;
stroke:#fff;
stroke-width:1.4}
.route-map-pin circle{fill:#fff}
.route-map-pin.is-selected,.route-map-pin:hover,.route-map-pin:focus-visible{opacity:1}
.route-map-pin:focus-visible{outline:2px solid #1684ff;
outline-offset:3px;
border-radius:50%}
.route-map-pin.is-selected{filter:drop-shadow(0 2px 5px #1678e766)}
.route-map-pin.is-selected path{fill:#0879f9}
.map-controls{position:absolute;
top:12px;
right:12px;
display:grid;
gap:6px}
.map-control{width:36px;
height:36px;
border:1px solid #e3e6eb;
border-radius:9px;
background:#fff;
color:#171923;
font-size:22px;
line-height:1;
box-shadow:0 2px 8px #17192316;
cursor:pointer}
.map-control:hover,.map-world-button:hover{border-color:var(--violet);
color:var(--violet)}
.map-world-button{height:34px;
padding:0 9px;
border:1px solid #e3e6eb;
border-radius:9px;
background:#fff;
color:#555d69;
font-size:10px;
box-shadow:0 2px 8px #17192316;
cursor:pointer}
.map-scale{position:absolute;
left:12px;
bottom:12px;
padding:6px 9px;
border:1px solid #e3e6eb;
border-radius:8px;
background:#ffffffed;
color:#59616e;
font-size:10px;
pointer-events:none}
.map-caption{margin:8px 2px 0;
color:#858b96;
font-size:10px}
.location-list-wrap{min-width:0}
.location-list-heading{display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
padding:1px 0 9px;
border-bottom:1px solid var(--line);
color:#171923;
font-size:12px;
font-weight:600}
.location-list-heading span+span{color:#9399a6;
font-size:10px;
font-weight:500}
.location-list{list-style:none;
margin:0;
padding:0}
.location-list li{border-bottom:1px solid #f0f1f4}
.location-item{width:100%;
min-height:64px;
padding:10px 5px;
border:0;
background:transparent;
display:flex;
align-items:flex-start;
gap:10px;
text-align:left;
cursor:pointer}
.location-item:hover,.location-item.is-selected{background:#f8f6fd}
.location-marker-dot{width:8px;
height:8px;
flex:0 0 8px;
margin-top:5px;
border-radius:50%;
background:#b39aff;
box-shadow:0 0 0 3px #eee9fc}
.location-item.is-selected .location-marker-dot{background:var(--violet);
box-shadow:0 0 0 3px #e7defb}
.location-copy{min-width:0;
display:grid;
gap:4px}
.location-copy strong{color:#252a34;
font-size:11px;
font-weight:500;
line-height:1.45}
.location-item.is-selected .location-copy strong{color:#6340bb}
.location-copy time,.location-copy small{color:#9399a6;
font-size:10px}
.location-arrow{margin-left:auto;
color:#a5aab5;
font-size:13px;
opacity:0;
transition:opacity .15s}
.location-item:hover .location-arrow,.location-item.is-selected .location-arrow{opacity:1}
.all-locations-button{display:flex;
align-items:center;
gap:8px;
margin-top:10px;
padding:7px 5px;
border:0;
background:transparent;
color:var(--violet);
font-size:12px;
font-weight:600;
cursor:pointer}
.all-locations-button:hover{text-decoration:underline}
.toast{position:fixed;
bottom:22px;
left:50%;
transform:translate(-50%,14px);
opacity:0;
pointer-events:none;
background:#14203b;
color:white;
padding:11px 16px;
border-radius:10px;
box-shadow:0 8px 24px #07102d30;
transition:opacity .2s,transform .2s;
z-index:50}
.toast.is-visible{opacity:1;
transform:translate(-50%,0)}
.mobile-signup{display:none}
.sidebar-backdrop{display:none}


@media(min-width:1500px){:root{--sidebar:280px}
.main-content{padding:24px 30px}
.activity-panel{min-height:410px;
padding:22px 24px}
.chart-wrap{height:290px}
.contact-grid{gap:18px;
margin-top:20px}
.contact-panel{min-height:480px;
padding:23px}
.donut{width:min(100%,184px)}
.locations-panel{padding:23px 24px}
.locations-layout{gap:20px}
}

@media(max-width:1050px){:root{--sidebar:235px}
.main-content{padding:18px}
.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.locations-layout{grid-template-columns:1fr;gap:15px}
.map-viewport{max-height:none}
.contact-panel{padding:17px}
.contact-content{grid-template-columns:1fr;
gap:0}
.donut{width:166px}
}

@media(max-width:700px){
    body{font-size:14px}
.topbar{height:62px;
padding:0 16px;
justify-content:center}
.topbar>.brand{font-size:19px}
.topbar-actions{position:absolute;
right:14px;
top:0;
height:62px;
gap:0}
.desktop-signup,.language-button{display:none}
.profile-toggle{padding:9px}
.profile-toggle svg{width:25px;
height:25px}
.profile-toggle .chevron{display:none}
.profile-menu{position:fixed;
top:56px;
right:12px;
width:min(270px,calc(100vw - 24px));
max-height:calc(100dvh - 70px);
overflow:auto}
.profile-menu>a.profile-menu-cta{display:flex;align-items:center;justify-content:center;min-height:42px;margin:9px 12px 12px;padding:9px 12px;border:0;border-radius:10px;background:var(--violet);color:#fff;font-weight:750;text-align:center;box-shadow:0 4px 12px #8b5cf633}
.profile-menu>a.profile-menu-cta:hover{background:#7545e5;color:#fff}
.menu-toggle{display:inline-flex;
position:absolute;
left:13px;
top:13px;
padding:5px}
.menu-toggle svg,.close-sidebar svg{width:24px;
height:24px;
stroke:currentColor;
stroke-width:1.8;
fill:none}
.page-shell{height:calc(100dvh - 62px);min-height:0;overflow:hidden}
.sidebar{position:fixed;
top:0;
left:0;
height:100dvh;
width:min(86vw,360px);
max-width:360px;
transform:translateX(-102%);
transition:transform .24s ease;
box-shadow:10px 0 35px #09152d14;
z-index:40;
border:0}
.sidebar.is-open{transform:translateX(0)}
.sidebar-backdrop.is-visible{display:block;
position:fixed;
inset:0;
background:#08122b91;
z-index:35}
.mobile-sidebar-head{height:70px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 18px;
border-bottom:1px solid #edf0f4}
.close-sidebar{color:#687285;
padding:7px}
.device-section{padding:18px 18px 16px}
.device-heading{height:25px;
font-size:14px;
margin-bottom:12px}
.device-list{gap:10px}
.device-card,.add-device{min-height:58px;
border-radius:14px;
font-size:15px}
.device-card{padding:0 15px}
.add-device{padding:0 15px;
border-width:1.5px;
font-size:15px}
.dashboard-link{height:65px;
padding-left:20px;
font-size:16px;
gap:13px}
.dashboard-link.is-active{padding-left:16px}
.nav-group{padding:0 18px}
.nav-group-toggle{height:61px;
font-size:16px}
.nav-group-toggle .chevron{width:10px;
height:10px;
margin-right:2px}
.nav-coming-soon{font-size:14px}
.feature-link{min-height:54px;font-size:15px;gap:13px;padding-left:2px}
.feature-icon{width:20px;height:20px;flex-basis:20px;font-size:11px}
.sidebar-footnote{padding:17px 19px}
.main-content{padding:15px 16px 90px;
width:100%}
.activity-panel{min-height:0;
padding:20px 18px 16px;
border-radius:18px;
box-shadow:0 3px 15px #17233a0a}
.activity-heading{align-items:flex-start}
.activity-heading h1{font-size:18px;
line-height:25px;
letter-spacing:-.25px}
.eyebrow{display:block;
text-transform:uppercase;
color:#99a2b1;
font-size:9px;
font-weight:700;
letter-spacing:1.2px;
margin-bottom:4px}
.date-range{display:none}
.chart-legend{display:grid;
grid-template-columns:1fr 1fr;
gap:12px 7px;
padding:15px 5px 2px}
.legend-item{font-size:12px;
color:#737c89;
gap:8px}
.legend-dot{height:10px;
width:19px;
border-radius:7px}
.chart-wrap{height:305px;
margin-top:6px}
.chart-wrap svg{overflow:hidden}
.chart-tick{font-size:11px}
.month-slider{height:44px;
width:192px;
margin:9px auto 0;
border-radius:24px;
background:#f2f4f7;
display:flex;
align-items:center;
justify-content:space-around;
color:#121d36;
font-weight:500;
font-size:15px}
.month-arrow{width:42px;
height:40px;
border:0;
background:transparent;
color:#8b94a2;
font-size:30px;
line-height:1;
cursor:pointer}
.contact-grid{grid-template-columns:1fr;
gap:15px;
margin-top:16px}
.contact-panel{min-height:0;
padding:20px 18px;
border-radius:17px;
box-shadow:0 3px 15px #17233a0a}
.locations-panel{padding:19px 17px;
border-radius:17px}
.locations-layout{grid-template-columns:1fr;
gap:16px}
.map-viewport{aspect-ratio:1.65;
min-height:0;
max-height:340px}
.location-item{min-height:58px}
.contact-title-row h2{font-size:17px}
.contact-expand{display:block}
.contact-content{grid-template-columns:1fr;
gap:0;
margin-top:20px}
.contact-panel.is-collapsed .contact-content{display:none}
.donut{width:min(100%,158px)}
.contact-details{padding:13px 10px}
.contact-person strong{font-size:12px}
.contact-person small{font-size:10px}
.mobile-signup{display:flex;
position:fixed;
bottom:12px;
left:18px;
right:18px;
height:52px;
min-width:0;
border-radius:28px;
padding:0;
z-index:25}
.toast{bottom:78px}

}

@media(max-width:380px){.main-content{padding:12px}
.activity-panel{padding:17px 14px}
.legend-item{font-size:11px}
.chart-wrap{height:275px}
.contact-panel{padding:17px 14px}
.locations-panel{padding:17px 14px}
.locations-heading h2{font-size:16px}
.map-viewport{min-height:0}
.contact-title-row h2{font-size:15px}
.contact-content{grid-template-columns:1fr}
.donut{width:120px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;
transition:none!important}
}

.account-device-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:16px;margin-top:18px;align-items:stretch}
.account-panel,.target-device-panel{min-width:0;overflow:hidden}
.info-panel-heading{min-height:56px;padding:0 20px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.info-panel-heading h2{margin:0;color:var(--ink);font-size:16px;font-weight:750}
.account-details{padding:8px 20px 20px}
.info-row{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#3f4652}
.info-row strong{color:var(--muted);font-weight:500;text-align:right}
.renewal-toggle{width:44px;height:24px;padding:3px;border:0;border-radius:20px;background:#cbd1db;cursor:pointer;transition:background .18s;flex:0 0 auto}
.renewal-toggle span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .18s}
.renewal-toggle[aria-checked=true]{background:var(--violet)}
.renewal-toggle[aria-checked=true] span{transform:translateX(20px)}
.renew-button{display:flex;align-items:center;justify-content:center;width:min(190px,100%);height:40px;margin:15px auto 0;border:0;border-radius:24px;background:var(--violet);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 4px 12px #8b5cf633;cursor:pointer}
.renew-button:hover{filter:brightness(1.06)}
.renewal-main{background:#fff}
.renewal-page{width:min(100%,1030px);margin:12px auto 36px;padding:0 8px;color:var(--ink)}
.renewal-device-heading{display:flex;align-items:center;gap:18px;margin:4px 0 32px 0}
.renewal-device-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eee9fc;color:var(--violet);font-weight:800}
.renewal-device-heading h1{margin:0;font-size:21px;font-weight:750}
.renewal-device-heading p{margin:4px 0 0;color:var(--violet);font-size:13px}
.renewal-account-card,.renewal-plan-card{border:1px solid var(--line);border-radius:13px;background:#fff}
.renewal-account-card{padding:23px 30px;margin-bottom:19px;display:grid;gap:16px}
.renewal-account-row{display:grid;grid-template-columns:110px minmax(120px,1fr) 110px auto;gap:12px;align-items:center;color:#3f4652}
.renewal-account-row strong{color:var(--muted);font-weight:500}
.renewal-account-row .renewal-auto-label{justify-self:end}
.renewal-plan-card{padding:30px;margin-bottom:24px}
.renewal-plan-card h2{margin:0 0 18px;font-size:17px}
.renewal-plan-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px, .95fr);gap:38px;align-items:center}
.renewal-options{margin:0;padding:0 30px 0 0;border:0;border-right:1px solid var(--line);display:grid;gap:17px}
.renewal-option{display:grid;grid-template-columns:20px auto auto auto;gap:10px;align-items:center;color:#344054;cursor:pointer}
.renewal-option input{appearance:none;width:20px;height:20px;margin:0;border:1px solid #d7dce3;border-radius:50%;background:#f4f6f8;cursor:pointer}
.renewal-option input:checked{border:0;background:var(--violet)}
.renewal-option input:checked::after{content:'✓';display:block;color:#fff;text-align:center;line-height:20px;font-size:14px;font-weight:800}
.renewal-option strong{font-size:14px;color:#202938;white-space:nowrap}
.renewal-option del{color:#98a0ad;font-size:13px;white-space:nowrap}
.renewal-payment-actions{display:grid;gap:16px}
.renewal-pay-button,.renewal-more-button{min-height:46px;padding:0 18px;border-radius:25px;font:inherit;font-weight:700;cursor:pointer;transition:filter .15s,transform .15s}
.renewal-pay-button{border:0;background:var(--violet);color:#fff;box-shadow:0 4px 12px #8b5cf633}
.renewal-more-button{border:1px solid var(--violet);background:#fff;color:var(--ink);font-weight:500}
.renewal-pay-button:hover,.renewal-more-button:hover{filter:brightness(.97);transform:translateY(-1px)}
@media(max-width:680px){.renewal-page{margin:5px auto 28px;padding:0}.renewal-device-heading{margin:0 0 22px}.renewal-account-card{padding:18px 16px}.renewal-account-row{grid-template-columns:1fr auto;gap:8px 12px}.renewal-account-row .renewal-auto-label{grid-column:1;grid-row:2;justify-self:start}.renewal-account-row .renewal-toggle{grid-column:2;grid-row:2;justify-self:end}.renewal-plan-card{padding:20px 16px}.renewal-plan-layout{grid-template-columns:1fr;gap:22px}.renewal-options{padding:0 0 20px;border-right:0;border-bottom:1px solid var(--line)}.renewal-option{grid-template-columns:20px minmax(0,1fr) auto auto;gap:8px;font-size:13px}.renewal-option strong,.renewal-option del{font-size:12px}}
.device-info-box{margin:0 12px 12px;padding:14px 22px;min-height:382px;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px}
.device-info-icon{width:44px;height:44px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#eee9fc;color:var(--violet);font-size:15px;font-weight:800}
.device-hero{position:relative;overflow:hidden;padding:22px 24px 20px;background:radial-gradient(ellipse at 92% 5%,#9874f64a 0,transparent 36%),linear-gradient(120deg,#17152a,#282049 58%,#3d2c68);color:#fff}
.device-hero::after{content:"";position:absolute;width:180px;height:180px;right:-76px;bottom:-125px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 22px #ffffff08,0 0 0 45px #ffffff05;pointer-events:none}
.device-hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.device-panel-eyebrow{margin:0 0 5px;color:#c1b1f6;font-size:9px;font-weight:800;letter-spacing:1.7px}
.device-hero h2{margin:0;font-size:21px;font-weight:750;letter-spacing:-.35px}
.device-hero-subtitle{margin-top:6px;color:#c6c2d3;font-size:12px}
.device-hero-subtitle span{padding:0 4px;color:#a997dc}
.device-online-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #ffffff28;border-radius:20px;background:#ffffff12;color:#f3efff;font-size:11px;font-weight:700;white-space:nowrap}
.device-online-badge i{width:7px;height:7px;border-radius:50%;background:#b9a2ff;box-shadow:0 0 0 3px #b9a2ff27}
.device-info-box{margin:0;padding:19px 20px 14px;min-height:0;border:0;border-radius:0;background:#fff;display:block;box-shadow:none}
.device-info-icon{width:48px;height:48px;margin:0;border:1px solid #ffffff28;border-radius:15px;background:#ffffff12;color:#fff;box-shadow:none}
.device-info-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.device-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.device-stat-card{min-width:0;min-height:82px;padding:13px 12px;border:1px solid #eceaf4;border-radius:12px;background:linear-gradient(145deg,#fff,#faf9fd);display:flex;flex-direction:column;justify-content:center;gap:7px}
.device-stat-card>span{color:#85899a;font-size:10px;font-weight:650;letter-spacing:.2px}
.device-stat-card strong{overflow-wrap:anywhere;color:#252438;font-size:13px;font-weight:750}
.battery-meter{display:block;height:4px;overflow:hidden;border-radius:5px;background:#eeeaf7}
.battery-meter b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#b39aff)}
.device-details-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 6px;color:#302b44;font-size:12px;font-weight:750}
.device-details-heading span+span{color:#9293a1;font-size:10px;font-weight:500;text-align:right}
.device-info-list{width:100%;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;gap:0}
.device-info-row{min-height:45px;padding:0 10px;border-bottom:1px solid #f0eff5;display:flex;justify-content:space-between;gap:10px;align-items:center}
.device-info-row dt{font-size:11px;color:#77798a}
.device-info-row dd{font-size:11px;font-weight:700;color:#262438;text-align:right;overflow-wrap:anywhere}
.device-management-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px 17px}
.device-action-button{min-height:38px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:12px;font-weight:700;opacity:.68;cursor:not-allowed}
.add-device-action{border:1px solid #d8cdf7;background:#f7f4ff;color:#6d4ac1}
.remove-device-action{border:1px solid #f0d8df;background:#fff7f8;color:#b35769}
.device-action-button:disabled{opacity:.68;cursor:not-allowed}
.device-info-list{width:100%;margin:0;display:grid;gap:0}
.device-info-row{min-height:40px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,1fr);gap:16px;align-items:center}
.device-info-row dt{color:#3f4652}
.device-info-row dd{margin:0;color:var(--muted);text-align:center;overflow-wrap:anywhere}
@media(max-width:800px){.account-device-grid{grid-template-columns:1fr}.device-info-box{min-height:0;padding:16px}.device-info-row{min-height:42px;grid-template-columns:minmax(140px,1fr) minmax(110px,1fr)}}
@media(max-width:800px){.device-stat-card{min-height:76px}.device-info-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.device-hero{padding:19px 17px}.device-info-box{padding:15px 13px 12px}.device-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.device-stat-card{min-height:73px;padding:11px}.device-info-list{grid-template-columns:1fr}.device-details-heading{align-items:flex-start}.device-management-actions{padding:12px 13px 15px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.device-action-button{padding:0 8px;font-size:11px}}
@media(max-width:420px){.info-panel-heading{padding:0 16px}.account-details{padding:9px 16px 18px}.device-hero h2{font-size:19px}.device-online-badge{padding:6px 8px;font-size:10px}.device-info-icon{width:43px;height:43px}.device-info-row{min-height:43px;padding:0 4px}.device-info-row dd{text-align:right}.device-action-button{min-height:40px}}
.messages-main{padding:0!important;min-height:calc(100vh - 62px);height:calc(100vh - 62px);overflow:hidden;background:#fff}
.messages-page{height:100%;min-height:0;display:grid;grid-template-columns:minmax(330px,34%) minmax(0,1fr);background:#fff}
.gps-panel{overflow:hidden;padding:0}
.gps-panel-heading{min-height:74px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.gps-panel-heading h1{margin:0;font-size:19px}
.gps-panel-heading .eyebrow{margin:0 0 3px;color:var(--muted);font-size:11px}
.gps-total{padding:7px 11px;border-radius:20px;background:#f0ebff;color:#6e49cf;font-size:11px;font-weight:700;white-space:nowrap}
.gps-view-tabs{height:49px;display:flex;align-items:stretch;gap:26px;padding:0 20px;border-bottom:1px solid var(--line)}
.gps-view-tab{position:relative;padding:0 2px;border:0;background:transparent;color:#687183;font-size:13px;font-weight:650;cursor:pointer}
.gps-view-tab.is-active{color:var(--ink)}
.gps-view-tab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:var(--violet)}
.gps-list-view{padding:0 18px 18px}
.gps-list-summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#566071;font-size:12px}
.gps-list-summary span:last-child{color:var(--muted)}
.gps-table-scroll{width:100%;overflow:auto;border:1px solid var(--line);border-radius:10px}
.gps-table{width:100%;min-width:850px;border-collapse:collapse;text-align:left;font-size:12px}
.gps-table th{padding:13px 11px;background:#f6f7f9;color:#343a46;font-weight:700;white-space:nowrap}
.gps-table td{padding:15px 11px;border-top:1px solid #edf0f4;color:#434c5b;vertical-align:middle}
.gps-table tbody tr:nth-child(odd){background:#fafbfc}
.gps-table tbody tr:hover{background:#f2effc}
.gps-row-view{padding:4px 7px;border:0;background:transparent;color:#7049d3;font-weight:650;cursor:pointer}
.gps-row-view:hover{text-decoration:underline}
.gps-map-view{padding:18px}

/* Calls page: static, premium call-history demo */
.calls-main{background:#f4f5f9}
.calls-panel{overflow:hidden;border:1px solid #eceaf3;border-radius:18px;box-shadow:0 14px 38px #2014470b}
.calls-heading{min-height:112px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:radial-gradient(ellipse at 95% 0,#9874f623 0,transparent 34%),linear-gradient(110deg,#fff,#fbfaff);border-bottom:1px solid #eeeaf5}
.calls-eyebrow{margin-bottom:7px;color:#8661d8;font-size:9px;font-weight:800;letter-spacing:1.6px}
.calls-heading h1{color:#201b35;font-size:21px;letter-spacing:-.35px}
.calls-subtitle{margin-top:6px;color:#8b8d9b;font-size:12px}
.calls-count{min-width:112px;padding:11px 14px;border:1px solid #e9e2f8;border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 5px 16px #3b24610a}
.calls-count strong{color:#7650cf;font-size:20px;line-height:1.1}
.calls-count span{color:#868394;font-size:10px;font-weight:600}
.calls-toolbar{min-height:70px;padding:12px 22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #eeedf3;background:#fff}
.calls-date-range{height:40px;padding:0 12px;border:1px solid #e1deea;border-radius:10px;background:#fbfaff;display:flex;align-items:center;gap:9px;color:#838395;font-size:11px;white-space:nowrap}
.calls-date-range i{font-style:normal;color:#b2afbd}
.calls-calendar-icon{color:#8865d8;font-size:15px}
.calls-period-button,.calls-download-all{height:40px;padding:0 13px;border:1px solid #e5e2ec;border-radius:10px;background:#f8f7fb;color:#92909d;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:11px;font-weight:650;white-space:nowrap;cursor:not-allowed;opacity:.8}
.calls-download-all{border-color:#ddd2fa;background:#f7f3ff;color:#8060c8}
.calls-download-all span{font-size:17px;line-height:1}
.calls-demo-note{margin-left:auto;color:#a0a0ad;font-size:10px}
.calls-table-wrap{padding:8px 20px 0;overflow-x:auto}
.calls-table{width:100%;min-width:760px;table-layout:fixed;border-collapse:collapse;text-align:left}
.calls-table th{height:48px;padding:0 9px;color:#8a8796;font-size:10px;font-weight:750;letter-spacing:.6px;text-transform:uppercase}
.calls-table th:nth-child(1){width:14%}.calls-table th:nth-child(2){width:18%}.calls-table th:nth-child(3){width:16%}.calls-table th:nth-child(4){width:13%}.calls-table th:nth-child(5){width:22%}
.calls-table th.calls-recording-heading{width:17%;min-width:0;padding:0 4px;text-align:center}
.calls-table th.calls-recording-heading .calls-download-all{position:relative;left:-38px;max-width:100%;height:36px;padding:0 8px;transform:none;font-size:10px}
.calls-table td:last-child{text-align:center}
.calls-table td{height:57px;padding:8px 13px;border-top:1px solid #f0eef4;color:#565466;font-size:12px}
.calls-table tbody tr{transition:background .15s}
.calls-table tbody tr:hover{background:#faf9fd}
.call-status{min-width:82px;display:inline-flex;align-items:center;gap:7px;color:#656274;font-size:11px;font-weight:700}
.call-status i{width:7px;height:7px;border-radius:50%;background:#9270dc;box-shadow:0 0 0 3px #9270dc1a}
.status-incoming i{background:#35a47c;box-shadow:0 0 0 3px #35a47c1a}
.status-outgoing i{background:#6f80dd;box-shadow:0 0 0 3px #6f80dd1a}
.status-missed i{background:#e07784;box-shadow:0 0 0 3px #e077841a}
.call-number{color:#333047!important;font-weight:700;white-space:nowrap}
.call-name{color:#464354!important;font-weight:650}
.call-duration{font-variant-numeric:tabular-nums;color:#737182!important}
.call-date{color:#898797!important;white-space:nowrap;font-size:11px!important}
.call-download-icon{width:32px;height:32px;border:1px solid #d8caf9;border-radius:10px;background:linear-gradient(145deg,#f8f4ff,#eee7ff);color:#7950d0;display:grid;place-items:center;cursor:not-allowed;opacity:1;box-shadow:0 3px 9px #6f49c51c}
.call-download-icon:disabled{opacity:1}
.call-download-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.calls-footer{min-height:68px;padding:9px 25px;border-top:1px solid #f0eef4;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;color:#9997a4;font-size:10px}
.calls-record-count{min-width:0}
.calls-pagination{display:flex;align-items:center;justify-content:center;gap:8px}
.calls-pagination [data-calls-page-buttons]{display:flex;align-items:center;gap:8px}
.calls-pagination>button,.calls-pagination [data-call-page]{width:34px;height:34px;border:1px solid #dedbe6;border-radius:9px;background:#fff;color:#777485;display:grid;place-items:center;font:inherit;font-size:17px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.calls-pagination [data-call-page]{font-size:12px;font-weight:750}
.calls-pagination button:hover:not(:disabled){border-color:#aa91e8;color:#7751ca}
.calls-pagination button:disabled{opacity:.45;cursor:not-allowed}
.calls-pagination [data-call-page].is-current{border-color:var(--violet);background:var(--violet);color:#fff;box-shadow:0 4px 10px #8b5cf633}
.calls-footer-mark{display:inline-flex;align-items:center;gap:7px}
.calls-footer-mark{justify-self:end}
.calls-footer-mark i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}
@media(max-width:700px){.calls-main{padding:14px 12px 90px}.calls-panel{border-radius:16px}.calls-heading{min-height:100px;padding:19px 16px}.calls-heading h1{font-size:19px}.calls-subtitle{max-width:245px;font-size:11px;line-height:1.5}.calls-count{min-width:76px;padding:9px}.calls-count strong{font-size:17px}.calls-count span{font-size:9px}.calls-toolbar{padding:12px;gap:8px}.calls-date-range{width:100%;justify-content:center}.calls-period-button{flex:1}.calls-demo-note{width:100%;margin:0;text-align:center}.calls-table-wrap{padding:12px}.calls-table{min-width:0;display:block}.calls-table thead{display:block;margin-bottom:9px}.calls-table thead tr{display:flex;justify-content:flex-end;padding:0;border:0;background:transparent;box-shadow:none}.calls-table thead th{display:none}.calls-table thead th.calls-recording-heading{position:static;width:auto;min-width:0;height:auto;padding:0;display:block}.calls-table thead .calls-download-all{position:static;left:auto;height:36px;padding:0 12px;transform:none;font-size:10px}.calls-table tbody{display:grid;gap:10px}.calls-table tbody tr{padding:10px 12px;border:1px solid #eceaf3;border-radius:13px;background:linear-gradient(145deg,#fff,#fcfbfe);display:grid;grid-template-columns:1fr 1fr;box-shadow:0 4px 12px #20144708}.calls-table td{height:auto;min-width:0;padding:7px 3px;border:0;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.calls-table td::before{content:attr(data-label);color:#9996a5;font-size:9px;font-weight:700;letter-spacing:.45px;text-transform:uppercase}.calls-table td[data-label="Status"]{grid-column:1}.calls-table td[data-label="Number"]{grid-column:1/-1;grid-row:2}.calls-table td[data-label="Name"]{grid-column:2;grid-row:1;align-items:flex-end;text-align:right}.calls-table td[data-label="Duration"]{grid-column:1;grid-row:3}.calls-table td[data-label="Date"]{grid-column:1/-1;grid-row:4}.calls-table td[data-label="Recording"]{grid-column:2;grid-row:3;align-items:flex-end}.calls-table td[data-label="Recording"]::before{display:none}.calls-table .call-download-icon{width:32px;height:32px}.calls-footer{grid-template-columns:1fr;justify-items:center;gap:9px;padding:13px 12px;text-align:center}.calls-footer-mark{justify-self:center}.calls-pagination{grid-row:2}}
@media(max-width:380px){.calls-main{padding:10px 9px 84px}.calls-heading{padding-inline:13px}.calls-count{min-width:68px}.calls-download-all,.calls-period-button{padding-inline:8px;font-size:10px}.calls-date-range{gap:6px;padding-inline:7px;font-size:10px}}

/* Contacts directory and responsive contact profile */
.contacts-main{height:100%;padding:0;overflow:hidden;background:#f6f6fa}
.contacts-page{height:100%;min-height:0;position:relative;display:grid;grid-template-columns:minmax(285px,350px) minmax(0,1fr);background:#fff}
.contacts-list-panel{min-width:0;min-height:0;display:flex;flex-direction:column;border-right:1px solid #eceaf2;background:#fff}
.contacts-list-heading{min-height:82px;padding:17px 19px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f0eef5}
.contacts-eyebrow{margin:0 0 5px;color:#8b68d9;font-size:9px;font-weight:800;letter-spacing:1.4px}
.contacts-list-heading h1{margin:0;color:#211d35;font-size:19px;letter-spacing:-.3px}
.contacts-count{width:31px;height:31px;border:1px solid #e8e1f8;border-radius:10px;background:#f8f5ff;color:#7f5bc9;display:grid;place-items:center;font-size:12px;font-weight:800}
.contacts-search{height:42px;margin:13px 15px 10px;padding:0 11px;border:1px solid #e8e5ef;border-radius:11px;background:#faf9fc;display:flex;align-items:center;gap:9px;color:#9794a3;transition:border-color .15s,box-shadow .15s}
.contacts-search:focus-within{border-color:#b8a2e9;box-shadow:0 0 0 3px #8b5cf615}
.contacts-search svg{width:16px;height:16px;fill:none;stroke:#8b68d9;stroke-width:1.8;stroke-linecap:round}
.contacts-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#28243b;font:inherit;font-size:12px}
.contacts-search input::placeholder{color:#a09eab}
.contacts-search kbd{padding:3px 5px;border:1px solid #e8e5ef;border-radius:5px;background:#fff;color:#9a97a5;font:inherit;font-size:9px;white-space:nowrap}
.contacts-list-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:0 10px 12px}
.contact-letter-group h2{position:sticky;top:0;z-index:1;margin:0;padding:7px 10px;background:#f7f6fa;color:#928e9f;font-size:10px;font-weight:800;letter-spacing:1px}
.contact-list-item{width:100%;min-height:64px;padding:9px 10px;border:0;border-bottom:1px solid #f1eff5;border-radius:9px;background:#fff;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;transition:background .15s,box-shadow .15s}
.contact-list-item:hover{background:#faf9fd}
.contact-list-item.is-selected{background:linear-gradient(100deg,#f5f0ff,#fbfaff);box-shadow:inset 3px 0 var(--violet)}
.contact-avatar,.contact-profile-avatar{flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--avatar-color),color-mix(in srgb,var(--avatar-color),#fff 28%));color:white;font-weight:800;letter-spacing:-.3px}
.contact-avatar{width:38px;height:38px;font-size:11px;box-shadow:0 3px 9px color-mix(in srgb,var(--avatar-color),transparent 76%)}
.contact-list-copy{min-width:0;display:grid;gap:4px}
.contact-list-copy strong{overflow:hidden;color:#312d43;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.contact-list-copy small{overflow:hidden;color:#92909d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.contact-item-arrow{margin-left:auto;color:#c4c0ce;font-size:22px;line-height:1}
.contact-list-footer{min-height:38px;padding:10px 16px;border-top:1px solid #f0eef5;color:#a09daa;font-size:9px}
.contact-list-footer span{padding:0 4px;color:#b4a5d6}
.contacts-empty{padding:24px 12px;color:#92909d;font-size:12px;text-align:center}
.contact-detail{min-width:0;min-height:0;overflow:auto;background:radial-gradient(ellipse at 75% 0,#9874f615 0,transparent 36%),#fbfbfd}
.contact-detail-header{height:62px;padding:0 25px;border-bottom:1px solid #eeecf3;background:#ffffffd9;display:flex;align-items:center;gap:11px}
.contact-detail-header>div{display:grid;gap:3px}
.contact-detail-header>div p{color:#39344d;font-size:11px;font-weight:800;letter-spacing:.7px}
.contact-detail-header>div span{color:#aaa6b3;font-size:9px}
.contact-detail-menu{margin-left:auto;color:#817d8d;font-size:16px;letter-spacing:2px}
.contact-back-button{display:none;width:34px;height:34px;border:1px solid #e8e4ef;border-radius:10px;background:#fff;color:#7260a1;font-size:25px;line-height:1;cursor:pointer}
.contact-profile-hero{min-height:280px;padding:31px 20px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.contact-profile-avatar{width:88px;height:88px;border:4px solid #fff;font-size:24px;box-shadow:0 10px 30px #38245a24,0 0 0 1px #eeeaf4}
.contact-category{margin-top:14px;padding:5px 10px;border:1px solid #e9e2f8;border-radius:20px;background:#f8f5ff;color:#7b5ac5;font-size:9px;font-weight:750}
.contact-profile-hero h2{margin:9px 0 4px;color:#211d35;font-size:20px;letter-spacing:-.35px}
.contact-profile-hero>p{color:#9592a0;font-size:11px}
.contact-profile-actions{display:flex;gap:9px;margin-top:16px}
.contact-profile-actions button{min-width:103px;height:34px;padding:0 13px;border:1px solid #e4def1;border-radius:9px;background:#fff;color:#716a84;font:inherit;font-size:10px;font-weight:750;opacity:.72;cursor:not-allowed}
.contact-profile-actions button span{margin-right:5px;color:#8462d0}
.contact-info-section{max-width:890px;margin:0 auto;padding:0 25px 28px}
.contact-info-heading{margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.contact-info-heading h3{margin:0;color:#2a263e;font-size:14px}
.contact-readonly{padding:5px 8px;border:1px solid #ece9f2;border-radius:7px;background:#fff;color:#a19dab;font-size:9px}
.contact-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.contact-info-card{min-width:0;min-height:76px;padding:13px;border:1px solid #eceaf2;border-radius:12px;background:linear-gradient(145deg,#fff,#fdfcff);display:flex;align-items:center;gap:11px;box-shadow:0 5px 16px #25124a06}
.contact-info-icon{width:35px;height:35px;flex:0 0 35px;border-radius:11px;display:grid;place-items:center;font-size:15px;font-weight:700}
.phone-info{background:#eee9fc;color:#805bd1}.email-info{background:#e7f2ff;color:#4389ca}.location-info{background:#e8f7f0;color:#3f9a76}.company-info{background:#fff1e8;color:#ca8053}
.contact-info-card>div{min-width:0;display:grid;gap:4px}
.contact-info-card small{color:#9693a1;font-size:9px;font-weight:650}
.contact-info-card strong{overflow-wrap:anywhere;color:#38344b;font-size:11px;font-weight:750}
.contact-info-card em{color:#aaa7b2;font-size:9px;font-style:normal}
@media(max-width:900px){.contacts-page{grid-template-columns:minmax(250px,310px) minmax(0,1fr)}.contact-info-section{padding-inline:17px}.contact-profile-hero{min-height:260px}.contact-info-grid{gap:8px}.contact-info-card{padding:11px}}
@media(max-width:700px){.contacts-main{padding:0 0 0!important}.contacts-page{display:block}.contacts-list-panel{height:100%;border-right:0}.contacts-list-heading{min-height:76px;padding:14px 17px}.contacts-search{height:45px;margin:12px 14px}.contacts-list-scroll{padding:0 10px 15px}.contact-letter-group h2{padding:8px 11px}.contact-list-item{min-height:68px;padding:10px 12px}.contact-avatar{width:42px;height:42px}.contact-detail{display:none;position:absolute;inset:0;z-index:5;background:#fbfbfd}.contacts-page.is-detail-open .contact-detail{display:block}.contact-detail-header{height:62px;padding:0 15px}.contact-back-button{display:grid;place-items:center}.contact-profile-hero{min-height:285px;padding:27px 18px 23px}.contact-profile-avatar{width:94px;height:94px;font-size:25px}.contact-profile-hero h2{font-size:22px}.contact-profile-actions button{height:40px;min-width:120px;font-size:12px}.contact-info-section{padding:0 15px 25px}.contact-info-heading h3{font-size:15px}.contact-info-grid{grid-template-columns:1fr;gap:9px}.contact-info-card{min-height:76px;padding:13px 14px}.contact-info-icon{width:39px;height:39px;flex-basis:39px}}
@media(max-width:380px){.contact-profile-hero{min-height:260px}.contact-info-section{padding-inline:12px}.contact-info-card strong{font-size:10px}.contacts-search kbd{display:none}}

/* Responsive demo photo gallery and full-screen image viewer */
.photos-main{background:#f5f4f9}
.photos-panel{overflow:hidden;border:1px solid #ece9f3;border-radius:18px;box-shadow:0 14px 38px #2014470b}
.photos-heading{min-height:112px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(ellipse at 95% 0,#9874f623 0,transparent 34%),linear-gradient(110deg,#fff,#fbfaff);border-bottom:1px solid #eeebf4}
.photos-eyebrow{margin-bottom:7px;color:#8661d8;font-size:9px;font-weight:800;letter-spacing:1.6px}
.photos-heading h1{color:#211d35;font-size:21px;letter-spacing:-.4px}
.photos-heading>div:first-child>p:last-child{margin-top:6px;color:#92909e;font-size:11px}
.photos-total{min-width:104px;padding:10px 14px;border:1px solid #e8e1f7;border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 5px 16px #3b24610a}
.photos-total strong{color:#7650cf;font-size:20px;line-height:1.1}.photos-total span{color:#878493;font-size:9px;font-weight:650}
.photos-toolbar{min-height:62px;padding:10px 20px;border-bottom:1px solid #efedf4;background:#fff;display:flex;align-items:center;gap:10px}
.photos-tabs{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid #ece9f3;border-radius:11px;background:#f8f7fb}
.photos-tab{min-height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#817d8d;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.photos-tab>span:last-child{min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#eeebf4;color:#858190;display:inline-grid;place-items:center;font-size:9px}
.photos-tab.is-active{background:#fff;color:#7049c6;box-shadow:0 2px 7px #2b1e4b12}
.photos-tab.is-active>span:last-child{background:#f0eaff;color:#764ed0}
.private-tab-icon{color:#8a65d3;font-size:12px}
.photos-search{width:min(310px,42vw);height:38px;padding:0 11px;border:1px solid #e8e5ef;border-radius:10px;background:#faf9fc;display:flex;align-items:center;gap:8px;color:#9794a3}
.photos-search:focus-within{border-color:#b8a2e9;box-shadow:0 0 0 3px #8b5cf615}
.photos-search svg{width:15px;height:15px;fill:none;stroke:#8b68d9;stroke-width:1.8;stroke-linecap:round}
.photos-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#28243b;font:inherit;font-size:11px}
.photos-search input::placeholder{color:#a09eab}
.photos-month-chip{height:32px;padding:0 10px;border:1px solid #e8e2f4;border-radius:18px;background:#faf8ff;color:#8060c7;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;white-space:nowrap}
.photos-month-chip i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}
.photos-demo-label{margin-left:auto;color:#a09daa;font-size:9px}
.photo-grid{padding:17px 19px 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.photo-card{min-width:0;overflow:hidden;border:1px solid #ece9f2;border-radius:14px;background:#fff;box-shadow:0 5px 16px #2115410b;transition:transform .2s,box-shadow .2s,border-color .2s}
.photo-card:hover{transform:translateY(-3px);border-color:#dcd2f1;box-shadow:0 12px 25px #21154115}
.photo-open{position:relative;width:100%;aspect-ratio:1.05/1;padding:0;border:0;background:linear-gradient(135deg,#eeeaf6,#dad5e5);display:block;overflow:hidden;text-align:left;cursor:zoom-in}
.photo-open img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s,filter .25s}
.photo-card:hover .photo-open img{transform:scale(1.055);filter:saturate(1.04)}
.photo-hover-action{position:absolute;left:11px;bottom:11px;padding:7px 10px;border:1px solid #ffffff55;border-radius:20px;background:#131020a8;color:#fff;display:flex;align-items:center;gap:7px;font-size:9px;font-weight:700;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s;backdrop-filter:blur(8px)}
.photo-hover-action b{font-size:12px}.photo-card:hover .photo-hover-action,.photo-open:focus-visible .photo-hover-action{opacity:1;transform:none}
.photo-index{position:absolute;top:10px;right:10px;padding:4px 7px;border:1px solid #ffffff55;border-radius:7px;background:#17132380;color:#fff;font-size:9px;font-weight:750;backdrop-filter:blur(8px)}
.photo-private-badge{position:absolute;left:10px;top:10px;padding:5px 8px;border:1px solid #ffffff40;border-radius:15px;background:#171323a6;color:#fff;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:750;backdrop-filter:blur(8px)}
.photo-card-info{min-height:59px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.photo-card-info>div{min-width:0;display:grid;gap:4px}.photo-card-info strong{overflow:hidden;color:#332e45;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.photo-card-info time{overflow:hidden;color:#92909d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.photo-download{width:29px;height:29px;flex:0 0 29px;border:1px solid #e8e4ef;border-radius:9px;background:#faf9fc;color:#a5a1af;display:grid;place-items:center;cursor:not-allowed;opacity:.65}
.photo-download svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.photos-empty{grid-column:1/-1;padding:52px 15px;border:1px dashed #d9d2e8;border-radius:14px;color:#8e899b;text-align:center;font-size:12px}
.photos-footer{min-height:67px;padding:9px 23px;border-top:1px solid #efedf4;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;color:#9997a4;font-size:10px}
.photos-pagination{display:flex;align-items:center;justify-content:center;gap:7px}.photos-pagination>div{display:flex;gap:7px}
.photos-pagination button{width:34px;height:34px;border:1px solid #dedbe6;border-radius:9px;background:#fff;color:#777485;display:grid;place-items:center;font:inherit;font-size:16px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.photos-pagination button:hover:not(:disabled){border-color:#aa91e8;color:#7751ca}.photos-pagination button:disabled{opacity:.42;cursor:not-allowed}.photos-pagination button.is-current{border-color:var(--violet);background:var(--violet);color:#fff;box-shadow:0 4px 10px #8b5cf633;font-weight:750;font-size:12px}
.photos-footer-note{justify-self:end;display:inline-flex;align-items:center;gap:7px;color:#9997a4;font-size:9px}.photos-footer-note i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}
.photo-lightbox{position:fixed;inset:0;z-index:100;background:#090811eF;display:grid;grid-template-columns:60px minmax(0,1fr) 60px;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;padding:28px 18px 22px;backdrop-filter:blur(9px)}
.photo-lightbox-close{position:absolute;top:20px;right:23px;width:42px;height:42px;border:1px solid #ffffff35;border-radius:50%;background:#ffffff18;color:#fff;font-size:27px;line-height:1;cursor:pointer}
.photo-view-nav{width:42px;height:42px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff12;color:#fff;font-size:29px;line-height:1;cursor:pointer;transition:background .15s}.photo-view-nav:hover,.photo-lightbox-close:hover{background:#ffffff2b}
.photo-viewer{grid-column:2;grid-row:1;min-width:0;min-height:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.photo-viewer img{max-width:min(78vw,1050px);max-height:calc(100dvh - 150px);width:auto;height:auto;object-fit:contain;border-radius:7px;box-shadow:0 20px 70px #0009;transition:transform .2s;transform-origin:center center}
.photo-viewer figcaption{width:min(78vw,850px);display:flex;justify-content:space-between;gap:14px;color:#f4f1fb;font-size:11px}.photo-viewer figcaption strong{font-weight:750}.photo-viewer figcaption span{color:#c3bdcf;text-align:right}
.photo-view-prev{grid-column:1;grid-row:1}.photo-view-next{grid-column:3;grid-row:1}
.photo-view-controls{grid-column:2;grid-row:2;min-height:43px;padding:5px 9px;border:1px solid #ffffff25;border-radius:24px;background:#ffffff17;display:flex;align-items:center;gap:5px;backdrop-filter:blur(10px)}
.photo-view-controls button{width:34px;height:32px;border:0;border-radius:18px;background:transparent;color:#fff;font-size:19px;cursor:pointer}.photo-view-controls button:hover{background:#ffffff25}.photo-view-controls span{min-width:42px;padding:0 5px;color:#e3dfeb;font-size:10px;text-align:center}
.photo-viewer-open{overflow:hidden}
@media(max-width:1050px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.photo-open{aspect-ratio:1.15/1}}
@media(max-width:700px){.photos-main{padding:14px 12px 90px}.photos-panel{border-radius:16px}.photos-heading{min-height:100px;padding:18px 16px}.photos-heading h1{font-size:19px}.photos-heading>div:first-child>p:last-child{max-width:230px;font-size:10px;line-height:1.5}.photos-total{min-width:75px;padding:9px}.photos-total strong{font-size:17px}.photos-toolbar{padding:11px;gap:8px;flex-wrap:wrap}.photos-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.photos-tab{padding:0 6px;font-size:9px}.photos-search{width:100%;height:40px}.photos-month-chip{height:30px}.photos-demo-label{margin-left:auto}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.photo-open{aspect-ratio:.93/1}.photo-card{border-radius:12px}.photo-card-info{min-height:55px;padding:8px}.photo-card-info strong{font-size:9px}.photo-card-info time{font-size:8px}.photo-download{width:27px;height:27px;flex-basis:27px}.photos-footer{grid-template-columns:1fr;justify-items:center;gap:9px;padding:13px 12px;text-align:center}.photos-footer-note{justify-self:center}.photos-pagination{grid-row:2}.photo-lightbox{grid-template-columns:35px minmax(0,1fr) 35px;grid-template-rows:minmax(0,1fr) auto;padding:56px 7px 15px}.photo-lightbox-close{top:10px;right:12px;width:38px;height:38px}.photo-view-nav{width:32px;height:32px;font-size:23px}.photo-viewer img{max-width:calc(100vw - 82px);max-height:calc(100dvh - 155px);border-radius:5px}.photo-viewer figcaption{width:calc(100vw - 82px);flex-direction:column;gap:5px;font-size:10px}.photo-viewer figcaption span{text-align:left}.photo-view-controls{gap:1px;padding:4px 6px}.photo-view-controls button{width:31px;height:30px;font-size:17px}}
@media(max-width:380px){.photos-main{padding:10px 9px 84px}.photo-grid{gap:8px;padding:9px}.photo-card-info{gap:4px;padding:7px}.photos-demo-label{width:100%;margin:0}.photo-viewer img{max-width:calc(100vw - 70px)}}

/* Responsive video gallery, with uploaded private clips kept in their own tab. */
.videos-main{background:#f5f4f9}
.videos-panel{overflow:hidden;border:1px solid #ece9f3;border-radius:18px;box-shadow:0 14px 38px #2014470b}
.videos-heading{min-height:112px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(ellipse at 95% 0,#9874f623 0,transparent 34%),linear-gradient(110deg,#fff,#fbfaff);border-bottom:1px solid #eeebf4}
.videos-eyebrow{margin-bottom:7px;color:#8661d8;font-size:9px;font-weight:800;letter-spacing:1.6px}.videos-heading h1{color:#211d35;font-size:21px;letter-spacing:-.4px}.videos-heading>div:first-child>p:last-child{margin-top:6px;color:#92909e;font-size:11px}
.videos-total{min-width:104px;padding:10px 14px;border:1px solid #e8e1f7;border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 5px 16px #3b24610a}.videos-total strong{color:#7650cf;font-size:20px;line-height:1.1}.videos-total span{color:#878493;font-size:9px;font-weight:650}
.videos-toolbar{min-height:62px;padding:10px 20px;border-bottom:1px solid #efedf4;background:#fff;display:flex;align-items:center;gap:10px}.videos-tabs{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid #ece9f3;border-radius:11px;background:#f8f7fb}.videos-tab{min-height:32px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#817d8d;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.videos-tab>span:last-child{min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#eeebf4;color:#858190;display:inline-grid;place-items:center;font-size:9px}.videos-tab.is-active{background:#fff;color:#7049c6;box-shadow:0 2px 7px #2b1e4b12}.videos-tab.is-active>span:last-child{background:#f0eaff;color:#764ed0}
.videos-search{width:min(310px,42vw);height:38px;padding:0 11px;border:1px solid #e8e5ef;border-radius:10px;background:#faf9fc;display:flex;align-items:center;gap:8px;color:#9794a3}.videos-search:focus-within{border-color:#b8a2e9;box-shadow:0 0 0 3px #8b5cf615}.videos-search svg{width:15px;height:15px;fill:none;stroke:#8b68d9;stroke-width:1.8;stroke-linecap:round}.videos-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#28243b;font:inherit;font-size:11px}.videos-search input::placeholder{color:#a09eab}.videos-month-chip{height:32px;padding:0 10px;border:1px solid #e8e2f4;border-radius:18px;background:#faf8ff;color:#8060c7;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;white-space:nowrap}.videos-month-chip i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}.videos-demo-label{margin-left:auto;color:#a09daa;font-size:9px;white-space:nowrap}
.video-grid{padding:17px 19px 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.video-card{min-width:0;overflow:hidden;border:1px solid #ece9f2;border-radius:14px;background:#fff;box-shadow:0 5px 16px #2115410b;transition:transform .2s,box-shadow .2s,border-color .2s}.video-card:hover{transform:translateY(-3px);border-color:#dcd2f1;box-shadow:0 12px 25px #21154115}.video-open{position:relative;width:100%;aspect-ratio:1.45/1;padding:0;border:0;background:#e8e4ef;display:block;overflow:hidden;cursor:pointer}.video-open img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s,filter .2s}.video-card:hover .video-open img{transform:scale(1.045);filter:saturate(1.08)}.video-play-icon{position:absolute;left:50%;top:50%;width:48px;height:48px;border:1px solid #ffffff80;border-radius:50%;background:#201a35a8;color:#fff;display:grid;place-items:center;padding-left:3px;font-size:15px;transform:translate(-50%,-50%);box-shadow:0 5px 18px #0003;backdrop-filter:blur(6px)}.video-duration{position:absolute;right:9px;bottom:9px;padding:4px 6px;border-radius:5px;background:#171323b8;color:white;font-size:9px;font-weight:700}.video-private-badge{position:absolute;left:9px;top:9px;padding:5px 8px;border:1px solid #ffffff40;border-radius:15px;background:#171323a6;color:#fff;font-size:9px;font-weight:750;backdrop-filter:blur(8px)}.video-card-info{min-height:59px;padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.video-card-info>div{min-width:0;display:grid;gap:4px}.video-card-info strong{overflow:hidden;color:#332e45;font-size:10px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.video-card-info time{overflow:hidden;color:#92909d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.video-type{flex:0 0 auto;color:#8a6bd2;font-size:8px;font-weight:800;letter-spacing:.7px}.videos-empty{grid-column:1/-1;padding:52px 15px;border:1px dashed #d9d2e8;border-radius:14px;color:#8e899b;text-align:center;font-size:12px}.videos-footer{min-height:67px;padding:9px 23px;border-top:1px solid #efedf4;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;color:#9997a4;font-size:10px}.videos-pagination{display:flex;align-items:center;justify-content:center;gap:7px}.videos-pagination>div{display:flex;gap:7px}.videos-pagination button{width:34px;height:34px;border:1px solid #dedbe6;border-radius:9px;background:#fff;color:#777485;display:grid;place-items:center;font:inherit;font-size:16px;cursor:pointer}.videos-pagination button:disabled{opacity:.42;cursor:not-allowed}.videos-pagination button.is-current{border-color:var(--violet);background:var(--violet);color:#fff;box-shadow:0 4px 10px #8b5cf633;font-weight:750;font-size:12px}.videos-footer-note{justify-self:end;display:inline-flex;align-items:center;gap:7px;color:#9997a4;font-size:9px}.videos-footer-note i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}
.video-lightbox{position:fixed;inset:0;z-index:100;background:#090811ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:54px 18px 22px;backdrop-filter:blur(9px)}.video-lightbox[hidden]{display:none}.video-lightbox-close{position:absolute;top:18px;right:22px;width:42px;height:42px;border:1px solid #ffffff35;border-radius:50%;background:#ffffff18;color:#fff;font-size:27px;line-height:1;cursor:pointer}.video-lightbox video{width:min(88vw,1100px);max-height:calc(100dvh - 145px);aspect-ratio:16/9;background:#090811;border-radius:10px;box-shadow:0 20px 70px #0009}.video-view-caption{width:min(88vw,1100px);display:flex;justify-content:space-between;gap:12px;color:#f4f1fb;font-size:11px}.video-view-caption span{color:#c3bdcf;text-align:right}.video-viewer-open{overflow:hidden}
@media(max-width:1050px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}}
@media(max-width:700px){.videos-main{padding:14px 12px 90px}.videos-panel{border-radius:16px}.videos-heading{min-height:100px;padding:18px 16px}.videos-heading h1{font-size:19px}.videos-heading>div:first-child>p:last-child{max-width:230px;font-size:10px;line-height:1.5}.videos-total{min-width:75px;padding:9px}.videos-total strong{font-size:17px}.videos-toolbar{padding:11px;gap:8px;flex-wrap:wrap}.videos-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.videos-tab{padding:0 6px;font-size:9px}.videos-search{width:100%;height:40px}.videos-month-chip{height:30px}.videos-demo-label{margin-left:auto}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.video-card{border-radius:12px}.video-card-info{min-height:55px;padding:8px}.video-card-info strong{font-size:9px}.video-card-info time{font-size:8px}.videos-footer{grid-template-columns:1fr;justify-items:center;gap:9px;padding:13px 12px;text-align:center}.videos-footer-note{justify-self:center}.videos-pagination{grid-row:2}.video-lightbox{padding:56px 10px 18px}.video-lightbox-close{top:10px;right:12px;width:38px;height:38px}.video-lightbox video{width:100%;max-height:calc(100dvh - 160px)}.video-view-caption{width:100%;flex-direction:column;gap:5px;font-size:10px}.video-view-caption span{text-align:left}}
@media(max-width:380px){.videos-main{padding:10px 9px 84px}.video-grid{gap:8px;padding:9px}.video-card-info{gap:4px;padding:7px}.videos-demo-label{width:100%;margin:0}}
.photos-custom-date,.videos-custom-date{height:36px;max-width:100%;padding:0 9px;border:1px solid #e8e5ef;border-radius:10px;background:#f7f6fa;color:#92909e;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:9px;white-space:nowrap;cursor:not-allowed;opacity:.78}.photos-custom-date>span:first-child,.videos-custom-date>span:first-child{color:#8870c3;font-size:13px}.photos-custom-date i,.videos-custom-date i{font-style:normal;color:#aaa6b2}.photos-custom-date b,.videos-custom-date b{margin-left:3px;padding:4px 6px;border-radius:6px;background:#eeeaf5;color:#817a91;font-size:8px;font-weight:700}.photo-download{color:#8a8497;text-decoration:none;cursor:pointer;opacity:1;transition:background .15s,border-color .15s,color .15s,transform .15s}.photo-download:hover{border-color:#bba8e9;background:#f1ebff;color:#744dc6;transform:translateY(-1px)}.photo-download.is-downloading{opacity:.55;pointer-events:none}.video-download{flex:0 0 29px}
@media(max-width:700px){.photos-custom-date,.videos-custom-date{flex:1 1 calc(68% - 5px);justify-content:center;padding:0 5px;gap:4px;font-size:8px}.photos-custom-date b,.videos-custom-date b{font-size:7px}.photos-month-chip,.videos-month-chip{flex:0 0 auto}.photos-demo-label,.videos-demo-label{width:100%;margin:0;text-align:right}}

/* Wi-Fi history overview */
.wifi-main{background:#f5f4f9}.wifi-panel{overflow:hidden;border:1px solid #ece9f3;border-radius:18px;box-shadow:0 14px 38px #2014470b}.wifi-heading{min-height:112px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(ellipse at 95% 0,#9874f623 0,transparent 34%),linear-gradient(110deg,#fff,#fbfaff);border-bottom:1px solid #eeebf4}.wifi-eyebrow{margin-bottom:7px;color:#8661d8;font-size:9px;font-weight:800;letter-spacing:1.6px}.wifi-heading h1{color:#211d35;font-size:21px;letter-spacing:-.4px}.wifi-heading>div:first-child>p:last-child{margin-top:6px;color:#92909e;font-size:11px}.wifi-total{min-width:104px;padding:10px 14px;border:1px solid #e8e1f7;border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 5px 16px #3b24610a}.wifi-total strong{color:#7650cf;font-size:20px;line-height:1.1}.wifi-total span{color:#878493;font-size:9px;font-weight:650}
.wifi-toolbar{min-height:67px;padding:12px 20px;border-bottom:1px solid #efedf4;background:#fff;display:flex;align-items:center;gap:11px;flex-wrap:wrap}.wifi-search{width:min(360px,42vw);height:38px;padding:0 11px;border:1px solid #e8e5ef;border-radius:10px;background:#faf9fc;display:flex;align-items:center;gap:8px;color:#9794a3}.wifi-search:focus-within{border-color:#b8a2e9;box-shadow:0 0 0 3px #8b5cf615}.wifi-search svg{width:15px;height:15px;fill:none;stroke:#8b68d9;stroke-width:1.8;stroke-linecap:round}.wifi-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#28243b;font:inherit;font-size:11px}.wifi-search input::placeholder{color:#a09eab}.wifi-filter-wrap{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid #ece9f3;border-radius:10px;background:#f8f7fb}.wifi-filter-label{padding:0 6px;color:#9995a4;font-size:9px}.wifi-filter{height:30px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#817d8d;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.wifi-filter span{margin-left:4px;color:#a09baa}.wifi-filter.is-active{background:#fff;color:#7049c6;box-shadow:0 2px 7px #2b1e4b12}.wifi-month{height:32px;padding:0 10px;border:1px solid #e8e2f4;border-radius:18px;background:#faf8ff;color:#8060c7;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;white-space:nowrap}.wifi-month i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}
.wifi-summary-strip{min-height:68px;padding:12px 23px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #f0eef4;background:linear-gradient(90deg,#fff,#fcfbfe)}.wifi-summary-icon{width:36px;height:36px;border:1px solid #e8e0f7;border-radius:11px;background:#f6f2ff;color:#8863d6;display:grid;place-items:center;font-size:22px}.wifi-summary-strip>span:nth-child(2){display:grid;gap:4px}.wifi-summary-strip strong{color:#39354a;font-size:11px}.wifi-summary-strip small{color:#9996a4;font-size:9px}.wifi-secure-chip{margin-left:auto;padding:7px 10px;border:1px solid #eae7f0;border-radius:18px;color:#7c7888;display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:650}.wifi-secure-chip i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}
.wifi-table-wrap{padding:0 20px;overflow-x:auto}.wifi-table{width:100%;min-width:760px;border-collapse:collapse;text-align:left;table-layout:fixed}.wifi-table th{height:49px;padding:0 10px;color:#8a8796;font-size:9px;font-weight:750;letter-spacing:.55px;text-transform:uppercase}.wifi-table th:nth-child(1){width:24%}.wifi-table th:nth-child(2){width:17%}.wifi-table th:nth-child(3){width:16%}.wifi-table th:nth-child(4){width:12%}.wifi-table th:nth-child(5){width:17%}.wifi-table th:nth-child(6){width:14%}.wifi-table td{height:65px;padding:9px 10px;border-top:1px solid #f0eef4;color:#565466;font-size:10px}.wifi-table tbody tr{transition:background .15s}.wifi-table tbody tr:nth-child(odd){background:#faf9fc}.wifi-table tbody tr:hover{background:#f5f1ff}.wifi-network-name{display:flex;align-items:center;gap:9px;min-width:0}.wifi-network-icon{width:31px;height:31px;flex:0 0 31px;border:1px solid #e6e0f2;border-radius:9px;background:#f4f0fc;color:#8260c9;display:grid;place-items:center;font-size:18px}.wifi-network-name>span:last-child{min-width:0;display:grid;gap:4px}.wifi-network-name strong{overflow:hidden;color:#332e45;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.wifi-network-name small{color:#9a97a4;font-size:9px}.wifi-bssid{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px!important;color:#777384!important}.wifi-security{padding:5px 7px;border:1px solid #e9e6ef;border-radius:7px;background:#fff;color:#777384;font-size:9px;white-space:nowrap}.wifi-signal{display:flex;align-items:center;gap:7px;color:#777384;font-size:9px}.wifi-signal-bars{height:17px;display:flex;align-items:flex-end;gap:2px}.wifi-signal-bars i{width:3px;border-radius:2px;background:#e1ddea}.wifi-signal-bars i:nth-child(1){height:5px}.wifi-signal-bars i:nth-child(2){height:8px}.wifi-signal-bars i:nth-child(3){height:12px}.wifi-signal-bars i:nth-child(4){height:16px}.wifi-signal-bars[data-level="1"] i:nth-child(-n+1),.wifi-signal-bars[data-level="2"] i:nth-child(-n+2),.wifi-signal-bars[data-level="3"] i:nth-child(-n+3),.wifi-signal-bars[data-level="4"] i{background:#8b5cf6}.wifi-date{color:#777384!important;font-size:9px!important;white-space:nowrap}.wifi-location{color:#777384!important;font-size:9px!important}.wifi-empty{padding:48px 16px;color:#8e899b;text-align:center;font-size:12px}.wifi-footer{min-height:54px;padding:11px 23px;border-top:1px solid #efedf4;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9997a4;font-size:9px}.wifi-footer>span:last-child{display:inline-flex;align-items:center;gap:6px}.wifi-footer i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}
@media(max-width:800px){.wifi-table-wrap{padding:0 13px}.wifi-table{min-width:700px}.wifi-toolbar{padding:12px 14px}.wifi-search{width:min(330px,50vw)}}
@media(max-width:700px){.wifi-main{padding:14px 12px 90px}.wifi-panel{border-radius:16px}.wifi-heading{min-height:100px;padding:18px 16px}.wifi-heading h1{font-size:19px}.wifi-heading>div:first-child>p:last-child{max-width:230px;font-size:10px;line-height:1.5}.wifi-total{min-width:76px;padding:9px}.wifi-total strong{font-size:17px}.wifi-toolbar{padding:11px;gap:8px}.wifi-search{width:100%;height:40px}.wifi-filter-wrap{flex:1;justify-content:center}.wifi-filter-label{display:none}.wifi-month{height:32px}.wifi-summary-strip{padding:11px 13px}.wifi-secure-chip{font-size:8px}.wifi-table-wrap{padding:9px 11px 14px;overflow:visible}.wifi-table{min-width:0;display:block}.wifi-table thead{display:none}.wifi-table tbody{display:grid;gap:10px}.wifi-table tr{padding:10px 12px;border:1px solid #eceaf3;border-radius:13px;background:linear-gradient(145deg,#fff,#fcfbfe)!important;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 4px 12px #20144708}.wifi-table td{height:auto;min-width:0;padding:7px 3px;border:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;overflow-wrap:anywhere}.wifi-table td::before{content:attr(data-label);color:#9996a5;font-size:8px;font-weight:750;letter-spacing:.45px;text-transform:uppercase}.wifi-table td[data-label="Network"]{grid-column:1/-1;border-bottom:1px solid #f0eef4;padding-bottom:10px}.wifi-table td[data-label="BSSID"]{grid-column:1/-1}.wifi-table td[data-label="Security"]{grid-column:1}.wifi-table td[data-label="Signal"]{grid-column:2;grid-row:3}.wifi-table td[data-label="Connected"]{grid-column:1/-1}.wifi-table td[data-label="Location"]{grid-column:1/-1}.wifi-table .wifi-network-name strong{font-size:12px}.wifi-footer{padding:12px 14px}}

/* Keyword alert rules and sample detections */
.keywords-main{background:#f5f4f9}.keywords-panel{overflow:hidden;border:1px solid #ece9f3;border-radius:18px;background:#fff;box-shadow:0 14px 38px #2014470b}.keywords-heading{min-height:116px;padding:22px 27px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(ellipse at 95% 0,#9874f623 0,transparent 34%),linear-gradient(110deg,#fff,#fbfaff);border-bottom:1px solid #eeebf4}.keywords-eyebrow{margin-bottom:7px;color:#8661d8;font-size:9px;font-weight:800;letter-spacing:1.6px}.keywords-heading h1{color:#211d35;font-size:22px;letter-spacing:-.45px}.keywords-heading>div:first-child>p:last-child{margin-top:6px;color:#92909e;font-size:11px}.keywords-heading-stats{display:flex;align-items:center;gap:20px;padding:13px 18px;border:1px solid #e8e1f7;border-radius:14px;background:#fff;box-shadow:0 5px 16px #3b24610a}.keywords-heading-stats span{display:grid;gap:4px;text-align:center}.keywords-heading-stats strong{color:#7650cf;font-size:19px;line-height:1}.keywords-heading-stats small{color:#878493;font-size:9px;font-weight:650;white-space:nowrap}.keywords-heading-stats i{width:1px;height:28px;background:#ece8f3}.keywords-tabs{min-height:57px;padding:0 24px;display:flex;align-items:stretch;gap:22px;border-bottom:1px solid #efedf4;background:#fff}.keywords-tab{position:relative;padding:0 2px;border:0;background:transparent;color:#827e8d;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.keywords-tab:after{position:absolute;right:0;bottom:0;left:0;height:3px;border-radius:4px 4px 0 0;background:transparent;content:""}.keywords-tab.is-active{color:#332b47}.keywords-tab.is-active:after{background:#8b5cf6}.keyword-tab-icon{color:#8b5cf6;font-size:15px}.keywords-tab b{min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#f0ecf8;color:#7c718e;display:grid;place-items:center;font-size:9px}.keywords-tab.is-active b{background:#eee7ff;color:#7952cf}.keyword-demo-pill{margin-left:auto;align-self:center;padding:7px 10px;border:1px solid #eeeaf5;border-radius:20px;color:#928d9d;display:inline-flex;align-items:center;gap:6px;font-size:9px;white-space:nowrap}.keyword-demo-pill i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}.keyword-rules-view{min-height:520px;display:grid;grid-template-columns:minmax(285px,340px) minmax(0,1fr)}.keyword-rules-view[hidden],.keyword-matches-view[hidden]{display:none}.keyword-create-column{padding:23px 21px;border-right:1px solid #efedf4;background:linear-gradient(180deg,#fff,#fcfbfe)}.keyword-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.keyword-section-title>div{display:flex;align-items:center;gap:10px}.keyword-section-icon{width:35px;height:35px;border:1px solid #e7dff8;border-radius:11px;background:#f5f0ff;color:#8059d0;display:grid;place-items:center;font-size:20px}.keyword-section-title>div span:last-child{display:grid;gap:4px}.keyword-section-title strong{color:#332e45;font-size:12px}.keyword-section-title small{color:#9995a3;font-size:9px}.keyword-step{color:#aaa5b2;font-size:8px;font-weight:750;letter-spacing:.5px}.keyword-form{padding:17px;border:1px solid #e9e5ef;border-radius:14px;background:#fff;box-shadow:0 5px 18px #20144708}.keyword-field-label{margin:0 0 7px;color:#514c60;display:block;font-size:10px;font-weight:700}.keyword-input-wrap,.keyword-select-wrap{height:41px;margin-bottom:16px;padding:0 10px;border:1px solid #e7e4ed;border-radius:10px;background:#faf9fc;display:flex;align-items:center;gap:8px;color:#948da2}.keyword-input-wrap:focus-within,.keyword-select-wrap:focus-within{border-color:#b9a4e9;box-shadow:0 0 0 3px #8b5cf612}.keyword-input-wrap>span{color:#8b68d9;font-size:19px}.keyword-input-wrap input,.keyword-select-wrap select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#39354a;font:inherit;font-size:10px}.keyword-input-wrap input::placeholder{color:#aaa5b2}.keyword-input-wrap small{color:#aaa5b2;font-size:8px;white-space:nowrap}.keyword-select-wrap{position:relative}.keyword-select-wrap select{appearance:none;cursor:pointer}.keyword-select-wrap>span{pointer-events:none;font-size:15px}.keyword-form-note{margin:0 0 15px;padding:10px;border:1px solid #eee9f7;border-radius:9px;background:#faf8ff;color:#80778d;display:flex;align-items:flex-start;gap:7px;font-size:9px;line-height:1.5}.keyword-form-note>span:first-child{color:#8661d8}.keyword-add-button{width:100%;height:41px;border:0;border-radius:11px;background:linear-gradient(110deg,#8c5cf6,#7446d4);color:white;font:inherit;font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 7px 16px #8254e52e;transition:transform .15s,box-shadow .15s}.keyword-add-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px #8254e540}.keyword-add-button span{margin-right:5px;font-size:16px;vertical-align:-1px}.keyword-tip-card{margin-top:15px;padding:13px;border:1px solid #ece7f6;border-radius:12px;background:linear-gradient(120deg,#fbf9ff,#fff);display:flex;align-items:flex-start;gap:9px}.keyword-tip-card>span{color:#8b5cf6}.keyword-tip-card strong{color:#4a4359;font-size:9px}.keyword-tip-card p{margin-top:4px;color:#9893a2;font-size:9px;line-height:1.5}.keyword-table-column{min-width:0}.keyword-list-heading,.keyword-matches-top{min-height:83px;padding:17px 22px;border-bottom:1px solid #efedf4;display:flex;align-items:center;justify-content:space-between;gap:14px}.keyword-list-heading>div,.keyword-matches-top>div{display:grid;gap:5px}.keyword-list-heading>div strong,.keyword-matches-top>div strong{color:#332e45;font-size:13px}.keyword-list-heading>div small,.keyword-matches-top>div small{color:#9995a3;font-size:9px}.keyword-search{width:min(235px,45%);height:35px;padding:0 10px;border:1px solid #e8e5ef;border-radius:9px;background:#faf9fc;display:flex;align-items:center;gap:7px;color:#8b68d9}.keyword-search:focus-within{border-color:#b8a2e9;box-shadow:0 0 0 3px #8b5cf615}.keyword-search>span{font-size:17px}.keyword-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#28243b;font:inherit;font-size:9px}.keyword-search input::placeholder{color:#a09eab}.keyword-table-wrap{padding:0 19px;overflow:auto}.keyword-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.keyword-table th{height:44px;padding:0 9px;color:#938f9e;font-size:8px;font-weight:750;letter-spacing:.55px;text-transform:uppercase}.keyword-table th:nth-child(1){width:24%}.keyword-table th:nth-child(2){width:22%}.keyword-table th:nth-child(3){width:25%}.keyword-table th:nth-child(4){width:21%}.keyword-table th:nth-child(5){width:8%}.keyword-table td{height:53px;padding:7px 9px;border-top:1px solid #f0eef4;color:#625d70;font-size:9px}.keyword-table tbody tr:nth-child(odd){background:#faf9fc}.keyword-table tbody tr:hover{background:#f7f4ff}.keyword-chip{width:max-content;max-width:100%;padding:6px 8px;border:1px solid #eae4f5;border-radius:7px;background:#fff;color:#514762;display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700}.keyword-chip i{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#8b5cf6}.keyword-source-badge{padding:5px 7px;border:1px solid #ebe7f1;border-radius:7px;background:#fff;color:#797486;display:inline-block;font-size:8px;white-space:nowrap}.keyword-added-date{color:#9995a3!important;font-size:8px!important;white-space:nowrap}.keyword-remove{width:26px;height:26px;border:1px solid transparent;border-radius:8px;background:transparent;color:#aaa5b2;font-size:18px;cursor:pointer}.keyword-remove:hover{border-color:#f0d9e1;background:#fff5f7;color:#d35e79}.keyword-empty{padding:34px 12px;color:#918b9b;text-align:center;font-size:10px}.keyword-table-footer{min-height:45px;padding:10px 22px;border-top:1px solid #efedf4;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a09daa;font-size:8px}.keyword-matches-view{min-height:450px}.keyword-matches-top{min-height:77px}.keyword-match-list{padding:10px 19px 16px;display:grid;gap:9px}.keyword-match-card{min-width:0;padding:14px;border:1px solid #edeaf3;border-radius:12px;background:linear-gradient(115deg,#fff,#fcfbfe);display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:11px;transition:border-color .15s,box-shadow .15s}.keyword-match-card:hover{border-color:#ddd3f3;box-shadow:0 6px 18px #2014470c}.keyword-match-symbol{width:34px;height:34px;border:1px solid #e8e0f7;border-radius:10px;background:#f5f0ff;color:#8059d0;display:grid;place-items:center;font-size:18px}.keyword-match-main{min-width:0}.keyword-match-main>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.keyword-match-main>div strong{color:#3d374e;font-size:11px}.keyword-match-main p{margin:8px 0 5px;color:#6f6a7b;font-size:10px;line-height:1.5}.keyword-match-main small{color:#a09baa;font-size:8px}.keyword-match-card time{display:grid;gap:5px;color:#6d687a;text-align:right;font-size:9px;white-space:nowrap}.keyword-match-card time strong{font-weight:700}.keyword-match-card time span{color:#a09baa;font-size:8px}.keyword-matches-view>.keyword-empty{margin:10px 20px}.keyword-matches-view .keyword-table-footer{margin-top:0}
@media(max-width:1000px){.keyword-rules-view{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}.keyword-create-column{padding:19px 15px}.keyword-table-wrap{padding:0 12px}.keyword-table th,.keyword-table td{padding-inline:6px}.keyword-table th:nth-child(4){width:18%}.keyword-table th:nth-child(2){width:20%}}
@media(max-width:700px){.keywords-main{padding:14px 12px 90px}.keywords-panel{border-radius:16px}.keywords-heading{min-height:105px;padding:17px 15px;align-items:flex-start}.keywords-heading h1{font-size:19px}.keywords-heading>div:first-child>p:last-child{max-width:210px;font-size:9px;line-height:1.45}.keywords-heading-stats{gap:10px;padding:9px 10px}.keywords-heading-stats strong{font-size:16px}.keywords-heading-stats small{font-size:7px}.keywords-tabs{min-height:53px;padding:0 13px;gap:17px;overflow-x:auto}.keywords-tab{flex:0 0 auto;font-size:10px}.keyword-demo-pill{margin-left:auto;padding:6px 7px;font-size:0}.keyword-demo-pill i{width:7px;height:7px}.keyword-rules-view{display:block;min-height:0}.keyword-create-column{padding:15px;border-right:0;border-bottom:1px solid #efedf4}.keyword-section-title{margin-bottom:12px}.keyword-form{padding:14px}.keyword-input-wrap,.keyword-select-wrap{height:42px}.keyword-tip-card{display:none}.keyword-list-heading,.keyword-matches-top{min-height:80px;padding:13px 15px;align-items:flex-start;flex-direction:column}.keyword-search{width:100%;max-width:none}.keyword-table-wrap{padding:10px 12px;overflow:visible}.keyword-table{display:block}.keyword-table thead{display:none}.keyword-table tbody{display:grid;gap:9px}.keyword-table tbody tr{padding:10px 11px;border:1px solid #eceaf3;border-radius:12px;background:linear-gradient(145deg,#fff,#fcfbfe)!important;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 4px 12px #20144708}.keyword-table td{height:auto;min-width:0;padding:6px 3px;border:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;overflow-wrap:anywhere}.keyword-table td:before{content:attr(data-label);color:#9996a5;font-size:8px;font-weight:750;letter-spacing:.4px;text-transform:uppercase}.keyword-table td[data-label="Keyword"]{grid-column:1/-1}.keyword-table td[data-label="Notification"]{grid-column:1/-1}.keyword-table td[data-label="Added"]{grid-column:1}.keyword-table td[data-label="Action"]{grid-column:2;grid-row:4;align-items:flex-end}.keyword-table td[data-label="Action"]:before{display:none}.keyword-list-heading{border-bottom:0}.keyword-table-footer{padding:10px 15px}.keyword-matches-top{border-bottom:0}.keyword-match-list{padding:4px 11px 13px;gap:8px}.keyword-match-card{padding:11px;grid-template-columns:32px minmax(0,1fr);gap:9px}.keyword-match-symbol{width:31px;height:31px}.keyword-match-card time{grid-column:2;display:flex;justify-content:space-between;text-align:left}.keyword-matches-view .keyword-table-footer{margin:0}.keyword-matches-view>.keyword-empty{margin:8px 12px}}
@media(max-width:390px){.keywords-heading{gap:7px;padding-inline:12px}.keywords-heading-stats{gap:7px;padding:8px}.keywords-heading-stats i{height:22px}.keywords-eyebrow{font-size:8px}.keywords-tabs{gap:12px}.keywords-tab{gap:5px;font-size:9px}.keyword-section-title strong{font-size:11px}}

/* Installed apps inventory */
.apps-main{background:#f5f4f9}.apps-panel{overflow:hidden;border:1px solid #ece9f3;border-radius:18px;background:#fff;box-shadow:0 14px 38px #2014470b}.apps-heading{min-height:116px;padding:22px 27px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(ellipse at 95% 0,#9874f623 0,transparent 34%),linear-gradient(110deg,#fff,#fbfaff);border-bottom:1px solid #eeebf4}.apps-eyebrow{margin-bottom:7px;color:#8661d8;font-size:9px;font-weight:800;letter-spacing:1.6px}.apps-heading h1{color:#211d35;font-size:22px;letter-spacing:-.45px}.apps-heading>div:first-child>p:last-child{margin-top:6px;color:#92909e;font-size:11px}.apps-heading-stats{display:flex;align-items:center;gap:20px;padding:13px 18px;border:1px solid #e8e1f7;border-radius:14px;background:#fff;box-shadow:0 5px 16px #3b24610a}.apps-heading-stats span{display:grid;gap:4px;text-align:center}.apps-heading-stats strong{color:#7650cf;font-size:19px;line-height:1}.apps-heading-stats small{color:#878493;font-size:9px;font-weight:650;white-space:nowrap}.apps-heading-stats i{width:1px;height:28px;background:#ece8f3}
.apps-toolbar{min-height:64px;padding:11px 22px;border-bottom:1px solid #efedf4;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.apps-search{width:min(360px,48vw);height:38px;padding:0 11px;border:1px solid #e8e5ef;border-radius:10px;background:#faf9fc;display:flex;align-items:center;gap:8px;color:#9794a3}.apps-search:focus-within{border-color:#b8a2e9;box-shadow:0 0 0 3px #8b5cf615}.apps-search svg{width:15px;height:15px;fill:none;stroke:#8b68d9;stroke-width:1.8;stroke-linecap:round}.apps-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#28243b;font:inherit;font-size:11px}.apps-search input::placeholder{color:#a09eab}.apps-month-chip{height:32px;padding:0 10px;border:1px solid #e8e2f4;border-radius:18px;background:#faf8ff;color:#8060c7;display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:700;white-space:nowrap}.apps-month-chip i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}.apps-demo-note{margin-left:auto;color:#9995a3;display:inline-flex;align-items:center;gap:6px;font-size:9px}.apps-demo-note i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}
.apps-category-tabs{min-height:55px;padding:8px 21px;display:flex;align-items:center;gap:7px;overflow-x:auto;border-bottom:1px solid #f0eef4;background:#fff;scrollbar-width:thin}.apps-category{height:32px;padding:0 11px;border:1px solid transparent;border-radius:9px;background:transparent;color:#898595;font:inherit;font-size:10px;font-weight:650;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.apps-category:hover{background:#faf8ff;color:#7650cf}.apps-category.is-active{border-color:#e7def7;background:#f5f0ff;color:#7049c6}.apps-category b{margin-left:5px;padding:3px 5px;border-radius:8px;background:#eae3f8;color:#7650cf;font-size:8px}
.apps-grid{padding:19px 20px 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.installed-app-card{min-width:0;padding:15px;border:1px solid #eae7f0;border-radius:15px;background:linear-gradient(145deg,#fff,#fdfcff);box-shadow:0 5px 16px #21154108;transition:transform .18s,border-color .18s,box-shadow .18s}.installed-app-card:hover,.installed-app-card.is-expanded{transform:translateY(-2px);border-color:#d9cef0;box-shadow:0 10px 24px #21154110}.installed-app-top{display:flex;align-items:center;gap:8px}.app-icon-frame{position:relative;width:48px;height:48px;flex:0 0 48px;border:1px solid #eeebf4;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden}.app-icon-frame img{width:32px;height:32px;object-fit:contain;border-radius:8px}.app-icon-frame.is-fallback:after{content:attr(data-initial);width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#9e7bf1,#7148cc);color:white;display:grid;place-items:center;font-size:16px;font-weight:800}.app-installed-tag{margin-left:auto;padding:6px 8px;border:1px solid #e5f1eb;border-radius:20px;background:#f5fbf7;color:#5e9672;display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:700;white-space:nowrap}.app-installed-tag i{width:5px;height:5px;border-radius:50%;background:#58b87a}.app-more-button{width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9994a4;font-size:18px;line-height:1;letter-spacing:1px;cursor:pointer}.app-more-button:hover,.app-more-button[aria-expanded="true"]{border-color:#e8e1f5;background:#f7f3ff;color:#7955c6}.installed-app-title{margin:13px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.installed-app-title h2{min-width:0;overflow:hidden;color:#332e45;font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.installed-app-title>span{flex:0 0 auto;padding:4px 7px;border-radius:6px;background:#f3f1f7;color:#898495;font-size:8px;font-weight:650}.installed-app-meta{padding:10px 0;border-top:1px solid #f0eef4;border-bottom:1px solid #f0eef4;display:grid;grid-template-columns:1fr 1fr;gap:8px}.installed-app-meta span{min-width:0;display:grid;gap:4px}.installed-app-meta small,.installed-app-last-used>span{color:#a09baa;font-size:8px}.installed-app-meta strong{overflow:hidden;color:#5f5a6d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.installed-app-last-used{padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.installed-app-last-used time{color:#7e798a;font-size:9px;white-space:nowrap}.installed-app-extra{margin-top:11px;padding:9px;border:1px solid #eee9f7;border-radius:9px;background:#faf8ff;display:flex;align-items:center;justify-content:space-between;gap:8px}.installed-app-extra[hidden]{display:none}.installed-app-extra span{color:#9791a0;font-size:8px}.installed-app-extra strong{color:#786c8c;font-size:8px}.apps-empty{grid-column:1/-1;padding:55px 15px;border:1px dashed #d9d2e8;border-radius:14px;color:#8e899b;text-align:center;font-size:12px}.apps-footer{min-height:52px;padding:11px 23px;border-top:1px solid #efedf4;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9997a4;font-size:9px}.apps-footer>span:last-child{display:inline-flex;align-items:center;gap:6px}.apps-footer i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}
@media(max-width:1050px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:700px){.apps-main{padding:14px 12px 90px}.apps-panel{border-radius:16px}.apps-heading{min-height:105px;padding:17px 15px;align-items:flex-start}.apps-heading h1{font-size:19px}.apps-heading>div:first-child>p:last-child{max-width:210px;font-size:9px;line-height:1.45}.apps-heading-stats{gap:10px;padding:9px 10px}.apps-heading-stats strong{font-size:16px}.apps-heading-stats small{font-size:7px}.apps-toolbar{padding:11px;gap:8px}.apps-search{width:100%;height:40px}.apps-month-chip{height:30px}.apps-demo-note{margin-left:auto}.apps-category-tabs{min-height:49px;padding:7px 10px;gap:4px}.apps-category{height:30px;padding-inline:9px;font-size:9px}.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.installed-app-card{padding:11px;border-radius:13px}.app-icon-frame{width:41px;height:41px;flex-basis:41px;border-radius:12px}.app-icon-frame img{width:27px;height:27px}.app-installed-tag{padding:5px 6px;font-size:7px}.app-more-button{width:25px;height:27px}.installed-app-title{margin:11px 0 10px;align-items:flex-start;flex-direction:column;gap:6px}.installed-app-title h2{max-width:100%;font-size:11px}.installed-app-meta{padding:8px 0}.installed-app-last-used{align-items:flex-start;flex-direction:column;gap:5px}.installed-app-last-used time{font-size:8px}.apps-footer{padding:11px 13px;font-size:8px}}
@media(max-width:380px){.apps-main{padding:10px 8px 84px}.apps-heading{padding-inline:11px;gap:6px}.apps-heading-stats{gap:6px;padding:8px}.apps-heading-stats i{height:22px}.apps-eyebrow{font-size:8px}.apps-grid{gap:7px;padding:9px}.installed-app-card{padding:9px}.app-installed-tag{font-size:0}.app-installed-tag i{width:6px;height:6px}.app-icon-frame{width:36px;height:36px;flex-basis:36px}.installed-app-title h2{font-size:10px}.apps-footer{align-items:flex-start;flex-direction:column;gap:6px}}

/* Browser history timeline */
.browser-main{background:#f5f4f9}.browser-panel{overflow:hidden;border:1px solid #ece9f3;border-radius:18px;background:#fff;box-shadow:0 14px 38px #2014470b}.browser-heading{min-height:116px;padding:22px 27px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:radial-gradient(ellipse at 95% 0,#9874f623 0,transparent 34%),linear-gradient(110deg,#fff,#fbfaff);border-bottom:1px solid #eeebf4}.browser-eyebrow{margin-bottom:7px;color:#8661d8;font-size:9px;font-weight:800;letter-spacing:1.6px}.browser-heading h1{color:#211d35;font-size:22px;letter-spacing:-.45px}.browser-heading>div:first-child>p:last-child{margin-top:6px;color:#92909e;font-size:11px}.browser-heading-stats{display:flex;align-items:center;gap:20px;padding:13px 18px;border:1px solid #e8e1f7;border-radius:14px;background:#fff;box-shadow:0 5px 16px #3b24610a}.browser-heading-stats span{display:grid;gap:4px;text-align:center}.browser-heading-stats strong{color:#7650cf;font-size:19px;line-height:1}.browser-heading-stats small{color:#878493;font-size:9px;font-weight:650;white-space:nowrap}.browser-heading-stats i{width:1px;height:28px;background:#ece8f3}
.browser-toolbar{min-height:64px;padding:11px 22px;border-bottom:1px solid #efedf4;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.browser-search{width:min(370px,48vw);height:38px;padding:0 11px;border:1px solid #e8e5ef;border-radius:10px;background:#faf9fc;display:flex;align-items:center;gap:8px;color:#9794a3}.browser-search:focus-within{border-color:#b8a2e9;box-shadow:0 0 0 3px #8b5cf615}.browser-search svg{width:15px;height:15px;fill:none;stroke:#8b68d9;stroke-width:1.8;stroke-linecap:round}.browser-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#28243b;font:inherit;font-size:11px}.browser-search input::placeholder{color:#a09eab}.browser-month-chip{height:32px;padding:0 10px;border:1px solid #e8e2f4;border-radius:18px;background:#faf8ff;color:#8060c7;display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:700;white-space:nowrap}.browser-month-chip i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}.browser-demo-note{margin-left:auto;color:#9995a3;display:inline-flex;align-items:center;gap:6px;font-size:9px}.browser-demo-note i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}
.browser-categories{min-height:53px;padding:8px 21px;display:flex;align-items:center;gap:6px;overflow-x:auto;border-bottom:1px solid #f0eef4;background:#fff;scrollbar-width:thin}.browser-category{height:31px;padding:0 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#898595;font:inherit;font-size:9px;font-weight:650;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.browser-category:hover{background:#faf8ff;color:#7650cf}.browser-category.is-active{border-color:#e7def7;background:#f5f0ff;color:#7049c6}.browser-category b{margin-left:4px;padding:3px 5px;border-radius:8px;background:#eae3f8;color:#7650cf;font-size:8px}
.browser-summary-row{min-height:67px;padding:11px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f0eef4;background:linear-gradient(90deg,#fff,#fcfbfe)}.browser-summary-row>div{display:flex;align-items:center;gap:10px}.browser-summary-row>div>span:last-child{display:grid;gap:4px}.browser-summary-icon{width:35px;height:35px;border:1px solid #e7dff8;border-radius:11px;background:#f5f0ff;color:#8059d0;display:grid;place-items:center;font-size:20px}.browser-summary-row strong{color:#39354a;font-size:11px}.browser-summary-row small{color:#9995a3;font-size:9px}.browser-private-note{padding:7px 10px;border:1px solid #eeeaf5;border-radius:18px;color:#948e9e;display:inline-flex;align-items:center;gap:6px;font-size:8px;white-space:nowrap}.browser-private-note>span{color:#8b5cf6}
.browser-visit-list{padding:4px 22px 10px}.browser-visit{position:relative;min-height:88px;padding:14px 7px;display:grid;grid-template-columns:136px 42px minmax(0,1fr) auto;align-items:center;gap:14px;border-bottom:1px solid #eeecf2;transition:background .15s}.browser-visit:hover{background:#fcfbfe}.browser-visit[hidden]{display:none}.browser-visit-time{display:flex;flex-direction:column;gap:5px;color:#898595;font-size:10px}.browser-visit-time strong{color:#4a4559;font-size:10px;font-weight:700}.browser-visit-time span{color:#9894a2;font-size:9px}.browser-favicon-wrap{position:relative;width:36px;height:36px;border:1px solid #ebe7f1;border-radius:11px;background:#fff;display:grid;place-items:center;overflow:hidden}.browser-favicon-wrap img{width:22px;height:22px;object-fit:contain}.browser-favicon-wrap>span{position:absolute;inset:0;background:linear-gradient(145deg,#9e7bf1,#7148cc);color:#fff;display:none;place-items:center;font-size:13px;font-weight:800}.browser-favicon-wrap>span.is-visible{display:grid}.browser-visit-detail{min-width:0}.browser-visit-detail>div{display:flex;align-items:center;gap:8px}.browser-visit-detail h2{overflow:hidden;color:#383448;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.browser-category-tag{padding:4px 6px;border-radius:6px;background:#f3f0f9;color:#807692;font-size:8px;white-space:nowrap}.browser-visit-detail p{margin-top:5px;overflow:hidden;color:#887f99;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.browser-visit-detail small{display:block;margin-top:4px;overflow:hidden;color:#aaa5b2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.browser-visit-count{min-width:53px;padding:7px 8px;border:1px solid #eeeaf5;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;gap:4px;color:#898395}.browser-visit-count b{color:#7956c9;font-size:10px}.browser-visit-count small{font-size:8px}.browser-empty{padding:48px 15px;color:#8e899b;text-align:center;font-size:11px}.browser-footer{min-height:51px;padding:11px 23px;border-top:1px solid #efedf4;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9997a4;font-size:9px}.browser-footer>span:last-child{display:inline-flex;align-items:center;gap:6px}.browser-footer i{width:6px;height:6px;border-radius:50%;background:#8b5cf6}
@media(max-width:800px){.browser-visit-list{padding-inline:14px}.browser-visit{grid-template-columns:105px 38px minmax(0,1fr) auto;gap:10px}}
@media(max-width:700px){.browser-main{padding:14px 12px 90px}.browser-panel{border-radius:16px}.browser-heading{min-height:105px;padding:17px 15px;align-items:flex-start}.browser-heading h1{font-size:19px}.browser-heading>div:first-child>p:last-child{max-width:210px;font-size:9px;line-height:1.45}.browser-heading-stats{gap:10px;padding:9px 10px}.browser-heading-stats strong{font-size:16px}.browser-heading-stats small{font-size:7px}.browser-toolbar{padding:11px;gap:8px}.browser-search{width:100%;height:40px}.browser-month-chip{height:30px}.browser-demo-note{margin-left:auto}.browser-categories{min-height:47px;padding:7px 10px;gap:4px}.browser-category{height:29px;padding-inline:8px;font-size:8px}.browser-summary-row{min-height:60px;padding:10px 13px}.browser-private-note{font-size:0}.browser-private-note>span{font-size:12px}.browser-visit-list{padding:4px 11px 10px}.browser-visit{min-height:79px;padding:11px 2px;grid-template-columns:70px 35px minmax(0,1fr);gap:8px}.browser-visit-time{gap:4px;font-size:8px}.browser-visit-time strong{font-size:8px}.browser-visit-time span{font-size:8px}.browser-favicon-wrap{width:32px;height:32px;border-radius:9px}.browser-favicon-wrap img{width:19px;height:19px}.browser-visit-detail>div{gap:5px}.browser-visit-detail h2{font-size:10px}.browser-category-tag{font-size:7px;padding:3px 5px}.browser-visit-detail p{margin-top:4px;font-size:8px}.browser-visit-detail small{font-size:7px}.browser-visit-count{grid-column:3;justify-self:start;min-width:0;margin-top:5px;padding:4px 6px;gap:4px}.browser-visit-count b,.browser-visit-count small{font-size:7px}.browser-footer{padding:11px 13px;font-size:8px}}
@media(max-width:390px){.browser-heading{gap:6px;padding-inline:11px}.browser-heading-stats{gap:7px;padding:8px}.browser-heading-stats i{height:22px}.browser-eyebrow{font-size:8px}.browser-visit{grid-template-columns:58px 31px minmax(0,1fr);gap:6px}.browser-visit-detail h2{font-size:9px}.browser-category-tag{font-size:6px}.browser-footer{align-items:flex-start;flex-direction:column;gap:6px}}

/* Email inbox and message reading pane */
.email-main{height:calc(100vh - 62px);min-height:0;padding:0!important;overflow:hidden;background:#f6f6fa}.email-page{height:100%;min-height:0;display:grid;grid-template-columns:minmax(340px,430px) minmax(0,1fr);border:1px solid #eae7f0;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 12px 34px #2014470b}.email-inbox-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;border-right:1px solid #e9e6ef;background:#fff}.email-inbox-heading{min-height:74px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #efedf4;background:linear-gradient(110deg,#fff,#fbfaff)}.email-eyebrow{margin-bottom:4px;color:#8b65d3;font-size:8px;font-weight:800;letter-spacing:1.3px}.email-inbox-heading h1{color:#29253b;font-size:17px}.email-total{min-width:53px;height:45px;border:1px solid #e8e1f7;border-radius:11px;background:#fff;color:#7650cf;display:grid;place-content:center;text-align:center;font-size:16px;font-weight:800;line-height:1}.email-total small{margin-top:3px;color:#9994a3;font-size:8px;font-weight:600}.email-account{min-height:59px;padding:9px 15px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #efedf4}.email-account-avatar,.email-sender-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:linear-gradient(145deg,#51d1b4,#8061dd);color:white;display:grid;place-items:center;font-size:11px;font-weight:750}.email-account>span:nth-child(2){min-width:0;display:grid;gap:4px}.email-account strong{overflow:hidden;color:#484357;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.email-account small{color:#a19caa;font-size:8px}.email-account-chevron{margin-left:auto;color:#9792a0}.email-filter-row{padding:9px 14px;display:grid;grid-template-columns:1fr 1fr;gap:9px;border-bottom:1px solid #efedf4}.email-filter-row label{min-width:0;display:grid;gap:5px}.email-filter-row label small{color:#9691a0;font-size:8px}.email-filter-row select{width:100%;height:34px;padding:0 9px;border:1px solid #e7e4ed;border-radius:8px;background:#faf9fc;color:#6e697a;font:inherit;font-size:9px;outline:0}.email-filter-row select:focus{border-color:#b9a4e9;box-shadow:0 0 0 3px #8b5cf612}.email-search{height:35px;margin:9px 13px;padding:0 10px;border:1px solid #e8e5ef;border-radius:9px;background:#faf9fc;display:flex;align-items:center;gap:7px;color:#8b68d9}.email-search:focus-within{border-color:#b8a2e9;box-shadow:0 0 0 3px #8b5cf615}.email-search svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.email-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#28243b;font:inherit;font-size:9px}.email-search input::placeholder{color:#a09eab}.email-list{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#d9d2e8 transparent}.email-list-item{position:relative;width:100%;min-height:94px;padding:13px 13px 12px 14px;border:0;border-top:1px solid #efedf4;background:#fff;display:flex;align-items:flex-start;gap:10px;text-align:left;cursor:pointer;transition:background .15s}.email-list-item:hover{background:#faf9fd}.email-list-item.is-selected{background:#f0edff;box-shadow:inset 3px 0 #8b5cf6}.email-list-item[hidden]{display:none}.email-sender-avatar{background:var(--sender-color,#8b5cf6);font-size:9px}.email-item-copy{min-width:0;flex:1;display:grid;gap:5px}.email-item-top{display:flex;align-items:center;justify-content:space-between;gap:7px}.email-item-top strong{min-width:0;overflow:hidden;color:#332e45;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.email-item-top time{flex:0 0 auto;color:#a09baa;font-size:8px;white-space:nowrap}.email-item-subject{overflow:hidden;color:#5b5668;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.email-item-preview{overflow:hidden;color:#92909d;font-size:8px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.email-item-tags{display:flex;align-items:center;gap:5px;color:#a19caa;font-size:7px}.email-source-dot{width:5px;height:5px;border-radius:50%;background:var(--sender-color,#8b5cf6)}.email-unread-dot{position:absolute;right:9px;bottom:14px;width:6px;height:6px;border-radius:50%;background:#8b5cf6}.email-empty{padding:32px 12px;color:#928d9d;text-align:center;font-size:10px}.email-inbox-footer{min-height:38px;padding:9px 13px;border-top:1px solid #efedf4;color:#a09baa;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px}.email-detail{min-width:0;min-height:0;display:grid;grid-template-rows:70px minmax(0,1fr);background:#fff}.email-detail-header{min-height:70px;padding:12px 23px;border-bottom:1px solid #efedf4;display:flex;align-items:center;gap:12px}.email-detail-header>div{display:grid;gap:5px}.email-detail-header>div>p{color:#464154;font-size:11px;font-weight:750}.email-demo-label{color:#a09baa;display:inline-flex;align-items:center;gap:5px;font-size:8px}.email-demo-label i{width:5px;height:5px;border-radius:50%;background:#8b5cf6}.email-detail-more{width:31px;height:31px;margin-left:auto;border:1px solid #eeeaf3;border-radius:9px;background:#fff;color:#aaa5b2;font-size:15px;letter-spacing:1px}.email-back{display:none;width:34px;height:34px;border:1px solid #e9e5ef;border-radius:9px;background:#fff;color:#756d84;font-size:23px;line-height:1}.email-detail-content{min-height:0;padding:23px 28px 30px;overflow:auto}.email-subject-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.email-subject-row>div{min-width:0}.email-folder-chip{margin-bottom:9px;padding:5px 8px;border:1px solid #e9e2f6;border-radius:7px;background:#f8f5ff;color:#8160c7;display:inline-block;font-size:8px;font-weight:700}.email-subject-row h2{color:#2f2a42;font-size:20px;line-height:1.3;letter-spacing:-.35px}.email-detail-date{padding-top:5px;color:#a09baa;font-size:9px;text-align:right;white-space:nowrap}.email-sender-block{margin-top:21px;padding:15px 0;border-top:1px solid #f0eef4;display:flex;align-items:center;gap:10px}.email-detail-avatar{width:39px;height:39px;flex-basis:39px}.email-sender-block>div{min-width:0;display:grid;gap:4px}.email-sender-block>div strong{color:#494457;font-size:10px}.email-sender-block>div small{overflow:hidden;color:#9b96a5;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.email-sender-to{margin-left:auto;color:#a19baa;font-size:8px;white-space:nowrap}.email-sender-to b{color:#645e70;font-weight:650}.email-metadata{padding:14px 16px;border:1px solid #ece9f1;border-radius:12px;background:#f8f8fa;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.email-metadata div{min-width:0;display:grid;gap:5px}.email-metadata span{color:#9994a2;font-size:8px}.email-metadata strong{overflow:hidden;color:#5d586a;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.email-body{padding:22px 2px;color:#555163;font-size:12px;line-height:1.8;white-space:pre-line}.email-detail-foot{padding-top:14px;border-top:1px solid #efedf4;color:#a19baa;display:flex;justify-content:space-between;gap:12px;font-size:8px}.email-detail-foot span:last-child{color:#8b7aa6}
@media(max-width:900px){.email-page{grid-template-columns:minmax(310px,38%) minmax(0,1fr)}.email-detail-content{padding:20px 19px}.email-subject-row h2{font-size:18px}.email-sender-to{display:none}}
@media(max-width:700px){.email-main{height:calc(100dvh - 62px);min-height:0;padding:0!important;overflow:hidden}.email-page{position:relative;display:block;height:100%;border:0;border-radius:0}.email-inbox-panel{height:100%;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;border:0}.email-inbox-heading{min-height:66px;padding:11px 14px}.email-account{min-height:53px}.email-filter-row{padding:8px 12px}.email-filter-row select{height:36px}.email-search{height:39px;margin:8px 11px}.email-list-item{min-height:88px;padding:13px}.email-item-top strong{font-size:11px}.email-item-top time{font-size:9px}.email-item-subject{font-size:10px}.email-item-preview{font-size:9px}.email-detail{display:none;position:fixed;z-index:58;inset:62px 0 0;grid-template-rows:61px minmax(0,1fr);box-shadow:-10px 0 30px #17122920}.email-page.is-email-open .email-detail{display:grid}.email-page.is-email-open .email-inbox-panel{visibility:hidden}.email-detail-header{min-height:61px;padding:9px 13px}.email-back{display:block}.email-detail-header>div>p{font-size:12px}.email-detail-content{padding:18px 15px 25px}.email-subject-row{flex-direction:column;gap:5px}.email-subject-row h2{font-size:20px}.email-detail-date{padding:0;text-align:left}.email-sender-block{margin-top:15px}.email-metadata{padding:13px;gap:11px}.email-metadata strong{font-size:9px}.email-body{padding:19px 2px;font-size:14px;line-height:1.75}.email-detail-foot{flex-direction:column;gap:7px}}
@media(max-width:380px){.email-item-top{align-items:flex-start;flex-direction:column;gap:3px}.email-item-top time{font-size:8px}.email-detail-content{padding-inline:12px}.email-subject-row h2{font-size:18px}}

/* SIM card profile and shared recent-locations map */
.sim-main{background:#f5f4f9}.sim-page{width:100%;max-width:1480px;margin:0 auto}.sim-page-heading{min-height:91px;margin-bottom:16px;padding:17px 22px;border:1px solid #ebe7f1;border-radius:16px;background:radial-gradient(ellipse at 92% 0,#9874f623 0,transparent 35%),linear-gradient(110deg,#fff,#fbfaff);display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 8px 24px #20144708}.sim-eyebrow{margin-bottom:6px;color:#8661d8;font-size:8px;font-weight:800;letter-spacing:1.4px}.sim-page-heading h1{color:#252137;font-size:20px;letter-spacing:-.3px}.sim-page-heading>div>p:last-child{margin-top:5px;color:#92909e;font-size:10px}.sim-device-chip{padding:8px 11px;border:1px solid #e8e1f7;border-radius:20px;background:#fff;color:#716b7e;display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:650;white-space:nowrap}.sim-device-chip i{width:6px;height:6px;border-radius:50%;background:#58b87a}.sim-overview-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.32fr);gap:15px}.sim-info-panel,.sim-email-panel{min-width:0;padding:18px;border:1px solid #ebe7f1;border-radius:16px;background:linear-gradient(150deg,#fff,#fdfcff);box-shadow:0 8px 24px #20144708}.sim-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.sim-card-heading>span:nth-child(2){min-width:0;display:grid;gap:4px}.sim-card-heading h2{color:#332e45;font-size:13px;font-weight:750}.sim-card-heading small{color:#9995a3;font-size:8px}.sim-card-icon,.sim-email-icon{width:37px;height:37px;flex:0 0 37px;border:1px solid #e7dff8;border-radius:11px;background:#f5f0ff;color:#8059d0;display:grid;place-items:center;font-size:17px}.sim-email-icon{border-color:#dbeafa;background:#eff7ff;color:#438bd1}.sim-status-pill{margin-left:auto;padding:6px 8px;border:1px solid #e3f0e8;border-radius:18px;background:#f5fbf7;color:#57916d;display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.sim-status-pill i{width:5px;height:5px;border-radius:50%;background:#58b87a}.sim-carrier-banner{min-height:61px;margin-bottom:13px;padding:10px 12px;border:1px solid #ebe7f1;border-radius:12px;background:linear-gradient(100deg,#faf8ff,#fff);display:flex;align-items:center;gap:10px}.sim-carrier-mark{width:35px;height:35px;border-radius:11px;background:linear-gradient(140deg,#8b5cf6,#6942bf);color:white;display:grid;place-items:center;font-size:15px;font-weight:800}.sim-carrier-banner>div{display:grid;gap:4px}.sim-carrier-banner small{color:#9994a3;font-size:8px}.sim-carrier-banner strong{color:#433c53;font-size:11px}.sim-network-type{margin-left:auto;padding:5px 7px;border:1px solid #e8e2f3;border-radius:7px;background:#fff;color:#7e6d9e;font-size:8px;font-weight:700}.sim-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.sim-spec-grid>div{min-width:0;min-height:48px;padding:9px 2px;border-bottom:1px solid #f0eef4;display:grid;align-content:center;gap:5px}.sim-spec-grid>div>span{color:#9995a3;font-size:8px}.sim-spec-grid>div>strong{overflow:hidden;color:#504b5e;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.sim-value-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#58b87a}.sim-card-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a09baa;font-size:8px}.sim-card-footer span:first-child{display:inline-flex;align-items:center;gap:6px;color:#6f967c}.sim-card-footer i{width:5px;height:5px;border-radius:50%;background:#58b87a}.sim-alert-banner{padding:13px;border:1px solid #e8e2f4;border-radius:12px;background:linear-gradient(115deg,#faf8ff,#fff);display:flex;align-items:flex-start;gap:10px}.sim-alert-icon{width:29px;height:29px;flex:0 0 29px;border:1px solid #e6def6;border-radius:9px;background:#f4efff;color:#825acb;display:grid;place-items:center;font-size:14px;font-weight:800}.sim-alert-banner>div{display:grid;gap:5px}.sim-alert-banner strong{color:#494357;font-size:10px}.sim-alert-banner p{color:#928d9c;font-size:9px;line-height:1.55}.sim-registered-email{min-height:82px;margin-top:12px;padding:12px;border:1px solid #ece9f1;border-radius:12px;background:#fff;display:flex;align-items:center;gap:10px}.sim-mail-avatar{width:35px;height:35px;flex:0 0 35px;border:1px solid #e6def6;border-radius:11px;background:#f5f0ff;color:#8059d0;display:grid;place-items:center;font-size:11px;font-weight:750}.sim-registered-email>div{min-width:0;display:grid;gap:4px}.sim-registered-email small{color:#a09baa;font-size:8px}.sim-registered-email strong{overflow:hidden;color:#534e60;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sim-registered-email>div>span{color:#76a084;display:inline-flex;align-items:center;gap:5px;font-size:7px}.sim-registered-email>div>span i{width:5px;height:5px;border-radius:50%;background:#58b87a}.sim-registered-email button{margin-left:auto;padding:8px 9px;border:1px solid #e9e5ef;border-radius:8px;background:#faf9fc;color:#a49eae;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:8px;white-space:nowrap;cursor:not-allowed}.sim-registered-email button span{font-size:11px}.sim-email-footer{margin-top:12px;padding:11px 2px 0;border-top:1px solid #f0eef4;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#9a95a3;font-size:8px}.sim-email-footer strong{color:#6b967b;display:inline-flex;align-items:center;gap:5px;font-size:8px}.sim-email-footer strong i{width:5px;height:5px;border-radius:50%;background:#58b87a}.sim-locations-panel{margin-top:15px;padding:20px 21px;border-radius:16px}.sim-locations-panel .locations-heading{margin-bottom:13px}.sim-locations-panel .map-viewport{max-height:390px}.sim-map-viewport .route-map-pin{opacity:1}.sim-map-viewport .route-map-pin path{fill:var(--violet)}.sim-map-viewport .route-map-pin.is-selected{z-index:2;transform:translate(-50%,-100%) scale(1.18);filter:drop-shadow(0 2px 6px #1678e766)}.sim-map-viewport .route-map-pin.is-selected path{fill:#0879f9}
@media(max-width:1000px){.sim-overview-grid{grid-template-columns:1fr 1fr;gap:12px}.sim-info-panel,.sim-email-panel{padding:15px}.sim-locations-panel{padding:17px}.sim-locations-panel .locations-layout{grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:16px}}
@media(max-width:700px){.sim-main{padding:14px 12px 90px}.sim-page-heading{min-height:83px;padding:14px;border-radius:14px}.sim-page-heading h1{font-size:18px}.sim-device-chip{padding:7px 8px;font-size:8px}.sim-overview-grid{grid-template-columns:1fr;gap:10px}.sim-info-panel,.sim-email-panel{padding:14px;border-radius:14px}.sim-card-heading{margin-bottom:12px}.sim-spec-grid>div{min-height:45px}.sim-registered-email{min-height:72px}.sim-locations-panel{margin-top:11px;padding:14px 13px;border-radius:14px}.sim-locations-panel .locations-heading h2{font-size:15px}.sim-locations-panel .locations-layout{grid-template-columns:1fr;gap:13px}.sim-locations-panel .map-viewport{aspect-ratio:1.45;min-height:220px;max-height:340px}.sim-locations-panel .location-item{min-height:58px}.sim-locations-panel .location-copy strong{font-size:10px}.sim-locations-panel .location-copy small{font-size:9px}}
@media(max-width:390px){.sim-main{padding:10px 9px 84px}.sim-page-heading{padding:12px 11px;gap:6px}.sim-eyebrow{font-size:7px}.sim-page-heading>div>p:last-child{max-width:205px;font-size:9px}.sim-device-chip{padding:6px;font-size:7px}.sim-info-panel,.sim-email-panel{padding:12px}.sim-spec-grid{gap:0 9px}.sim-spec-grid>div>strong{font-size:8px}.sim-registered-email{padding:9px;gap:7px}.sim-registered-email button{padding:7px;font-size:7px}.sim-locations-panel .map-viewport{min-height:190px}}

/* WhatsApp sample conversation workspace */
.whatsapp-main{height:calc(100vh - 62px);min-height:0;padding:0!important;overflow:hidden;background:#eef1f4}.whatsapp-page{height:100%;min-height:0;display:grid;grid-template-columns:minmax(310px,390px) minmax(0,1fr);border:1px solid #dfe4e7;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 12px 34px #17232a0d}.whatsapp-sidebar{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;border-right:1px solid #e5e9ec;background:#fff}.whatsapp-sidebar-header{min-height:74px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0f1;background:#fff}.whatsapp-eyebrow{margin-bottom:4px;color:#18a77d;font-size:8px;font-weight:800;letter-spacing:1.1px}.whatsapp-sidebar-header h1{color:#172c31;font-size:17px;font-weight:750}.whatsapp-count{min-width:48px;height:43px;border:1px solid #d7eee6;border-radius:11px;background:#f4fbf8;color:#138b69;display:grid;place-content:center;text-align:center;font-size:15px;font-weight:800;line-height:1}.whatsapp-count small{margin-top:3px;color:#79918a;font-size:7px;font-weight:600}.whatsapp-device{min-height:57px;padding:9px 15px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf0f1}.whatsapp-device-avatar{width:34px;height:34px;border-radius:50%;background:#e0f5ed;color:#138b69;display:grid;place-items:center;font-size:12px;font-weight:800}.whatsapp-device>span:nth-child(2){display:grid;gap:4px}.whatsapp-device strong{color:#35464a;font-size:10px}.whatsapp-device small{color:#9aa6a9;font-size:8px}.whatsapp-device>i,.wa-header-copy small i{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#16b886}.whatsapp-tabs{height:53px;padding:0 12px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #edf0f1}.whatsapp-tabs button{position:relative;border:0;background:transparent;color:#929da0;display:flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:10px;font-weight:650;cursor:pointer}.whatsapp-tabs button span{font-size:14px}.whatsapp-tabs button.is-active{color:#128c6d}.whatsapp-tabs button.is-active:after{position:absolute;right:18%;bottom:0;left:18%;height:3px;border-radius:3px 3px 0 0;background:#16bd8a;content:""}.whatsapp-search{height:37px;margin:10px 12px;padding:0 11px;border:1px solid #e8ecee;border-radius:9px;background:#f5f7f8;display:flex;align-items:center;gap:8px;color:#849296}.whatsapp-search:focus-within{border-color:#8adcc0;box-shadow:0 0 0 3px #16bd8a14}.whatsapp-search>span{font-size:18px}.whatsapp-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#263a3d;font:inherit;font-size:9px}.whatsapp-search input::placeholder{color:#9aa5a8}.whatsapp-list{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#d5e5df transparent}.whatsapp-list[hidden]{display:none}.whatsapp-chat-item,.whatsapp-contact-item,.whatsapp-call-item{width:100%;min-height:75px;padding:11px 13px;border:0;border-top:1px solid #f0f2f3;background:#fff;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:background .15s}.whatsapp-chat-item:hover,.whatsapp-contact-item:hover,.whatsapp-call-item:hover{background:#f7fbf9}.whatsapp-chat-item.is-selected{background:#e7f8f2;box-shadow:inset 3px 0 #17b988}.whatsapp-chat-item[hidden],.whatsapp-contact-item[hidden],.whatsapp-call-item[hidden]{display:none}.wa-avatar{width:39px;height:39px;flex:0 0 39px;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--wa-color) 75%,white),var(--wa-color));box-shadow:0 1px 4px #182a301c;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:750}.wa-chat-copy{min-width:0;flex:1;display:grid;gap:6px}.wa-chat-top,.wa-chat-bottom{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.wa-chat-top strong,.whatsapp-contact-item strong,.whatsapp-call-item strong{overflow:hidden;color:#26383b;font-size:10px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.wa-chat-top time,.whatsapp-call-item time{flex:0 0 auto;color:#9aa5a8;font-size:8px}.wa-chat-bottom>span{overflow:hidden;color:#7d898c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.wa-chat-bottom i{min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#18b887;color:white;display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:700}.whatsapp-contact-item>span:nth-child(2),.whatsapp-call-item>span:nth-child(2){min-width:0;flex:1;display:grid;gap:5px}.whatsapp-contact-item small,.whatsapp-call-item small{overflow:hidden;color:#8b979a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.wa-contact-arrow{color:#adb7b9;font-size:21px}.whatsapp-call-item small{color:#168e6c}.whatsapp-call-item small.missed{color:#e16a70}.whatsapp-list-footer{min-height:35px;padding:8px 12px;border-top:1px solid #edf0f1;color:#9ba6a8;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:7px}.whatsapp-chat-panel{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:70px minmax(0,1fr) 67px;background-color:#efeae2;background-image:radial-gradient(circle at 20% 30%,#ffffff45 0 1px,transparent 1.5px),radial-gradient(circle at 70% 75%,#d8d0c44a 0 1px,transparent 1.5px);background-size:27px 27px,35px 35px}.whatsapp-chat-header{z-index:1;min-width:0;padding:10px 18px;border-bottom:1px solid #e6e8e8;background:#fff;display:flex;align-items:center;gap:10px}.whatsapp-chat-header>.wa-avatar{width:40px;height:40px;flex-basis:40px}.wa-header-copy{min-width:0;display:grid;gap:5px}.wa-header-copy strong{overflow:hidden;color:#26383b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.wa-header-copy small{color:#879396;display:flex;align-items:center;gap:5px;font-size:8px}.wa-header-copy small i{margin:0}.whatsapp-header-demo{margin-left:auto;padding:6px 8px;border:1px solid #e1eee8;border-radius:7px;background:#f7fbf9;color:#168c69;font-size:7px;font-weight:800;letter-spacing:.5px}.whatsapp-more{width:30px;height:30px;border:1px solid #e9edef;border-radius:8px;background:#f9fafb;color:#a4afb1;font-size:12px;letter-spacing:1px;cursor:not-allowed}.whatsapp-messages{min-height:0;padding:20px clamp(14px,4vw,44px);overflow:auto;display:flex;flex-direction:column;gap:10px}.wa-date-divider{align-self:center;margin:2px 0 8px;padding:6px 10px;border:1px solid #eee9e1;border-radius:8px;background:#fff;color:#718084;box-shadow:0 1px 2px #0b1c2010;font-size:8px}.wa-message{max-width:min(76%,540px);padding:8px 10px 6px;border:1px solid #e5e3df;border-radius:10px 10px 10px 3px;background:#fff;box-shadow:0 1px 1px #1931270c}.wa-message.is-outgoing{align-self:flex-end;border-color:#cde9da;border-radius:10px 10px 3px 10px;background:#d9fdd3}.wa-message p{color:#27383b;font-size:10px;line-height:1.55;overflow-wrap:anywhere}.wa-message time{margin-top:4px;color:#92a0a1;display:block;font-size:7px;text-align:right}.wa-message time span{color:#22a8c2;font-weight:800}.whatsapp-readonly-note{margin:0 16px 13px;padding:10px 12px;border:1px solid #e9e6df;border-radius:10px;background:#fff;display:flex;align-items:center;gap:9px;color:#18a87c}.whatsapp-readonly-note>span:first-child{font-size:15px}.whatsapp-readonly-note>div{min-width:0;display:grid;gap:3px}.whatsapp-readonly-note strong{color:#536467;font-size:8px}.whatsapp-readonly-note small{color:#9aa5a7;font-size:7px}.wa-lock{margin-left:auto;color:#97a5a7;font-size:14px}.whatsapp-back{display:none;width:32px;height:32px;border:0;background:transparent;color:#178c6d;font-size:25px;line-height:1;cursor:pointer}
@media(max-width:760px){.whatsapp-main{height:calc(100dvh - 62px);padding:0!important;overflow:hidden}.whatsapp-page{position:relative;display:block;height:100%;border:0;border-radius:0}.whatsapp-sidebar{height:100%;border:0}.whatsapp-sidebar-header{min-height:65px;padding:10px 14px}.whatsapp-device{min-height:51px;padding:8px 13px}.whatsapp-tabs{height:48px}.whatsapp-search{height:39px;margin:8px 11px}.whatsapp-chat-item,.whatsapp-contact-item,.whatsapp-call-item{min-height:70px;padding:10px 12px}.whatsapp-chat-panel{display:none;position:absolute;z-index:5;inset:0;grid-template-rows:60px minmax(0,1fr) 67px}.whatsapp-page.is-chat-open .whatsapp-chat-panel{display:grid}.whatsapp-page.is-chat-open .whatsapp-sidebar{visibility:hidden}.whatsapp-chat-header{padding:8px 10px;gap:7px}.whatsapp-back{display:block;flex:0 0 32px}.whatsapp-chat-header>.wa-avatar{width:37px;height:37px;flex-basis:37px}.whatsapp-header-demo{padding:5px;font-size:6px}.whatsapp-messages{padding:16px 12px}.wa-message{max-width:86%}.wa-message p{font-size:12px}.whatsapp-readonly-note{margin:0 9px 9px;padding:9px}.whatsapp-readonly-note small{font-size:7px}}
@media(max-width:380px){.whatsapp-header-demo{display:none}.whatsapp-sidebar-header h1{font-size:15px}.wa-avatar{width:36px;height:36px;flex-basis:36px}.wa-chat-top strong,.whatsapp-contact-item strong,.whatsapp-call-item strong{font-size:9px}}
.social-demo-main{min-height:calc(100vh - 62px);padding:0!important;overflow:auto;background:#f2f4f7}.social-demo-page{--social-blue:#4267b2;--social-ink:#1d2939;min-height:100%;color:var(--social-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.social-demo-top{position:sticky;top:0;z-index:8;min-height:62px;padding:0 clamp(15px,3vw,38px);border-bottom:1px solid #e6e9ed;background:#fff;display:flex;align-items:center;gap:22px}.social-demo-wordmark{flex:0 0 auto;color:#27384b;font-size:22px;font-weight:800;letter-spacing:-1px}.facebook-wordmark{color:#1877f2}.facebook-wordmark span{width:25px;height:25px;margin-right:3px;border-radius:50%;background:#1877f2;color:#fff;display:inline-grid;place-items:center;font-family:Arial,sans-serif;font-size:21px;line-height:1}.instagram-wordmark{font-family:Georgia,serif;font-weight:700;letter-spacing:-1.4px}.social-demo-search{width:min(340px,34vw);height:36px;margin-left:auto;padding:0 11px;border:1px solid #e6eaee;border-radius:20px;background:#f5f7f9;color:#87939e;display:flex;align-items:center;gap:8px}.social-demo-search>span{font-size:19px}.social-demo-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#303c4b;font:inherit;font-size:10px}.social-demo-disclosure{padding:7px 10px;border:1px solid #e6edf6;border-radius:20px;background:#f6f9fc;color:#64758a;font-size:7px;font-weight:800;letter-spacing:.45px;white-space:nowrap}.facebook-demo-page{--social-blue:#1877f2}.facebook-demo-layout{max-width:1390px;margin:0 auto;padding:20px clamp(13px,2vw,25px) 36px;display:grid;grid-template-columns:minmax(165px,215px) minmax(400px,680px) minmax(190px,250px);justify-content:center;align-items:start;gap:18px}.facebook-demo-rail{position:sticky;top:80px;padding:8px 4px}.facebook-profile-mini,.facebook-account-preview{min-width:0;padding:12px 10px;border:1px solid #e4e9ef;border-radius:12px;background:#fff;display:flex;align-items:center;gap:9px}.social-avatar{width:38px;height:38px;flex:0 0 38px;border:2px solid #fff;border-radius:50%;background:var(--social-avatar,#5882c2);box-shadow:0 1px 5px #16223a21;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800}.facebook-profile-mini>span:last-child,.facebook-account-preview>div{min-width:0;display:grid;gap:4px}.facebook-profile-mini strong,.facebook-account-preview strong{overflow:hidden;color:#29384c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.facebook-profile-mini small,.facebook-account-preview small{color:#929eaa;font-size:8px}.facebook-rail-link{min-height:40px;margin-top:5px;padding:0 9px;border-radius:9px;color:#596a7e;display:flex;align-items:center;gap:9px;font-size:9px}.facebook-rail-link i{width:23px;height:23px;border-radius:7px;background:#e8f0fb;color:#3977c8;display:grid;place-items:center;font-size:13px;font-style:normal}.facebook-rail-link b{margin-left:auto;color:#909daa;font-size:7px}.facebook-rail-link.is-active{background:#e8f1ff;color:#225ea9;font-weight:700}.facebook-demo-note{margin-top:17px;padding:11px 9px;border:1px solid #e5e9ee;border-radius:10px;background:#fff;display:flex;align-items:flex-start;gap:7px;color:#738397}.facebook-demo-note>span{color:#4780c2}.facebook-demo-note div{display:grid;gap:4px}.facebook-demo-note strong{font-size:8px}.facebook-demo-note small{font-size:7px;line-height:1.5}.facebook-feed-column{min-width:0}.facebook-page-heading{min-height:68px;margin-bottom:13px;padding:11px 14px;border:1px solid #e4e8ed;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px}.facebook-page-heading>div{display:flex;align-items:center;gap:10px}.facebook-heading-icon{width:33px;height:33px;border-radius:10px;background:#1877f2;color:#fff;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:25px;font-weight:800}.social-demo-eyebrow{margin-bottom:4px;color:#8c9aaa;font-size:7px;font-weight:800;letter-spacing:.7px}.facebook-page-heading h1{color:#233347;font-size:15px;font-weight:750}.social-demo-profile-pill{padding:6px 8px;border:1px solid #e7edf2;border-radius:20px;color:#65768a;font-size:7px;white-space:nowrap}.social-demo-profile-pill i{width:5px;height:5px;margin-right:4px;border-radius:50%;background:#37b788;display:inline-block}.facebook-stories,.facebook-post-card,.facebook-aside-card{border:1px solid #e4e8ed;border-radius:13px;background:#fff;box-shadow:0 3px 12px #1c2c3c08}.facebook-stories{padding:12px 13px;margin-bottom:12px}.facebook-section-title,.instagram-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.facebook-section-title h2,.instagram-section-title h2{color:#34445a;font-size:10px}.facebook-section-title span,.instagram-section-title span{color:#9aa5b0;font-size:7px}.facebook-story-row{margin-top:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.facebook-story-item{min-width:0;padding:8px 4px;border:1px solid #edf0f2;border-radius:10px;background:#fbfcfd;display:grid;justify-items:center;gap:5px;cursor:pointer}.facebook-story-item strong{max-width:100%;overflow:hidden;color:#405166;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.facebook-story-item small{color:#9ba6b2;font-size:6px}.facebook-story-avatar{width:35px;height:35px;border:2px solid #fff;border-radius:50%;outline:2px solid #7ba6e4;background:var(--story-color,#6495d5);color:#fff;display:grid;place-items:center;font-size:9px;font-weight:800}.facebook-story-item.is-own .facebook-story-avatar{outline-color:#dbe3eb;background:#eef2f5;color:#5a7086;font-size:17px}.facebook-feed-filters{min-height:39px;margin-bottom:10px;padding:4px 9px;border:1px solid #e4e8ed;border-radius:11px;background:#fff;display:flex;align-items:center;gap:6px}.facebook-feed-filters button{height:25px;padding:0 9px;border:0;border-radius:15px;background:transparent;color:#69798b;font:inherit;font-size:8px;cursor:pointer}.facebook-feed-filters button.is-active{background:#eaf2ff;color:#2166bc;font-weight:700}.facebook-feed-filters>span{margin-left:auto;color:#9ba6b2;font-size:7px}.facebook-post-card{margin-bottom:12px;overflow:hidden}.facebook-post-card[hidden]{display:none}.facebook-post-author{min-height:59px;padding:10px 13px;display:flex;align-items:center;gap:9px}.facebook-post-author .social-avatar{width:34px;height:34px;flex-basis:34px}.facebook-post-author>span:nth-child(2){min-width:0;display:grid;gap:4px}.facebook-post-author strong{color:#34445a;font-size:9px}.facebook-post-author small{color:#9ba6b2;font-size:7px}.facebook-post-author small i{color:#507bb0;font-style:normal}.facebook-post-author>button{width:28px;height:28px;margin-left:auto;border:0;border-radius:50%;background:#f4f6f8;color:#8593a2;font-size:11px;cursor:not-allowed}.facebook-post-copy{padding:0 13px 11px;color:#46566a;font-size:9px;line-height:1.6}.facebook-post-image{width:100%;max-height:340px;aspect-ratio:1.8;object-fit:cover;display:block;background:#edf1f4}.facebook-post-stats{min-height:34px;padding:0 13px;border-bottom:1px solid #edf0f2;color:#8a97a5;display:flex;align-items:center;justify-content:space-between;font-size:7px}.facebook-post-stats i{color:#e05f72;font-style:normal}.facebook-post-actions{min-height:39px;padding:4px 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.facebook-post-actions button{border:0;border-radius:7px;background:transparent;color:#758497;font:inherit;font-size:8px;cursor:pointer}.facebook-post-actions button:hover,.facebook-post-actions button.is-liked{background:#f2f6fb;color:#3978c4}.facebook-post-actions button:disabled{cursor:not-allowed}.facebook-post-actions button.is-liked{color:#d64f6d}.facebook-demo-aside{position:sticky;top:80px;display:grid;gap:11px}.facebook-aside-card{padding:12px}.facebook-account-preview{margin-top:10px;padding:8px 0 10px;border:0;border-bottom:1px solid #edf0f2;border-radius:0}.facebook-account-preview .social-avatar{width:35px;height:35px;flex-basis:35px}.facebook-demo-check{width:18px;height:18px;margin-left:auto;border-radius:50%;background:#e5f2ff;color:#3d80ca;display:grid;place-items:center;font-size:9px}.facebook-account-stats{padding-top:9px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.facebook-account-stats span{display:grid;gap:3px}.facebook-account-stats b{color:#3f536a;font-size:9px}.facebook-account-stats small{color:#9ba6b2;font-size:7px}.facebook-privacy-card{display:flex;align-items:flex-start;gap:8px}.facebook-privacy-card>span{color:#5486bd;font-size:15px}.facebook-privacy-card strong{color:#53677d;font-size:8px}.facebook-privacy-card p{margin-top:5px;color:#8a98a8;font-size:7px;line-height:1.55}.facebook-friend-row{margin-top:11px;display:flex;align-items:center;gap:7px}.facebook-friend-row .social-avatar{width:28px;height:28px;flex-basis:28px;font-size:8px}.facebook-friend-row>span:last-child{display:grid;gap:3px}.facebook-friend-row strong{color:#52647a;font-size:8px}.facebook-friend-row small{color:#9aa5b0;font-size:7px}.social-demo-empty{padding:28px 12px;color:#8d99a7;text-align:center;font-size:9px}.social-story-modal{position:fixed;z-index:90;inset:0;background:#14202dcc;display:grid;align-content:center;justify-items:center;gap:12px;color:#fff}.social-story-modal[hidden]{display:none}.social-story-modal>button{position:absolute;top:20px;right:23px;width:38px;height:38px;border:1px solid #ffffff66;border-radius:50%;background:#ffffff18;color:#fff;font-size:23px;cursor:pointer}.social-story-modal-avatar{width:75px;height:75px;border:3px solid #78a8ef;border-radius:50%;background:#3e75bb;display:grid;place-items:center;font-size:19px;font-weight:800}.social-story-modal strong{font-size:17px}.social-story-modal small{color:#ffffffb5;font-size:10px}
.instagram-demo-page{--social-blue:#a34780;background:#fff}.instagram-demo-top{position:sticky;top:0}.instagram-demo-page .social-demo-disclosure{border-color:#f0e4ef;background:#fff8fd;color:#86617f}.instagram-content{width:min(100% - 34px,900px);margin:23px auto 40px}.instagram-profile{min-height:198px;padding:8px 7% 22px;border-bottom:1px solid #e9e9ed;display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1.4fr);align-items:center;gap:clamp(20px,7vw,75px)}.instagram-profile-avatar{width:clamp(100px,14vw,140px);height:clamp(100px,14vw,140px);margin:auto;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,#f6a958,#d6538b 48%,#7a62c7);box-shadow:0 0 0 2px #cc719c;display:grid;place-items:center;position:relative}.instagram-profile-avatar span{width:84%;height:84%;border:3px solid #fff;border-radius:50%;background:#7497bb;color:#fff;display:grid;place-items:center;font-size:clamp(22px,3vw,34px);font-weight:750}.instagram-profile-avatar i{position:absolute;right:1px;bottom:7px;width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:#45ba82}.instagram-profile-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.instagram-profile-title h1{color:#283346;font-size:clamp(16px,2.5vw,21px);font-weight:450}.instagram-demo-badge{padding:5px 7px;border:1px solid #eadfeb;border-radius:6px;background:#fff7fc;color:#8d6388;font-size:7px;font-weight:800;letter-spacing:.45px}.instagram-profile-stats{margin:19px 0 14px;display:flex;gap:clamp(15px,4vw,38px);color:#647183;font-size:9px}.instagram-profile-stats b{color:#283346;font-size:10px}.instagram-profile-details>strong{color:#374457;font-size:9px}.instagram-profile-details>p{margin-top:5px;color:#617080;font-size:9px;line-height:1.55}.instagram-profile-note{margin-top:7px;color:#9c75a0;display:block;font-size:7px}.instagram-stories{padding:17px 3% 19px;border-bottom:1px solid #ececf0}.instagram-story-row{margin-top:12px;display:flex;align-items:flex-start;gap:clamp(17px,4vw,42px)}.instagram-story-row button{min-width:58px;border:0;background:transparent;display:grid;justify-items:center;gap:6px;cursor:pointer}.instagram-story-row button strong{color:#526174;font-size:8px;font-weight:600}.instagram-story-ring{width:54px;height:54px;padding:3px;border:2px solid #db7f9c;border-radius:50%;background:#fff;display:grid;place-items:center}.instagram-story-ring i{width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#fae8d8,#efc2c9);color:#8b6082;display:grid;place-items:center;font-size:14px;font-style:normal;font-weight:700}.instagram-post-tabs{height:48px;margin-top:2px;border-bottom:1px solid #e9e9ed;display:flex;align-items:stretch;justify-content:center;gap:clamp(28px,8vw,80px)}.instagram-post-tabs button{position:relative;padding:0 5px;border:0;background:transparent;color:#9ca5ae;display:flex;align-items:center;gap:7px;font:inherit;font-size:8px;font-weight:750;letter-spacing:.65px;cursor:pointer}.instagram-post-tabs button.is-active{color:#424d5b}.instagram-post-tabs button.is-active:after{position:absolute;top:0;right:0;left:0;height:2px;background:#3b4654;content:""}.instagram-post-tabs button span{font-size:14px}.instagram-post-tabs>span{position:absolute;right:max(calc((100vw - 900px)/2),18px);align-self:center;color:#a2aab2;font-size:6px;letter-spacing:.5px}.instagram-post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-top:5px}.instagram-post-tile{position:relative;min-width:0;aspect-ratio:1;border:0;background:#f0f1f2;overflow:hidden;cursor:pointer}.instagram-post-tile[hidden]{display:none}.instagram-post-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.instagram-post-tile:hover img{transform:scale(1.035)}.instagram-post-tile>i{position:absolute;top:6px;right:6px;padding:3px 5px;border-radius:4px;background:#0008;color:white;font-size:6px;font-style:normal;font-weight:800;letter-spacing:.5px}.instagram-tile-hover{position:absolute;inset:0;background:#1820308c;color:#fff;display:flex;align-items:center;justify-content:center;gap:15px;font-size:10px;font-weight:750;opacity:0;transition:opacity .16s}.instagram-post-tile:hover .instagram-tile-hover,.instagram-post-tile:focus-visible .instagram-tile-hover{opacity:1}.instagram-demo-footer{padding:15px 2px;color:#a1a8b0;display:flex;justify-content:space-between;gap:10px;font-size:7px}.instagram-post-modal{position:fixed;z-index:85;inset:0;padding:28px;background:#0f1822d9;display:flex;align-items:center;justify-content:center;gap:0}.instagram-post-modal[hidden]{display:none}.instagram-post-modal>img{width:min(52vw,570px);max-height:82vh;aspect-ratio:1;object-fit:cover;background:#d8dde1}.instagram-modal-info{position:relative;width:min(330px,40vw);height:min(82vh,620px);padding:17px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:11px}.instagram-modal-info>.social-avatar{width:34px;height:34px;flex-basis:34px}.instagram-modal-info>div:first-of-type{position:absolute;top:22px;left:60px;display:grid;gap:4px}.instagram-modal-info>div:first-of-type strong{color:#324154;font-size:9px}.instagram-modal-info>div:first-of-type small{color:#99a2ac;font-size:7px}.instagram-modal-demo{padding:4px 6px;border:1px solid #f0e4ef;border-radius:6px;color:#91688a;font-size:6px;font-weight:800}.instagram-modal-info>p{padding-top:9px;color:#556477;font-size:9px;line-height:1.55}.instagram-modal-actions{width:100%;margin-top:auto;padding-top:10px;border-top:1px solid #eceef0;display:flex;align-items:center;gap:7px}.instagram-modal-actions button{height:30px;padding:0 9px;border:1px solid #e7e9ec;border-radius:8px;background:#fff;color:#647286;font:inherit;font-size:8px;cursor:pointer}.instagram-modal-actions button.is-liked{color:#d94969}.instagram-modal-actions button.is-saved{color:#8d5f91}.instagram-modal-actions>span{margin-left:auto;color:#8793a2;font-size:7px}.instagram-modal-disclosure{margin-top:9px;color:#9b77a0;font-size:7px}.instagram-modal-close{position:absolute;top:15px;right:18px;width:35px;height:35px;border:1px solid #ffffff4d;border-radius:50%;background:#fff2;color:#fff;font-size:22px;cursor:pointer}
@media(max-width:1050px){.facebook-demo-layout{grid-template-columns:160px minmax(0,680px);max-width:900px}.facebook-demo-aside{display:none}.instagram-content{max-width:780px}.instagram-post-tabs>span{right:17px}}
@media(max-width:700px){.social-demo-main{min-height:calc(100dvh - 62px);padding:0 0 78px!important}.social-demo-top{min-height:55px;padding:0 12px;gap:9px}.social-demo-wordmark{font-size:18px}.facebook-wordmark span{width:22px;height:22px;font-size:18px}.social-demo-search{width:auto;min-width:0;flex:1;height:33px;margin-left:0}.social-demo-disclosure{max-width:112px;padding:5px 6px;font-size:5px;white-space:normal;text-align:center}.facebook-demo-layout{display:block;padding:12px 10px 25px}.facebook-demo-rail{display:none}.facebook-page-heading{min-height:60px;padding:9px 11px}.facebook-stories{padding:10px}.facebook-story-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.facebook-story-item{padding:7px 2px}.facebook-story-avatar{width:31px;height:31px}.facebook-feed-filters{overflow:auto}.facebook-feed-filters>span{display:none}.facebook-post-card{border-radius:10px}.facebook-post-image{aspect-ratio:1.25}.facebook-demo-aside{display:none}.instagram-content{width:100%;margin:12px auto 22px}.instagram-profile{min-height:155px;padding:12px 14px 16px;grid-template-columns:104px minmax(0,1fr);gap:15px}.instagram-profile-avatar{width:88px;height:88px}.instagram-profile-stats{margin:13px 0 9px;justify-content:space-between;gap:8px;font-size:8px}.instagram-profile-stats b{font-size:9px}.instagram-profile-title{gap:7px}.instagram-profile-title h1{font-size:15px}.instagram-profile-details>p{font-size:8px}.instagram-stories{padding:13px 15px 15px}.instagram-story-row{gap:19px;overflow:auto}.instagram-story-ring{width:48px;height:48px}.instagram-post-tabs{height:42px;gap:48px}.instagram-post-tabs>span{display:none}.instagram-post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding-top:2px}.instagram-post-tile>i{top:4px;right:4px;font-size:5px}.instagram-tile-hover{gap:7px;font-size:8px}.instagram-demo-footer{padding:12px 10px;font-size:6px}.instagram-post-modal{padding:48px 12px 15px;flex-direction:column;overflow:auto}.instagram-post-modal>img{width:min(90vw,440px);max-height:55vh}.instagram-modal-info{width:min(90vw,440px);height:auto;min-height:175px;padding:13px}.instagram-modal-actions{margin-top:5px}.instagram-modal-close{top:8px;right:10px}}
@media(max-width:390px){.social-demo-disclosure{max-width:85px}.instagram-profile{grid-template-columns:82px minmax(0,1fr);gap:9px;padding-left:10px;padding-right:10px}.instagram-profile-avatar{width:72px;height:72px}.instagram-profile-stats{gap:4px;font-size:7px}.instagram-profile-title h1{font-size:13px}.instagram-demo-badge{font-size:5px}.instagram-story-row{gap:12px}.instagram-story-ring{width:43px;height:43px}}
.whatsapp-sidebar{grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto}.whatsapp-quick-filters{min-height:35px;padding:2px 11px 8px;display:flex;align-items:center;gap:6px}.whatsapp-quick-filters[hidden]{display:none}.whatsapp-quick-filters button{height:25px;padding:0 9px;border:1px solid #e9edef;border-radius:14px;background:#f7f9f9;color:#7f8c8f;display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:8px;cursor:pointer}.whatsapp-quick-filters button b{min-width:14px;height:14px;padding:0 3px;border-radius:9px;background:#e8edeb;color:#657275;display:grid;place-items:center;font-size:7px}.whatsapp-quick-filters button.is-active{border-color:#bcebd9;background:#eaf8f2;color:#148764}.whatsapp-quick-filters button.is-active b{background:#d1f1e4;color:#148764}.wa-pin{color:#13a57b;font-size:7px}.whatsapp-chat-item[data-wa-favorite="true"]{background-image:linear-gradient(90deg,#f2fbf7,#fff 48%)}
.whatsapp-business-page .whatsapp-eyebrow{color:#147d76}.whatsapp-business-page .whatsapp-device-avatar{border-radius:10px;background:#e5f4f1;color:#147d76}.whatsapp-business-page .whatsapp-tabs button.is-active{color:#147d76}.whatsapp-business-page .whatsapp-tabs button.is-active:after{background:#168e84}.whatsapp-business-page .whatsapp-quick-filters button.is-active{border-color:#b9e2dc;background:#eaf6f4;color:#147d76}.whatsapp-business-page .whatsapp-quick-filters button.is-active b{background:#d6eeea;color:#147d76}
.gps-map-viewport{width:100%;max-height:390px;aspect-ratio:1.65;min-height:270px;cursor:default;touch-action:pan-y}
.gps-map-viewport .route-map-pin{opacity:1}
.gps-map-viewport .route-map-pin path{fill:var(--violet)}
.gps-map-viewport .route-map-pin.is-selected{z-index:2;transform:translate(-50%,-100%) scale(1.2);filter:drop-shadow(0 0 0 #fff) drop-shadow(0 3px 8px #0879f980)}
.gps-map-viewport .route-map-pin.is-selected path{fill:#0879f9}
.gps-map-view .map-caption{margin:9px 2px 0}
.gps-live-view{padding:18px}
.gps-live-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.gps-live-heading h2{margin:0 0 4px;font-size:16px}
.gps-live-heading>div>span{color:var(--muted);font-size:11px}
.live-status{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #d9f2e5;border-radius:20px;background:#f1fbf5;color:#32845a;font-size:11px;font-weight:700;white-space:nowrap}
.live-status i{width:8px;height:8px;border-radius:50%;background:#36b878;box-shadow:0 0 0 4px #36b87820}
.gps-live-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;align-items:stretch}
.gps-live-map{width:100%;aspect-ratio:1.65;min-height:270px;max-height:520px;cursor:default;touch-action:pan-y}
.gps-live-map .route-map-image{position:absolute;inset:0}
.live-location-marker{position:absolute;left:var(--pin-x);top:var(--pin-y);width:18px;height:18px;transform:translate(-50%,-50%);z-index:2}
.live-marker-pulse,.live-marker-dot{position:absolute;inset:0;border-radius:50%}
.live-marker-pulse{background:#28c77955;animation:live-marker-pulse 1.8s ease-out infinite}
.live-marker-dot{inset:4px;background:#19b96b;border:2px solid #fff;box-shadow:0 2px 8px #10281866;transform-origin:center;animation:live-marker-breathe 1.25s ease-in-out infinite}
.live-marker-label{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);padding:6px 9px;border:1px solid #d8eee2;border-radius:8px;background:#fff;color:#218451;font-size:11px;font-weight:750;white-space:nowrap;box-shadow:0 4px 14px #14271c1c}
@keyframes live-marker-pulse{0%{transform:scale(.7);opacity:.9}100%{transform:scale(2.7);opacity:0}}
@keyframes live-marker-breathe{0%,100%{transform:scale(.78)}50%{transform:scale(1.35)}}
.gps-live-details{min-width:0;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 5px 20px #1719230b;display:flex;flex-direction:column;gap:20px}
.live-detail-heading{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.live-detail-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#eee9fc;color:var(--violet);font-size:25px}
.live-detail-heading>div{display:grid;gap:4px}.live-detail-heading strong{font-size:14px}.live-detail-heading small{color:var(--muted);font-size:11px}
.live-detail{min-width:0;display:grid;gap:6px}.live-detail>span{color:var(--muted);font-size:11px;font-weight:600}.live-detail>strong{color:var(--ink);font-size:13px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.live-detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.get-direction-button{min-height:42px;padding:0 17px;border:0;border-radius:24px;background:var(--violet);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;box-shadow:0 5px 15px #8b5cf640;cursor:pointer;white-space:nowrap}
.gps-live-details .get-direction-button{width:100%;margin-top:auto}
.get-direction-button:hover,.plan-dialog-action:hover{filter:brightness(1.07);transform:translateY(-1px)}
.plan-dialog{position:fixed;width:min(420px,calc(100vw - 32px));padding:30px;border:1px solid #ffffff45;border-radius:22px;background:linear-gradient(145deg,#17132c,#0d0f14 65%,#211743);color:#fff;text-align:center;box-shadow:0 28px 90px #09081780}
.plan-dialog::backdrop{background:#070a13b8;backdrop-filter:blur(5px)}
.plan-dialog-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff0c;color:#d8d2e9;font-size:23px;cursor:pointer}
.plan-dialog-icon{width:58px;height:58px;margin:5px auto 16px;border:1px solid #b49bff55;border-radius:18px;background:linear-gradient(145deg,#9f7aff,#6238cd);display:grid;place-items:center;color:#fff;font-size:27px;box-shadow:0 10px 32px #8b5cf655}
.plan-dialog-eyebrow{margin:0 0 8px;color:#b9a3ff;font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}
.plan-dialog h2{margin:0 0 10px;font-size:23px}
.plan-dialog-description,#plan-dialog-description{margin:0 auto 23px;max-width:310px;color:#c7c3d2;font-size:14px;line-height:1.6}
.plan-dialog-action{min-width:130px;height:42px;padding:0 18px;border:0;border-radius:22px;background:var(--violet);color:#fff;font-weight:750;cursor:pointer;transition:transform .15s,filter .15s}
.message-list-panel{min-width:0;min-height:0;display:grid;grid-template-rows:78px minmax(0,1fr) 56px;border-right:1px solid #d9dee6}
.message-filters{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid var(--line);min-width:0}
.message-date-range{height:38px;min-width:0;flex:1;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #d9dee6;border-radius:8px;color:#9aa2af}
.message-date-range input{width:0;min-width:0;flex:1;border:0;outline:0;background:transparent;color:#697386;font:inherit;font-size:12px}
.message-date-range input::-webkit-calendar-picker-indicator{display:none}
.message-period select{max-width:120px;height:38px;border:0;background:#fff;color:#454c5a;font:inherit;cursor:pointer}
.message-thread-list{min-height:0;overflow:auto;overscroll-behavior:contain}
.message-thread{width:100%;min-height:91px;padding:17px 20px;border:0;border-bottom:1px solid var(--line);background:#fff;display:block;text-align:left;cursor:pointer;color:var(--ink)}
.message-thread:hover{background:#faf9ff}
.message-thread.is-selected{background:#f1edff}
.thread-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}
.thread-heading strong{font-size:14px;font-weight:750}
.thread-heading time{color:#9098a5;font-size:11px;white-space:nowrap}
.thread-preview{display:-webkit-box;overflow:hidden;color:#525b6a;font-size:13px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.thread-empty-state,.message-empty-state{margin:0;padding:22px;color:var(--muted);text-align:center;font-size:13px;line-height:1.5}
.message-pagination{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid var(--line)}
.message-pagination button,.message-pagination span{width:36px;height:36px;border:1px solid #cbd1db;border-radius:6px;background:white;display:grid;place-items:center;color:#758092;font-size:17px}
.message-pagination button:disabled{opacity:.6}
.message-pagination span{border-color:var(--violet);background:var(--violet);color:#fff;font-size:14px}
.message-conversation{min-width:0;min-height:0;display:grid;grid-template-rows:78px minmax(0,1fr);background:#fff}
.conversation-header{display:flex;align-items:center;justify-content:center;position:relative;padding:10px 18px;border-bottom:1px solid var(--line);text-align:center}
.conversation-header h1{margin:0 0 2px;font-size:16px;font-weight:750}
.conversation-header p{margin:0;color:#354052;font-size:13px;font-weight:650}
.conversation-close{display:none;position:absolute;left:12px;top:50%;transform:translateY(-50%);border:0;background:none;color:#515967;font-size:30px;line-height:1;cursor:pointer}
.conversation-messages{min-height:0;overflow:auto;padding:22px 25px 34px;display:flex;flex-direction:column;gap:25px;overscroll-behavior:contain}
.chat-message{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.chat-message>time{margin-left:50px;color:#929aa7;font-size:11px}
.chat-message.is-outgoing{align-items:flex-end}
.chat-message.is-outgoing>time{margin:0 50px 0 0}
.chat-message-row{max-width:min(82%,560px);display:flex;align-items:flex-end;gap:10px}
.chat-message-row p{margin:0;padding:11px 13px;border-radius:0 14px 14px 14px;background:#eceef1;color:#172033;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.chat-message.is-outgoing .chat-message-row p{border-radius:14px 0 14px 14px;background:var(--violet);color:#fff}
.chat-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#e9e3fa;color:#6540c8;font-size:12px;font-weight:750}
.chat-message.is-outgoing .chat-avatar{background:#ede9fe;color:#6540c8}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.messages-main{height:100%;min-height:0;overflow:hidden;padding:0!important}.messages-page{height:100%;min-height:0;display:block}.message-list-panel{height:100%;grid-template-rows:68px minmax(0,1fr) 58px;border:0}.message-filters{padding:10px 12px}.message-date-range{height:42px}.message-date-range input{font-size:11px}.message-period select{max-width:105px;font-size:12px}.message-thread{min-height:112px;padding:17px 20px}.thread-heading strong{font-size:16px}.thread-heading time{font-size:13px}.thread-preview{font-size:15px;line-height:1.5}.message-pagination{gap:9px}.message-pagination button,.message-pagination span{width:42px;height:42px}.message-conversation{display:none;position:fixed;z-index:55;inset:62px 0 0 0;grid-template-rows:78px minmax(0,1fr);box-shadow:-12px 0 30px #11182720}.messages-page.conversation-open .message-conversation{display:grid}.messages-page.conversation-open .message-list-panel{visibility:hidden}.conversation-header{padding:10px 52px}.conversation-header h1{font-size:19px}.conversation-header p{font-size:15px}.conversation-close{display:block}.conversation-messages{padding:24px 14px 34px;gap:25px}.chat-message>time{margin-left:50px;font-size:13px}.chat-message.is-outgoing>time{margin-right:50px}.chat-message-row{max-width:88%;gap:9px}.chat-message-row p{padding:14px 15px;font-size:16px;border-radius:0 15px 15px 15px}.chat-message.is-outgoing .chat-message-row p{border-radius:15px 0 15px 15px}.chat-avatar{width:42px;height:42px;flex-basis:42px;font-size:13px}}
@media(max-width:700px){body.message-conversation-open .mobile-signup{display:none}}
@media(max-width:700px){.gps-panel-heading{min-height:68px;padding:14px 15px}.gps-panel-heading h1{font-size:17px}.gps-view-tabs{padding:0 15px}.gps-list-view{padding:0 12px 15px}.gps-list-summary{min-height:46px}.gps-table-scroll{overflow:visible;border:0}.gps-table{display:block;min-width:0}.gps-table thead{display:none}.gps-table tbody{display:grid;gap:10px}.gps-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff!important}.gps-table td{min-width:0;padding:10px;border-top:1px solid #edf0f4;overflow-wrap:anywhere}.gps-table td::before{content:attr(data-label);display:block;margin-bottom:4px;color:#8a92a0;font-size:10px;font-weight:600}.gps-table td[data-label="Address"],.gps-table td[data-label="Location Time"]{grid-column:1/-1}.gps-table td[data-label="#"]{font-weight:700;color:var(--violet)}.gps-map-view{padding:12px}}
@media(max-width:700px){.gps-live-view{padding:13px}.gps-live-heading{align-items:flex-start}.gps-live-heading h2{font-size:15px}.live-status{padding:6px 8px;font-size:10px}.gps-live-layout{grid-template-columns:1fr;gap:13px}.gps-live-map{aspect-ratio:1.65;min-height:0;max-height:340px}.gps-live-details{padding:17px;gap:17px}.live-detail-pair{gap:10px}.get-direction-button{width:100%}.plan-dialog{padding:26px 20px;border-radius:19px}}
@media(prefers-reduced-motion:reduce){.live-marker-pulse,.live-marker-dot{animation:none}.live-marker-pulse{opacity:.4;transform:scale(1.5)}}
@media(max-width:380px){.message-filters{gap:4px;padding-inline:8px}.message-date-range{gap:4px;padding-inline:6px}.message-period select{max-width:92px;font-size:11px}.message-thread{padding-inline:14px}}
.social-demo-wordmark small{margin-left:4px;color:#9ba7b5;font-size:8px;font-weight:700;letter-spacing:.3px}.facebook-wordmark{color:#246ec4}.facebook-wordmark span{display:none}.instagram-wordmark{font-family:inherit;letter-spacing:-.8px}.facebook-heading-icon{font-size:14px}


/* Chat-only Facebook Messenger and Instagram conversation views */
.social-inbox-main{background:#f3f4f8}
.social-inbox-page{grid-template-columns:minmax(300px,370px) minmax(0,1fr);border-color:#e3e6ee;border-radius:16px}
.social-inbox-page .whatsapp-tabs{grid-template-columns:1fr 1fr}
.social-inbox-page .social-chat-filters button b{min-width:17px;height:17px;padding:0 5px;border-radius:10px;background:#edf0f5;color:#778196;display:grid;place-items:center;font-size:8px}
.social-chat-list{position:relative}
.social-inbox-empty{padding:24px 14px;color:#8a94a6;text-align:center;font-size:11px}
.social-inbox-empty[hidden]{display:none}
.social-chat-panel{background-color:#f5f6fa;background-image:radial-gradient(circle at 16% 25%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 78% 72%,#e9ebf3 0 1px,transparent 1.5px);background-size:28px 28px,36px 36px}
.social-inbox-page .whatsapp-readonly-note{border-color:#e5e8f0}
.facebook-messenger-page .whatsapp-eyebrow,.facebook-messenger-page .whatsapp-count,.facebook-messenger-page .whatsapp-device-avatar,.facebook-messenger-page .whatsapp-tabs button.is-active,.facebook-messenger-page .whatsapp-chat-item.is-selected{--social-accent:#2878e5}
.facebook-messenger-page .whatsapp-eyebrow{color:#2474dc}
.facebook-messenger-page .whatsapp-count{border-color:#dce9fb;background:#f3f8ff;color:#2474dc}
.facebook-messenger-page .whatsapp-device-avatar{background:#e7f1ff;color:#2474dc}
.facebook-messenger-page .whatsapp-device>i,.facebook-messenger-page .wa-header-copy small i{background:#4389e8}
.facebook-messenger-page .whatsapp-tabs button.is-active{color:#2474dc}
.facebook-messenger-page .whatsapp-tabs button.is-active:after{background:#2878e5}
.facebook-messenger-page .whatsapp-chat-item.is-selected{background:#edf4ff;box-shadow:inset 3px 0 #2878e5}
.facebook-messenger-page .whatsapp-header-demo{border-color:#dce9fb;background:#f4f8ff;color:#2878e5}
.facebook-messenger-page .whatsapp-readonly-note{color:#2878e5}
.facebook-messenger-page .wa-message.is-outgoing{border-color:#d8e5fc;background:#e7f0ff}
.instagram-chat-page .whatsapp-eyebrow{color:#a13ea1}
.instagram-chat-page .whatsapp-count{border-color:#f0dff0;background:#fff7fd;color:#a13ea1}
.instagram-chat-page .whatsapp-device-avatar{background:#faeafb;color:#aa43a5}
.instagram-chat-page .whatsapp-device>i,.instagram-chat-page .wa-header-copy small i{background:#b44ba6}
.instagram-chat-page .whatsapp-tabs button.is-active{color:#ac44a1}
.instagram-chat-page .whatsapp-tabs button.is-active:after{background:linear-gradient(90deg,#fd9d4c,#e1437d,#a34cc2)}
.instagram-chat-page .whatsapp-chat-item.is-selected{background:#fff3fa;box-shadow:inset 3px 0 #d94f9c}
.instagram-chat-page .whatsapp-header-demo{border-color:#f0dff0;background:#fff7fd;color:#a13ea1}
.instagram-chat-page .whatsapp-readonly-note{color:#a13ea1}
.instagram-chat-page .wa-message.is-outgoing{border-color:#f2d7e8;background:#fdebf5}
@media(max-width:760px){.social-inbox-main{height:calc(100dvh - 62px)}.social-inbox-page{border-radius:0}.social-inbox-page .whatsapp-sidebar-header h1{font-size:17px}}

.snapchat-chat-page .whatsapp-eyebrow{color:#aa940e}.snapchat-chat-page .whatsapp-count{border-color:#f0e7a8;background:#fffdf0;color:#a18c0d}.snapchat-chat-page .whatsapp-device-avatar{background:#fff8c8;color:#94800a}.snapchat-chat-page .whatsapp-device>i,.snapchat-chat-page .wa-header-copy small i{background:#d8c21a}.snapchat-chat-page .whatsapp-tabs button.is-active{color:#9a8508}.snapchat-chat-page .whatsapp-tabs button.is-active:after{background:#e0cd24}.snapchat-chat-page .whatsapp-chat-item.is-selected{background:#fffdeb;box-shadow:inset 3px 0 #e0cd24}.snapchat-chat-page .whatsapp-header-demo{border-color:#f0e7a8;background:#fffdf0;color:#9a8508}.snapchat-chat-page .whatsapp-readonly-note{color:#a18c0d}.snapchat-chat-page .wa-message.is-outgoing{border-color:#eee6aa;background:#fff9cf}
.twitter-chat-page .whatsapp-eyebrow{color:#1d9bf0}.twitter-chat-page .whatsapp-count{border-color:#d9edfc;background:#f3faff;color:#1688d2}.twitter-chat-page .whatsapp-device-avatar{background:#e5f4ff;color:#1688d2}.twitter-chat-page .whatsapp-device>i,.twitter-chat-page .wa-header-copy small i{background:#1d9bf0}.twitter-chat-page .whatsapp-tabs button.is-active{color:#1688d2}.twitter-chat-page .whatsapp-tabs button.is-active:after{background:#1d9bf0}.twitter-chat-page .whatsapp-chat-item.is-selected{background:#edf8ff;box-shadow:inset 3px 0 #1d9bf0}.twitter-chat-page .whatsapp-header-demo{border-color:#d9edfc;background:#f3faff;color:#1688d2}.twitter-chat-page .whatsapp-readonly-note{color:#1688d2}.twitter-chat-page .wa-message.is-outgoing{border-color:#d5eafa;background:#e8f5ff}
.linkedin-chat-page .whatsapp-eyebrow{color:#0a66c2}.linkedin-chat-page .whatsapp-count{border-color:#d9e8f7;background:#f3f8fd;color:#0a66c2}.linkedin-chat-page .whatsapp-device-avatar{background:#e7f1fb;color:#0a66c2}.linkedin-chat-page .whatsapp-device>i,.linkedin-chat-page .wa-header-copy small i{background:#0a66c2}.linkedin-chat-page .whatsapp-tabs button.is-active{color:#0a66c2}.linkedin-chat-page .whatsapp-tabs button.is-active:after{background:#0a66c2}.linkedin-chat-page .whatsapp-chat-item.is-selected{background:#edf5fc;box-shadow:inset 3px 0 #0a66c2}.linkedin-chat-page .whatsapp-header-demo{border-color:#d9e8f7;background:#f3f8fd;color:#0a66c2}.linkedin-chat-page .whatsapp-readonly-note{color:#0a66c2}.linkedin-chat-page .wa-message.is-outgoing{border-color:#cfe0f2;background:#e4effa}
.telegram-chat-page .whatsapp-eyebrow{color:#229ed9}.telegram-chat-page .whatsapp-count{border-color:#d8edf8;background:#f2faff;color:#1684b8}.telegram-chat-page .whatsapp-device-avatar{background:#e3f5fd;color:#1684b8}.telegram-chat-page .whatsapp-device>i,.telegram-chat-page .wa-header-copy small i{background:#229ed9}.telegram-chat-page .whatsapp-tabs button.is-active{color:#1684b8}.telegram-chat-page .whatsapp-tabs button.is-active:after{background:#229ed9}.telegram-chat-page .whatsapp-chat-item.is-selected{background:#edf9ff;box-shadow:inset 3px 0 #229ed9}.telegram-chat-page .whatsapp-header-demo{border-color:#d8edf8;background:#f2faff;color:#1684b8}.telegram-chat-page .whatsapp-readonly-note{color:#1684b8}.telegram-chat-page .wa-message.is-outgoing{border-color:#cfeaf8;background:#e2f4fc}

/* Screen Captures: fictional mobile UI preview gallery */
.screen-captures-main{min-height:calc(100vh - 62px);padding:clamp(14px,2vw,26px)!important;background:#f3f4f8}
.screen-captures-page{max-width:1500px;margin:0 auto;padding:clamp(18px,2.4vw,30px);border:1px solid #ebe8f4;border-radius:20px;background:#fff;box-shadow:0 12px 34px #25203c0b}
.sc-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 22px;border-bottom:1px solid #efedf4}
.sc-eyebrow{margin:0 0 7px;color:#7c53dc;font-size:9px;font-weight:800;letter-spacing:1.3px}
.sc-heading h1{margin:0;color:#19152a;font-size:clamp(21px,2vw,28px);letter-spacing:-.6px}
.sc-heading>div:first-child>p:last-child{margin:7px 0 0;color:#8a8798;font-size:12px}
.sc-stats{width:86px;height:66px;border:1px solid #e9e2fa;border-radius:15px;background:#fbf9ff;display:grid;place-content:center;text-align:center}
.sc-stats strong{color:#7951d5;font-size:23px;line-height:1.1}.sc-stats span{margin-top:4px;color:#89829a;font-size:9px}
.sc-disclosure{display:flex;align-items:center;gap:11px;margin:17px 0;padding:12px 14px;border:1px solid #e8e2f6;border-radius:12px;background:linear-gradient(100deg,#fbf9ff,#fff);color:#7650ce}
.sc-disclosure>span:first-child{width:30px;height:30px;border-radius:9px;background:#f0eafd;display:grid;place-items:center;font-size:15px}
.sc-disclosure>span:last-child{display:grid;gap:3px}.sc-disclosure strong{color:#51416e;font-size:10px}.sc-disclosure small{color:#898397;font-size:9px;line-height:1.5}
.sc-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:19px}
.sc-search{height:41px;max-width:390px;min-width:180px;flex:1;padding:0 12px;border:1px solid #e8e5ee;border-radius:10px;background:#faf9fc;display:flex;align-items:center;gap:9px;color:#8b70cf}
.sc-search:focus-within,.sc-select:focus-within{border-color:#b8a1eb;box-shadow:0 0 0 3px #8b5cf615}.sc-search>span{font-size:20px}.sc-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#302b3d;font:inherit;font-size:10px}.sc-search input::placeholder{color:#a09bab}
.sc-select{height:41px;padding:0 10px;border:1px solid #e8e5ee;border-radius:10px;background:#fff;display:flex;align-items:center;gap:8px;color:#858095;font-size:9px}.sc-select select{max-width:150px;border:0;outline:0;background:transparent;color:#453b59;font:inherit;font-size:10px}
.sc-result-count{margin-left:auto;color:#938da0;font-size:9px;white-space:nowrap}
.sc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sc-card{min-width:0;padding:11px 11px 0;border:1px solid #ebe8f0;border-radius:15px;background:#fff;display:grid;grid-template-rows:1fr auto;text-align:left;cursor:pointer;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.sc-card:hover{transform:translateY(-3px);border-color:#d6c8f5;box-shadow:0 10px 24px #51407c17}.sc-card[hidden]{display:none}
.sc-phone{position:relative;width:100%;max-width:235px;aspect-ratio: .61;margin:0 auto;padding:8px 8px 12px;border:3px solid #22212a;border-radius:23px;background:#f8f8fb;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 3px 7px #18162225}
.sc-status{height:16px;flex:0 0 16px;padding:0 6px;color:#42414b;display:flex;justify-content:space-between;font-size:7px;font-weight:750}
.sc-appbar{height:34px;flex:0 0 34px;padding:0 7px;background:var(--sc-accent);color:#fff;display:flex;align-items:center;gap:6px}.sc-appbar i{width:20px;height:20px;border-radius:7px;background:#ffffff32;display:grid;place-items:center;font-size:12px;font-style:normal}.sc-appbar b{min-width:0;flex:1;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.sc-appbar>span{font-size:10px;letter-spacing:1px}
.sc-screen-content{position:relative;min-height:0;flex:1;padding:10px 8px;background:#f0eff4;display:flex;flex-direction:column;gap:9px;overflow:hidden}.sc-screen-content>img{width:100%;height:100%;min-height:0;object-fit:cover}.sc-layout-photo{padding:0;background:#fff}.sc-photo-caption{position:absolute;right:0;bottom:0;left:0;padding:20px 9px 9px;background:linear-gradient(transparent,#000b);color:#fff;display:grid;gap:4px}.sc-photo-caption b{font-size:9px}.sc-photo-caption small{font-size:7px;opacity:.85}
.sc-layout-map{padding:0;background:#e5edf0}.sc-layout-map>img{opacity:.72}.sc-map-pin{position:absolute;top:43%;left:48%;width:26px;height:26px;border:4px solid #fff;border-radius:50% 50% 50% 0;background:#e15c4c;color:white;display:grid;place-items:center;transform:rotate(-45deg);box-shadow:0 2px 7px #1114;font-size:7px}.sc-map-label{position:absolute;right:8px;bottom:10px;left:8px;padding:7px;border:1px solid #e9e9ec;border-radius:7px;background:#fff;color:#3b3d43;font-size:8px}
.sc-chat-title{padding:2px 0 6px;color:#3d3b45;font-size:8px;font-weight:750}.sc-bubble{max-width:90%;padding:7px;border-radius:9px 9px 9px 3px;background:#fff;color:#53515d;font-size:7px;line-height:1.4;box-shadow:0 1px 2px #0000000b}.sc-bubble.is-right{align-self:flex-end;border-radius:9px 9px 3px 9px;background:#e9e2ff}.sc-chat-time{margin-top:auto;color:#9994a2;font-size:7px;text-align:center}
.sc-layout-music{align-items:center;justify-content:center;text-align:center;background:#f5f4f8}.sc-music-art{width:76%;max-height:58%;aspect-ratio:1;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #18162224}.sc-music-art img{width:100%;height:100%;object-fit:cover}.sc-layout-music>b{color:#34313d;font-size:9px}.sc-layout-music>small{color:#8a8693;font-size:7px}.sc-progress{width:88%;height:3px;border-radius:3px;background:#dedbe4}.sc-progress i{display:block;width:45%;height:100%;border-radius:inherit;background:var(--sc-accent)}.sc-controls{color:#55515f;font-size:12px}
.sc-bottom-bar{height:12px;flex:0 0 12px;background:#f8f8fb;display:flex;align-items:center;justify-content:space-around}.sc-bottom-bar i{width:5px;height:5px;border:1px solid #8d8997;border-radius:50%}.sc-bottom-bar i:nth-child(2){width:6px;height:6px;border-radius:2px}.sc-card-meta{min-width:0;min-height:55px;padding:10px 3px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sc-card-meta>span{min-width:0;display:grid;gap:5px}.sc-card-meta b{overflow:hidden;color:#302a40;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sc-card-meta small{overflow:hidden;color:#8f899d;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.sc-card-meta>i{width:26px;height:26px;flex:0 0 26px;border:1px solid #eee8f7;border-radius:8px;background:#faf8ff;color:#825adc;display:grid;place-items:center;font-size:12px;font-style:normal}
.sc-empty{grid-column:1/-1;padding:45px 10px;color:#8a8798;text-align:center;font-size:12px}.sc-empty[hidden]{display:none}
.sc-viewer{position:fixed;z-index:1000;inset:0;padding:24px;background:#11111bbd;display:flex;align-items:center;justify-content:center;gap:clamp(25px,7vw,90px);backdrop-filter:blur(7px)}.sc-viewer[hidden]{display:none}.sc-viewer-close{position:absolute;top:24px;right:28px;width:42px;height:42px;border:1px solid #ffffff45;border-radius:50%;background:#ffffff20;color:#fff;font-size:27px;cursor:pointer}.sc-viewer-phone{width:min(330px,38vw);max-height:90vh;display:flex;justify-content:center}.sc-viewer-phone .sc-phone{height:min(80vh,700px);width:auto;aspect-ratio:.61;max-width:none}.sc-viewer-caption{max-width:280px;color:#fff}.sc-viewer-caption h2{margin:0 0 8px;font-size:22px}.sc-viewer-caption>p:not(.sc-eyebrow){color:#ffffffba;font-size:12px}.sc-viewer-caption>span{color:#ffffff87;font-size:10px}
body.screen-capture-viewer-open{overflow:hidden}
@media(max-width:1100px){.sc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.sc-phone{max-width:220px}}
@media(max-width:760px){.screen-captures-main{min-height:calc(100dvh - 62px);padding:10px!important}.screen-captures-page{padding:16px 12px;border-radius:14px}.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.sc-card{padding:8px 7px 0;border-radius:12px}.sc-phone{max-width:195px;padding:6px 6px 9px;border-width:2px;border-radius:18px}.sc-heading{padding-bottom:16px}.sc-heading>div:first-child>p:last-child{max-width:270px;font-size:10px;line-height:1.5}.sc-stats{width:66px;height:57px}.sc-stats strong{font-size:19px}.sc-disclosure{margin:13px 0;padding:10px}.sc-disclosure small{font-size:8px}.sc-toolbar{flex-wrap:wrap}.sc-search{max-width:none;flex-basis:100%}.sc-select{flex:1}.sc-result-count{font-size:8px}.sc-card-meta{min-height:50px;padding:8px 2px}.sc-card-meta b{font-size:9px}.sc-card-meta small{font-size:7px}.sc-viewer{padding:58px 12px 20px;flex-direction:column;gap:12px}.sc-viewer-phone{width:auto;max-width:90vw;max-height:67vh}.sc-viewer-phone .sc-phone{height:min(64vh,590px);max-width:80vw}.sc-viewer-caption{text-align:center}.sc-viewer-caption h2{font-size:17px}.sc-viewer-caption>p:not(.sc-eyebrow){margin:5px 0}.sc-viewer-caption>span{font-size:9px}.sc-viewer-close{top:10px;right:12px}}
@media(max-width:380px){.sc-grid{gap:8px}.sc-phone{padding:5px 5px 8px}.sc-card-meta>i{width:22px;height:22px;flex-basis:22px}}

/* Refined uploaded screenshot gallery and demo device telemetry */
.screen-captures-main{min-height:calc(100vh - 62px);padding:clamp(12px,2vw,25px)!important;background:#f4f5f9}
.screen-captures-page{max-width:1480px;padding:clamp(18px,2.4vw,30px);border-color:#e7e8ef;border-radius:20px}
.sc-heading{align-items:center;padding-bottom:20px}.sc-heading h1{font-size:clamp(22px,2.2vw,30px)}.sc-head-actions{display:flex;align-items:center;gap:11px}.sc-stats{height:58px;width:75px;border-color:#e8e3f2;background:#fbfaff}.sc-stats strong{font-size:21px}
.sc-capture-button{min-height:44px;padding:0 15px;border:1px solid #d9d5e4;border-radius:10px;background:#eceaf1;color:#aaa6b4;display:flex;align-items:center;gap:8px;font:inherit;font-size:10px;font-weight:750;cursor:not-allowed;opacity:.82}.sc-capture-button>span{font-size:16px}.sc-capture-button small{padding-left:7px;border-left:1px solid #d4d0dc;font-size:8px;font-weight:550}
.sc-device-status{min-height:83px;margin:18px 0;padding:14px 17px;border:1px solid #e7e9f0;border-radius:14px;background:linear-gradient(110deg,#fff,#fafbfe);display:flex;align-items:center;gap:20px}.sc-status-device,.sc-connection-state{display:flex;align-items:center;gap:10px}.sc-status-device{min-width:200px;padding-right:20px;border-right:1px solid #ececf1}.sc-device-icon{width:34px;height:34px;border:1px solid #e8e3f4;border-radius:10px;background:#f7f4ff;color:#7855cb;display:grid;place-items:center;font-size:18px}.sc-status-device>span:last-child,.sc-connection-state>span{display:grid;gap:4px}.sc-status-device strong,.sc-connection-state strong{color:#353345;font-size:10px}.sc-status-device small,.sc-connection-state small{color:#8a8997;font-size:8px}.sc-connection-state>i{width:10px;height:10px;border:3px solid #d5f1e4;border-radius:50%;background:#18af77;box-shadow:0 0 0 3px #effaf4}.sc-demo-tag{margin-left:auto;padding:6px 8px;border:1px solid #e9e7ef;border-radius:6px;background:#f8f8fa;color:#92909c;font-size:7px;font-weight:800;letter-spacing:.6px;white-space:nowrap}
.sc-upload-hint{display:flex;align-items:flex-start;gap:12px;margin-bottom:17px;padding:13px 15px;border:1px dashed #d7ccef;border-radius:12px;background:#fcfaff}.sc-upload-icon{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#f1ebfc;color:#7955cc;display:grid;place-items:center;font-size:18px}.sc-upload-hint strong{color:#4a405c;font-size:10px}.sc-upload-hint p{margin:5px 0 0;color:#848091;font-size:9px;line-height:1.7;overflow-wrap:anywhere}.sc-upload-hint code,.sc-empty-state code{padding:2px 4px;border-radius:4px;background:#f0edf6;color:#65528d;font-size:8px}
.sc-toolbar{margin-bottom:14px}.sc-search{max-width:460px}.sc-result-count{padding:7px 10px;border:1px solid #e9e7ee;border-radius:8px;background:#fff;color:#777585}
.sc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sc-card{padding:10px;border-radius:14px;background:#fff}.sc-image-frame{position:relative;min-width:0;height:clamp(265px,32vw,390px);padding:29px 9px 9px;border:1px solid #e9e7ef;border-radius:10px;background:linear-gradient(145deg,#f4f3f8,#e9e8ef);display:flex;align-items:center;justify-content:center;overflow:hidden}.sc-image-frame img{width:auto;height:100%;max-width:100%;object-fit:contain;border-radius:4px;box-shadow:0 3px 12px #14121d22}.sc-image-top{position:absolute;z-index:1;top:0;right:0;left:0;height:25px;padding:0 9px;background:#faf9fc;color:#8f8b9b;display:flex;align-items:center;gap:6px;font-size:7px;font-weight:800;letter-spacing:.5px}.sc-image-top i{color:#8060c6;font-size:12px;font-style:normal}.sc-image-top span{margin-left:auto;color:#a19cab}.sc-image-zoom{position:absolute;right:10px;bottom:10px;left:10px;padding:8px;border-radius:7px;background:#181722b8;color:#fff;text-align:center;font-size:8px;opacity:0;transition:opacity .15s}.sc-card:hover .sc-image-zoom,.sc-card:focus-visible .sc-image-zoom{opacity:1}.sc-card-meta{min-height:49px;padding:9px 2px 0}.sc-card-meta b{font-size:9px}.sc-card-meta small{font-size:7px}.sc-empty-state{grid-column:1/-1;min-height:270px;padding:34px 18px;border:1px dashed #dcd8e7;border-radius:14px;background:linear-gradient(135deg,#fcfbff,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sc-empty-state>span{width:48px;height:48px;border:1px solid #e6dff4;border-radius:14px;background:#f5f0ff;color:#7955cc;display:grid;place-items:center;font-size:21px}.sc-empty-state h2{margin:15px 0 5px;color:#312d3c;font-size:16px}.sc-empty-state p{margin:0 0 8px;color:#777584;font-size:10px;line-height:1.7}.sc-empty-state>small{color:#9793a0;font-size:8px}
.sc-viewer{gap:clamp(28px,7vw,90px)}.sc-viewer-phone{width:min(54vw,560px);max-height:88vh;padding:16px;border:1px solid #ffffff38;border-radius:18px;background:#ffffff12}.sc-viewer-phone .sc-image-frame{height:min(78vh,820px);width:100%;padding:22px 8px 8px;border:0;background:transparent}.sc-viewer-phone .sc-image-frame img{max-height:100%;max-width:100%;object-fit:contain;box-shadow:0 12px 40px #0005}.sc-viewer-caption{max-width:250px}.sc-viewer-caption h2{font-size:20px}
@media(max-width:1100px){.sc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sc-image-frame{height:clamp(250px,38vw,360px)}}
@media(max-width:760px){.screen-captures-main{min-height:calc(100dvh - 62px);padding:9px!important}.screen-captures-page{padding:15px 12px;border-radius:14px}.sc-heading{align-items:flex-start;gap:10px}.sc-head-actions{flex-direction:column-reverse;align-items:flex-end;gap:6px}.sc-stats{width:61px;height:48px}.sc-stats strong{font-size:17px}.sc-stats span{font-size:7px}.sc-capture-button{min-height:35px;padding:0 9px;gap:5px;font-size:8px}.sc-capture-button small{display:none}.sc-device-status{min-height:72px;flex-wrap:wrap;gap:10px;padding:11px}.sc-status-device{min-width:0;flex:1;padding:0 9px 0 0}.sc-device-icon{width:30px;height:30px;flex-basis:30px}.sc-status-device strong,.sc-connection-state strong{font-size:9px}.sc-status-device small,.sc-connection-state small{font-size:7px;line-height:1.4}.sc-connection-state{flex:1;min-width:160px}.sc-demo-tag{margin-left:40px;padding:5px 6px;font-size:6px}.sc-upload-hint{padding:11px;gap:9px}.sc-upload-hint p{font-size:8px}.sc-toolbar{margin-bottom:11px}.sc-search{max-width:none;min-width:0;flex-basis:100%}.sc-result-count{margin:0 0 0 auto}.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sc-card{padding:7px;border-radius:11px}.sc-image-frame{height:clamp(190px,62vw,310px);padding:25px 5px 5px}.sc-image-top{height:21px;padding:0 6px;font-size:6px}.sc-card-meta{min-height:42px;padding-top:7px}.sc-card-meta b{font-size:8px}.sc-card-meta small{font-size:6px}.sc-card-meta>i{width:21px;height:21px;flex-basis:21px;font-size:10px}.sc-viewer{padding:55px 10px 16px;flex-direction:column;gap:10px}.sc-viewer-phone{width:auto;max-width:94vw;max-height:68vh;padding:8px}.sc-viewer-phone .sc-image-frame{height:min(62vh,620px);width:auto;max-width:88vw}.sc-viewer-caption{text-align:center}.sc-viewer-caption h2{font-size:16px}.sc-viewer-caption>p:not(.sc-eyebrow){margin:4px 0;font-size:10px}}
@media(max-width:380px){.sc-grid{gap:7px}.sc-image-frame{height:clamp(175px,60vw,240px)}.sc-upload-hint code{word-break:break-all}}

/* Keep the demo-only capture action prominent while clearly disabled. */
.sc-capture-button,.sc-capture-button:disabled{min-height:46px;padding:0 16px;border:1px solid #7950df;border-radius:11px;background:linear-gradient(135deg,#9565ff,#7444dc);box-shadow:0 7px 16px #8052de35;color:#fff;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;opacity:1;cursor:not-allowed}
.sc-capture-button>span{width:25px;height:25px;border:1px solid #ffffff65;border-radius:8px;background:#ffffff20;color:#fff;display:grid;place-items:center;font-size:15px}
.sc-capture-button small{padding:5px 7px;border:1px solid #ffffff55;border-radius:6px;background:#ffffff1b;color:#fff;font-size:8px;font-weight:650}
.sc-capture-button:disabled:hover{filter:none;transform:none}
@media(max-width:760px){.sc-capture-button,.sc-capture-button:disabled{min-height:40px;padding:0 11px;font-size:9px}.sc-capture-button>span{width:22px;height:22px}}

/* Website Block control center */
.website-block-main{min-height:calc(100vh - 62px);padding:clamp(13px,2vw,26px)!important;background:#f3f4f8}
.website-block-page{max-width:1480px;margin:0 auto;padding:clamp(18px,2.4vw,30px);border:1px solid #e9e7f0;border-radius:18px;background:#fff;box-shadow:0 12px 34px #211b350b}
.wb-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:21px;border-bottom:1px solid #efedf3}.wb-eyebrow{margin:0 0 7px;color:#8155df;font-size:9px;font-weight:800;letter-spacing:1.2px}.wb-heading h1{margin:0;color:#201b2c;font-size:clamp(22px,2vw,29px);letter-spacing:-.6px}.wb-heading>div>p:last-child{margin:7px 0 0;color:#8d8998;font-size:11px}.wb-mode-pill{padding:8px 11px;border:1px solid #e5def4;border-radius:20px;background:#fbf9ff;color:#7654c5;display:flex;align-items:center;gap:7px;font-size:9px;font-weight:700;white-space:nowrap}.wb-mode-pill i,.wb-rules-footer i{width:7px;height:7px;border-radius:50%;background:#9368e8;box-shadow:0 0 0 3px #f1eafb}
.wb-demo-notice{display:flex;align-items:center;gap:10px;margin:17px 0;padding:11px 13px;border:1px solid #e8e1f4;border-radius:11px;background:#fbf9ff;color:#7955ca}.wb-demo-notice>span:first-child{width:27px;height:27px;border-radius:8px;background:#f1eafe;display:grid;place-items:center}.wb-demo-notice>div{display:grid;gap:3px}.wb-demo-notice strong{color:#514369;font-size:9px}.wb-demo-notice small{color:#898496;font-size:8px;line-height:1.5}.wb-lock{margin-left:auto;font-size:15px}
.wb-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}.wb-metric-card{min-height:82px;padding:14px;border:1px solid #ebe9f1;border-radius:12px;background:linear-gradient(120deg,#fff,#fcfbfe);display:flex;align-items:center;gap:11px}.wb-metric-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;font-size:15px}.wb-metric-icon.violet{background:#f1ebff;color:#8054d7}.wb-metric-icon.green{background:#e8f8f1;color:#16976d}.wb-metric-icon.blue{background:#eaf3ff;color:#4682c6}.wb-metric-card>span:nth-child(2){min-width:0;display:grid;gap:4px}.wb-metric-card small{color:#898696;font-size:8px}.wb-metric-card strong{overflow:hidden;color:#322d3e;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.wb-metric-card em{color:#a19dab;font-size:7px;font-style:normal}.wb-status-value{display:flex;align-items:center;gap:6px}.wb-status-value i{width:7px;height:7px;border-radius:50%;background:#18ab78}.wb-toggle-wrap{margin-left:auto}.wb-toggle-wrap input{position:absolute;opacity:0}.wb-toggle-wrap i{position:relative;width:31px;height:17px;border-radius:10px;background:#b5e9d4;display:block}.wb-toggle-wrap i:after{position:absolute;top:2px;right:2px;width:13px;height:13px;border-radius:50%;background:#16ad79;content:""}
.wb-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.6fr);gap:14px;align-items:start}.wb-form-card,.wb-rules-card{min-width:0;border:1px solid #e9e7ef;border-radius:14px;background:#fff;overflow:hidden}.wb-form-card{padding:18px}.wb-card-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}.wb-heading-icon{width:33px;height:33px;border-radius:9px;background:#f1eafd;color:#8054d7;display:grid;place-items:center;font-size:18px}.wb-card-heading h2,.wb-rules-heading h2{margin:0;color:#302b3d;font-size:12px}.wb-card-heading p{margin:4px 0 0;color:#918d9c;font-size:8px}.wb-form-card form>label{display:block;margin:0 0 7px;color:#5a5666;font-size:9px;font-weight:700}.wb-input-wrap{height:42px;padding:0 10px;border:1px solid #dedbe7;border-radius:9px;background:#fbfafc;display:flex;align-items:center;gap:8px;color:#8e75c8}.wb-input-wrap:focus-within{border-color:#a78be7;box-shadow:0 0 0 3px #9062dc16}.wb-input-wrap>span{font-size:17px}.wb-input-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#332d40;font:inherit;font-size:10px}.wb-input-wrap input::placeholder{color:#aaa6b1}.wb-input-wrap button{width:22px;height:22px;border:0;border-radius:6px;background:#f0edf5;color:#8b8793;font-size:15px;cursor:pointer}.wb-field-hint{margin:7px 0 13px;color:#9692a0;font-size:8px}.wb-field-hint b{color:#665c79}.wb-add-button{width:100%;height:40px;padding:0 12px;border:0;border-radius:9px;background:linear-gradient(100deg,#8054df,#956cf0);box-shadow:0 5px 12px #875ade2c;color:#fff;display:flex;align-items:center;gap:7px;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.wb-add-button>span{font-size:15px}.wb-add-button i{margin-left:auto;font-size:12px;font-style:normal}.wb-add-button:hover{filter:brightness(1.04)}.wb-form-feedback{min-height:14px;margin:7px 0 0;color:#7353b8;font-size:8px}.wb-quick-add{margin-top:17px;padding-top:13px;border-top:1px solid #f0eef4}.wb-quick-add>span{color:#817d8d;font-size:8px;font-weight:700}.wb-quick-add>div{display:grid;gap:5px;margin-top:8px}.wb-quick-add button{min-width:0;height:31px;padding:0 8px;border:1px solid #efedf3;border-radius:7px;background:#fff;color:#565263;display:flex;align-items:center;gap:7px;text-align:left;font:inherit;font-size:8px;cursor:pointer}.wb-quick-add button:hover{border-color:#d9c9f6;background:#fbf9ff}.wb-quick-add button i,.wb-site-icon{width:21px;height:21px;flex:0 0 21px;border-radius:6px;background:#f1f2f5;color:#606777;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:800}.wb-quick-add button b{margin-left:auto;color:#8b62dc;font-size:12px}
.wb-rules-heading{min-height:72px;padding:14px 16px;border-bottom:1px solid #efedf3;display:flex;align-items:center;justify-content:space-between;gap:12px}.wb-rules-heading h2{font-size:13px}.wb-rules-heading h2 span{margin-left:5px;padding:3px 6px;border-radius:8px;background:#f1edfa;color:#7954c8;font-size:8px}.wb-search{width:min(220px,45%);height:34px;padding:0 9px;border:1px solid #e9e6ef;border-radius:8px;background:#fbfafc;display:flex;align-items:center;gap:7px;color:#8e78c4}.wb-search:focus-within{border-color:#ad95e6}.wb-search>span{font-size:16px}.wb-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#333;font:inherit;font-size:8px}.wb-rule-toolbar{height:41px;padding:0 16px;border-bottom:1px solid #f1eff5;display:flex;align-items:center;justify-content:space-between}.wb-rule-toolbar button{height:26px;padding:0 9px;border:1px solid #e9e3f5;border-radius:7px;background:#f8f5ff;color:#7250bd;font:inherit;font-size:8px;font-weight:700}.wb-rule-toolbar button b{margin-left:5px}.wb-rule-toolbar>span{color:#a09ba8;font-size:7px}
.wb-rule-row{min-height:62px;padding:9px 15px;border-bottom:1px solid #f0eef3;display:flex;align-items:center;gap:10px;transition:background .15s}.wb-rule-row:hover{background:#fcfbfe}.wb-rule-row[hidden]{display:none}.wb-site-icon.youtube{background:#fff0f0;color:#e74646}.wb-site-icon.google{background:#eef4ff;color:#4985d1}.wb-site-icon.facebook{background:#edf3ff;color:#3677d0}.wb-site-icon.instagram{background:#fff0f7;color:#c64e98}.wb-site-icon.tiktok{background:#f2f0f7;color:#282633}.wb-site-icon.reddit{background:#fff2ea;color:#e36c31}.wb-rule-info{min-width:0;flex:1;display:grid;gap:5px}.wb-rule-info strong{overflow:hidden;color:#383444;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.wb-rule-info small{overflow:hidden;color:#9894a1;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.wb-rule-info small i{padding:0 3px;color:#c3bfca;font-style:normal}.wb-rule-state{padding:5px 7px;border:1px solid #dff2e9;border-radius:14px;background:#f3fbf7;color:#268663;display:flex;align-items:center;gap:5px;font-size:7px;font-weight:700;white-space:nowrap}.wb-rule-state i{width:5px;height:5px;border-radius:50%;background:#20b17c}.wb-remove-button{height:27px;padding:0 9px;border:1px solid #eeeaf3;border-radius:7px;background:#fff;color:#878191;font:inherit;font-size:7px;cursor:pointer}.wb-remove-button:hover{border-color:#f0caca;background:#fff8f8;color:#d65d62}.wb-no-results{padding:25px 10px;color:#9692a0;text-align:center;font-size:9px}.wb-no-results[hidden]{display:none}.wb-rules-footer{min-height:35px;padding:8px 14px;color:#9995a2;display:flex;align-items:center;justify-content:space-between;font-size:7px}.wb-rules-footer>span:first-child{display:flex;align-items:center;gap:6px}.wb-rules-footer i{width:6px;height:6px;background:#8e69dc;box-shadow:none}
@media(max-width:1000px){.wb-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.3fr)}.wb-overview{gap:8px}.wb-metric-card{padding:10px;gap:8px}.wb-metric-icon{width:29px;height:29px;flex-basis:29px}}
@media(max-width:760px){.website-block-main{min-height:calc(100dvh - 62px);padding:9px!important}.website-block-page{padding:15px 12px;border-radius:14px}.wb-heading{align-items:flex-start;padding-bottom:15px}.wb-mode-pill{padding:7px;font-size:8px}.wb-heading h1{font-size:21px}.wb-heading>div>p:last-child{max-width:230px;font-size:9px;line-height:1.5}.wb-demo-notice{margin:12px 0;padding:9px}.wb-demo-notice small{font-size:7px}.wb-overview{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:11px}.wb-metric-card{min-height:69px;padding:9px;gap:7px}.wb-metric-card:last-child{grid-column:1/-1}.wb-metric-icon{width:27px;height:27px;flex-basis:27px}.wb-metric-card small{font-size:7px}.wb-metric-card strong{font-size:11px}.wb-metric-card em{font-size:6px}.wb-layout{grid-template-columns:1fr;gap:10px}.wb-form-card{padding:13px}.wb-card-heading{margin-bottom:12px}.wb-quick-add>div{grid-template-columns:1fr 1fr}.wb-rules-heading{min-height:64px;padding:11px 12px}.wb-rules-heading h2{font-size:11px}.wb-search{width:45%;height:31px}.wb-rule-toolbar{padding:0 12px}.wb-rule-row{min-height:57px;padding:8px 10px;gap:7px}.wb-rule-info strong{font-size:8px}.wb-rule-info small{font-size:6px}.wb-rule-state{padding:4px 5px;font-size:6px}.wb-remove-button{height:25px;padding:0 7px;font-size:6px}}
@media(max-width:380px){.wb-overview{grid-template-columns:1fr}.wb-metric-card:last-child{grid-column:auto}.wb-rules-heading{align-items:flex-start;flex-direction:column}.wb-search{width:100%}.wb-mode-pill{font-size:7px}.wb-remove-button{padding:0 5px}}

/* Premium App Block dashboard */
.app-block-page{max-width:1500px;margin:0 auto;padding:clamp(17px,2.3vw,29px);border:1px solid #e9e7f1;border-radius:18px;background:#fff;box-shadow:0 12px 34px #211b350b}
.ab-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:19px;border-bottom:1px solid #efedf3}.ab-eyebrow{margin:0 0 7px;color:#8054db;font-size:9px;font-weight:800;letter-spacing:1.2px}.ab-heading h1{margin:0;color:#201b2c;font-size:clamp(22px,2vw,29px);letter-spacing:-.6px}.ab-heading>div>p:last-child{margin:7px 0 0;color:#8d8998;font-size:10px}.ab-mode-pill{padding:8px 10px;border:1px solid #e5def4;border-radius:20px;background:#fbf9ff;color:#7654c5;display:flex;align-items:center;gap:7px;font-size:8px;font-weight:750;white-space:nowrap}.ab-mode-pill i{width:7px;height:7px;border-radius:50%;background:#9064df;box-shadow:0 0 0 3px #f1eafb}
.ab-notice{display:flex;align-items:center;gap:10px;margin:15px 0;padding:10px 13px;border:1px solid #e8e1f4;border-radius:10px;background:#fbf9ff;color:#7955ca}.ab-notice>span:first-child{width:26px;height:26px;border-radius:8px;background:#f1eafe;display:grid;place-items:center}.ab-notice>div{display:grid;gap:3px}.ab-notice strong{color:#514369;font-size:9px}.ab-notice small{color:#898496;font-size:8px;line-height:1.5}.ab-lock{margin-left:auto;font-size:15px}
.ab-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:15px}.ab-summary article{min-height:75px;padding:13px;border:1px solid #ebe9f1;border-radius:12px;background:linear-gradient(120deg,#fff,#fcfbfe);display:flex;align-items:center;gap:10px}.ab-summary-icon{width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:grid;place-items:center;font-size:14px}.ab-summary-icon.violet{background:#f1ebff;color:#8054d7}.ab-summary-icon.red{background:#fff0f0;color:#dc6269}.ab-summary-icon.green{background:#e8f8f1;color:#16976d}.ab-summary article>span:nth-child(2){display:grid;gap:3px}.ab-summary small{color:#898696;font-size:8px}.ab-summary strong{color:#302b3d;font-size:13px}.ab-summary em{color:#a19dab;font-size:7px;font-style:normal}.ab-online{display:flex;align-items:center;gap:5px}.ab-online i{width:6px;height:6px;border-radius:50%;background:#18ab78}
.ab-library{border:1px solid #e9e7ef;border-radius:14px;background:#fff;overflow:hidden}.ab-library-head{min-height:69px;padding:13px 16px;border-bottom:1px solid #efedf3;display:flex;align-items:center;justify-content:space-between;gap:12px}.ab-library-head h2{margin:0;color:#302b3d;font-size:13px}.ab-library-head h2 span{margin-left:5px;padding:3px 6px;border-radius:8px;background:#f1edfa;color:#7954c8;font-size:8px}.ab-search{width:min(245px,44%);height:35px;padding:0 10px;border:1px solid #e9e6ef;border-radius:8px;background:#fbfafc;display:flex;align-items:center;gap:7px;color:#8e78c4}.ab-search:focus-within{border-color:#ad95e6;box-shadow:0 0 0 3px #9062dc14}.ab-search>span{font-size:17px}.ab-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#333;font:inherit;font-size:9px}.ab-categories{min-height:45px;padding:7px 13px;border-bottom:1px solid #f0eef4;display:flex;align-items:center;gap:6px;overflow:auto;scrollbar-width:thin}.ab-categories button{height:28px;flex:0 0 auto;padding:0 10px;border:1px solid transparent;border-radius:8px;background:#fff;color:#858090;font:inherit;font-size:8px;cursor:pointer}.ab-categories button:hover{background:#f8f6fc}.ab-categories button.is-active{border-color:#e6def5;background:#f8f5ff;color:#7650c8;font-weight:750}.ab-categories b{margin-left:4px;color:#9b8cba}
.ab-app-grid{padding:13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ab-app-card{position:relative;min-width:0;min-height:87px;padding:12px 10px;border:1px solid #eceaf1;border-radius:11px;background:#fff;display:grid;grid-template-columns:39px minmax(0,1fr) auto;grid-template-rows:1fr auto;align-items:center;column-gap:9px;row-gap:8px;transition:border-color .15s,box-shadow .15s,background .15s}.ab-app-card:hover{border-color:#d9cef0;box-shadow:0 5px 15px #33264e0c}.ab-app-card[hidden]{display:none}.ab-app-card.is-blocked{border-color:#f0dddd;background:linear-gradient(120deg,#fff,#fffafa)}.ab-app-icon{position:relative;width:36px;height:36px;grid-row:1/-1;border:1px solid #eeecf1;border-radius:10px;background:#f8f7fa;display:grid;place-items:center;overflow:hidden}.ab-app-icon img{width:26px;height:26px;object-fit:contain}.ab-app-icon img.is-missing{display:none}.ab-app-icon i{position:absolute;z-index:0;color:#8d82a4;font-size:15px;font-style:normal;font-weight:800}.ab-app-icon img:not(.is-missing){position:relative;z-index:1;background:#f8f7fa}.ab-app-copy{min-width:0;display:grid;gap:4px}.ab-app-copy strong{overflow:hidden;color:#302c3a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ab-app-copy small,.ab-app-copy em{overflow:hidden;color:#92909c;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.ab-app-copy em{color:#aaa6b1;font-style:normal}.ab-card-status{grid-column:3;grid-row:1;display:flex;align-items:center;gap:5px;color:#208d68;font-size:7px;font-weight:700;white-space:nowrap}.ab-card-status i{width:5px;height:5px;border-radius:50%;background:#26b17e}.ab-app-card.is-blocked .ab-card-status{color:#c35e64}.ab-app-card.is-blocked .ab-card-status i{background:#df7177}.ab-toggle{grid-column:2/4;grid-row:2;justify-self:end;min-width:78px;height:26px;padding:0 9px;border:1px solid #ded6ef;border-radius:7px;background:#f8f5ff;color:#7650c8;display:inline-flex;align-items:center;justify-content:center;gap:5px;font:inherit;font-size:7px;font-weight:750;cursor:pointer;transition:.15s}.ab-toggle:hover{border-color:#c5b4e6;background:#f3edff}.ab-toggle.is-on{border-color:#f0d9dc;background:#fff6f6;color:#be575e}.ab-toggle>i{width:6px;height:6px;border:1px solid currentColor;border-radius:50%}.ab-empty{grid-column:1/-1;padding:30px 10px;color:#9692a0;text-align:center;font-size:9px}.ab-empty[hidden]{display:none}.ab-footer{min-height:35px;padding:8px 14px;border-top:1px solid #f0eef4;color:#9995a2;display:flex;align-items:center;justify-content:space-between;font-size:7px}.ab-footer>span:first-child{display:flex;align-items:center;gap:6px}.ab-footer i{width:6px;height:6px;border-radius:50%;background:#8e69dc}.ab-footer b{color:#6c6479;font-weight:650}
@media(max-width:1100px){.ab-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-block-page{padding:15px 12px;border-radius:14px}.ab-heading{align-items:flex-start;padding-bottom:15px}.ab-heading h1{font-size:21px}.ab-heading>div>p:last-child{max-width:235px;font-size:9px;line-height:1.5}.ab-mode-pill{padding:7px;font-size:7px}.ab-notice{padding:9px;margin:12px 0}.ab-notice small{font-size:7px}.ab-summary{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.ab-summary article{min-height:66px;padding:9px;gap:7px}.ab-summary article:last-child{grid-column:1/-1}.ab-summary-icon{width:27px;height:27px;flex-basis:27px}.ab-summary small{font-size:7px}.ab-summary strong{font-size:11px}.ab-summary em{font-size:6px}.ab-library-head{min-height:62px;padding:11px}.ab-library-head h2{font-size:11px}.ab-search{width:46%;height:32px}.ab-categories{min-height:40px;padding-inline:9px}.ab-categories button{height:26px;padding-inline:8px;font-size:7px}.ab-app-grid{grid-template-columns:1fr;padding:9px;gap:7px}.ab-app-card{min-height:75px;padding:9px;grid-template-columns:36px minmax(0,1fr) auto;column-gap:8px}.ab-app-copy strong{font-size:9px}.ab-app-copy small,.ab-app-copy em{font-size:7px}.ab-footer{padding-inline:10px}}
@media(max-width:380px){.ab-summary{grid-template-columns:1fr}.ab-summary article:last-child{grid-column:auto}.ab-library-head{align-items:flex-start;flex-direction:column}.ab-search{width:100%}.ab-app-card{grid-template-columns:32px minmax(0,1fr) auto;gap:6px}.ab-app-icon{width:30px;height:30px}.ab-toggle{min-width:67px;padding-inline:6px}}

/* Premium Wi-Fi Block controls */
.wifi-block-page{max-width:1500px;margin:0 auto;padding:clamp(17px,2.3vw,29px);border:1px solid #e9e7f1;border-radius:18px;background:#fff;box-shadow:0 12px 34px #211b350b}
.wfb-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:18px;border-bottom:1px solid #efedf3}.wfb-eyebrow{margin:0 0 7px;color:#8054db;font-size:9px;font-weight:800;letter-spacing:1.2px}.wfb-heading h1{margin:0;color:#201b2c;font-size:clamp(22px,2vw,29px);letter-spacing:-.6px}.wfb-heading>div>p:last-child{margin:7px 0 0;color:#8d8998;font-size:10px}.wfb-mode-pill{padding:8px 10px;border:1px solid #e5def4;border-radius:20px;background:#fbf9ff;color:#7654c5;display:flex;align-items:center;gap:7px;font-size:8px;font-weight:750;white-space:nowrap}.wfb-mode-pill i{width:7px;height:7px;border-radius:50%;background:#9064df;box-shadow:0 0 0 3px #f1eafb}
.wfb-notice{display:flex;align-items:center;gap:10px;margin:14px 0;padding:10px 13px;border:1px solid #e8e1f4;border-radius:10px;background:#fbf9ff;color:#7955ca}.wfb-notice>span:first-child{width:26px;height:26px;border-radius:8px;background:#f1eafe;display:grid;place-items:center}.wfb-notice>div{display:grid;gap:3px}.wfb-notice strong{color:#514369;font-size:9px}.wfb-notice small{color:#898496;font-size:8px;line-height:1.5}.wfb-lock{margin-left:auto;font-size:15px}
.wfb-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.wfb-summary article{min-height:72px;padding:12px;border:1px solid #ebe9f1;border-radius:11px;background:linear-gradient(120deg,#fff,#fcfbfe);display:flex;align-items:center;gap:10px}.wfb-summary-icon{width:31px;height:31px;flex:0 0 31px;border-radius:9px;display:grid;place-items:center;font-size:15px}.wfb-summary-icon.violet{background:#f1ebff;color:#8054d7}.wfb-summary-icon.red{background:#fff0f0;color:#dc6269}.wfb-summary-icon.green{background:#e8f8f1;color:#16976d}.wfb-summary article>span:nth-child(2){display:grid;gap:3px}.wfb-summary small{color:#898696;font-size:8px}.wfb-summary strong{color:#302b3d;font-size:12px}.wfb-summary em{color:#a19dab;font-size:7px;font-style:normal}.wfb-online{display:flex;align-items:center;gap:5px}.wfb-online i{width:6px;height:6px;border-radius:50%;background:#18ab78}
.wfb-network-panel{border:1px solid #e9e7ef;border-radius:13px;background:#fff;overflow:hidden}.wfb-panel-head{min-height:69px;padding:13px 16px;border-bottom:1px solid #efedf3;display:flex;align-items:center;justify-content:space-between;gap:12px}.wfb-panel-head h2{margin:0;color:#302b3d;font-size:13px}.wfb-panel-head h2 span{margin-left:5px;padding:3px 6px;border-radius:8px;background:#f1edfa;color:#7954c8;font-size:8px}.wfb-search{width:min(290px,48%);height:35px;padding:0 10px;border:1px solid #e9e6ef;border-radius:8px;background:#fbfafc;display:flex;align-items:center;gap:7px;color:#8e78c4}.wfb-search:focus-within{border-color:#ad95e6;box-shadow:0 0 0 3px #9062dc14}.wfb-search>span{font-size:17px}.wfb-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#333;font:inherit;font-size:8px}.wfb-filters{min-height:46px;padding:7px 13px;border-bottom:1px solid #f0eef4;display:flex;align-items:center;gap:6px;overflow:auto}.wfb-filters button{height:28px;flex:0 0 auto;padding:0 9px;border:1px solid transparent;border-radius:7px;background:#fff;color:#858090;font:inherit;font-size:8px;cursor:pointer}.wfb-filters button.is-active{border-color:#e6def5;background:#f8f5ff;color:#7650c8;font-weight:750}.wfb-filters button b{margin-left:4px;color:#9b8cba}.wfb-filters>span{margin-left:auto;color:#a09ba8;font-size:7px;white-space:nowrap}
.wfb-table-wrap{width:100%;overflow:auto}.wfb-table{width:100%;border-collapse:collapse;table-layout:fixed}.wfb-table th{height:41px;padding:0 10px;border-bottom:1px solid #efedf3;color:#8c8798;text-align:left;font-size:7px;font-weight:750;letter-spacing:.35px;text-transform:uppercase}.wfb-table td{min-width:0;height:63px;padding:8px 10px;border-bottom:1px solid #f0eef3;color:#504b5a;font-size:8px;vertical-align:middle}.wfb-table tbody tr:not(.wfb-empty):hover{background:#fcfbfe}.wfb-table tr[hidden]{display:none}.wfb-table th:nth-child(1){width:20%}.wfb-table th:nth-child(2){width:17%}.wfb-table th:nth-child(3){width:15%}.wfb-table th:nth-child(4){width:11%}.wfb-table th:nth-child(5){width:22%}.wfb-table th:nth-child(6){width:15%}.wfb-table td:first-child{display:table-cell}.wfb-network-icon{width:29px;height:29px;margin-right:8px;border:1px solid #e7e3f0;border-radius:9px;background:#f5f1fc;color:#8058d1;display:inline-grid;place-items:center;vertical-align:middle;font-size:15px}.wfb-network-icon.open{border-color:#f2e7ce;background:#fff9eb;color:#b48428}.wfb-network-name{max-width:calc(100% - 42px);display:inline-grid;vertical-align:middle;gap:4px}.wfb-network-name strong{overflow:hidden;color:#302d39;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.wfb-network-name small{color:#9b97a2;font-size:6px}.wfb-table code{color:#635d6e;font-family:ui-monospace,Consolas,monospace;font-size:7px;overflow-wrap:anywhere}.wfb-security{display:inline-flex;align-items:center;gap:5px;color:#35866c;font-size:7px;white-space:nowrap}.wfb-security i{width:6px;height:6px;border-radius:50%;background:#30ae7c}.wfb-security.is-open{color:#ae7e28}.wfb-security.is-open i{background:#e3b453}.wfb-signal{width:42px;height:5px;margin-right:4px;border-radius:5px;background:#efedf2;display:inline-flex;vertical-align:middle;overflow:hidden}.wfb-signal i{width:var(--signal);height:100%;border-radius:inherit;background:linear-gradient(90deg,#a98ce7,#20b17e)}.wfb-table td:nth-child(4)>small{color:#898595;font-size:7px}.wfb-last-seen{display:block;overflow:hidden;color:#514c5d;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.wfb-table td:nth-child(5)>small{display:block;margin-top:4px;overflow:hidden;color:#9b97a3;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.wfb-toggle{min-width:67px;height:28px;padding:0 8px;border:1px solid #ded6ef;border-radius:7px;background:#f8f5ff;color:#7650c8;display:inline-flex;align-items:center;justify-content:center;gap:5px;font:inherit;font-size:7px;font-weight:750;cursor:pointer}.wfb-toggle:hover{border-color:#c5b4e6;background:#f3edff}.wfb-toggle.is-blocked{border-color:#f0d9dc;background:#fff6f6;color:#be575e}.wfb-toggle>i{width:6px;height:6px;border:1px solid currentColor;border-radius:50%}.wfb-empty td{height:65px;text-align:center;color:#9692a0;font-size:9px}.wfb-empty[hidden]{display:none}.wfb-footer{min-height:35px;padding:8px 13px;color:#9995a2;display:flex;align-items:center;justify-content:space-between;font-size:7px}.wfb-footer>span:first-child{display:flex;align-items:center;gap:6px}.wfb-footer i{width:6px;height:6px;border-radius:50%;background:#8e69dc}
@media(max-width:1050px){.wfb-table{min-width:800px}.wfb-table-wrap{overflow-x:auto}}
@media(max-width:760px){.wifi-block-page{padding:15px 12px;border-radius:14px}.wfb-heading{align-items:flex-start;padding-bottom:14px}.wfb-heading h1{font-size:21px}.wfb-heading>div>p:last-child{max-width:225px;font-size:9px;line-height:1.5}.wfb-mode-pill{padding:7px;font-size:7px}.wfb-notice{margin:11px 0;padding:9px}.wfb-notice small{font-size:7px}.wfb-summary{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.wfb-summary article{min-height:63px;padding:9px;gap:7px}.wfb-summary article:last-child{grid-column:1/-1}.wfb-summary-icon{width:27px;height:27px;flex-basis:27px}.wfb-summary small{font-size:7px}.wfb-summary strong{font-size:10px}.wfb-summary em{font-size:6px}.wfb-panel-head{min-height:62px;padding:11px}.wfb-panel-head h2{font-size:11px}.wfb-search{width:49%;height:32px}.wfb-filters{min-height:40px;padding-inline:8px}.wfb-filters button{height:26px;padding-inline:7px;font-size:7px}.wfb-filters>span{font-size:6px}.wfb-table{min-width:0;table-layout:auto}.wfb-table thead{display:none}.wfb-table,.wfb-table tbody{display:block}.wfb-table tbody{padding:9px;display:grid;gap:8px}.wfb-table tr:not(.wfb-empty){min-width:0;height:auto;padding:10px;border:1px solid #ebe9f0;border-radius:10px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.wfb-table td{height:auto;min-width:0;padding:7px 3px;border:0;border-bottom:1px solid #f3f1f6;display:block!important;overflow-wrap:anywhere}.wfb-table td::before{content:attr(data-label);display:block;margin-bottom:5px;color:#9994a2;font-size:6px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.wfb-table td:first-child,.wfb-table td:nth-child(2),.wfb-table td:nth-child(5){grid-column:1/-1}.wfb-table td:first-child{padding-top:3px}.wfb-network-name strong{font-size:9px}.wfb-network-name small{font-size:7px}.wfb-table code{font-size:7px}.wfb-security{font-size:7px}.wfb-table td:nth-child(5)>small{font-size:7px}.wfb-table td:last-child{display:flex!important;align-items:center;justify-content:space-between;border:0}.wfb-table td:last-child::before{margin:0}.wfb-toggle{height:29px}.wfb-empty{display:block!important}.wfb-empty td{border:0;text-align:center}.wfb-footer{padding-inline:9px;font-size:6px}}
@media(max-width:380px){.wfb-summary{grid-template-columns:1fr}.wfb-summary article:last-child{grid-column:auto}.wfb-panel-head{align-items:flex-start;flex-direction:column}.wfb-search{width:100%}.wfb-filters>span{display:none}.wfb-table tbody{padding:7px}.wfb-table tr:not(.wfb-empty){padding:8px;gap:0 7px}}
.wfb-empty[hidden]{display:none!important}

/* Dashboard chart entrance motion */
.chart-bar{transform-box:fill-box;transform-origin:center bottom;animation:activity-bar-rise .85s cubic-bezier(.2,.75,.25,1) both}
.chart-bar:nth-of-type(4n + 1){animation-delay:.04s}.chart-bar:nth-of-type(4n + 2){animation-delay:.1s}.chart-bar:nth-of-type(4n + 3){animation-delay:.16s}.chart-bar:nth-of-type(4n){animation-delay:.22s}
.donut{animation:contact-ring-in .95s cubic-bezier(.2,.75,.25,1) both;will-change:transform,opacity}
.contact-chart-stage:nth-child(1) .donut{animation-delay:.08s}.contact-panel:nth-child(2) .donut{animation-delay:.18s}.contact-panel:nth-child(3) .donut{animation-delay:.28s}
.contact-callout{animation:contact-label-in .55s cubic-bezier(.2,.75,.25,1) both}
.contact-panel:nth-child(2) .contact-callout{animation-delay:.12s}.contact-panel:nth-child(3) .contact-callout{animation-delay:.22s}
@keyframes activity-bar-rise{from{transform:scaleY(.025);opacity:.55}to{transform:scaleY(1);opacity:1}}
@keyframes contact-ring-in{from{transform:translateX(-50%) scale(.62) rotate(-24deg);opacity:.3}to{transform:translateX(-50%) scale(1) rotate(0);opacity:1}}
@keyframes contact-label-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.chart-bar,.donut,.contact-callout{animation:none!important;will-change:auto}}


/* Eagle mSPY brand mark: keep the supplied logo within the fixed header. */
.brand { display:inline-flex;align-items:center;flex:0 0 auto; }
.brand-logo-img { display:block;width:180px;height:auto;max-width:100%;object-fit:contain; }
.mobile-sidebar-head .brand-logo-img { width:170px; }
@media(max-width:700px) {
  .topbar>.brand { position:absolute;left:50%;transform:translateX(-50%); }
  .topbar>.brand .brand-logo-img { width:165px; }
}

/* Screen captures: clearer mobile controls, device status, and empty state. */
@media(max-width:760px){
  .screen-captures-main{padding:10px!important}
  .screen-captures-page{padding:18px 15px 20px;border-radius:18px}
  .sc-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:18px}
  .sc-heading>div:first-child{min-width:0}
  .sc-eyebrow{font-size:8px;letter-spacing:1.1px;line-height:1.5}
  .sc-heading h1{font-size:25px;letter-spacing:-.7px}
  .sc-heading>div:first-child>p:last-child{max-width:36ch;font-size:12px;line-height:1.55}
  .sc-head-actions{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
  .sc-capture-button,.sc-capture-button:disabled{min-height:44px;padding:0 12px;gap:8px;border-radius:11px;font-size:10px}
  .sc-capture-button{order:1}
  .sc-stats{order:2}
  .sc-capture-button small{display:inline-flex;padding:4px 6px;font-size:7px}
  .sc-stats{width:72px;height:54px;flex:0 0 72px;border-radius:12px}
  .sc-stats strong{font-size:19px}
  .sc-stats span{font-size:8px}
  .sc-device-status{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px 10px;min-height:0;margin:16px 0;padding:14px;border-radius:14px}
  .sc-status-device{grid-column:1/-1;min-width:0;width:100%;padding:0 0 12px;border-right:0;border-bottom:1px solid #ececf1}
  .sc-status-device>span:last-child,.sc-connection-state>span{min-width:0}
  .sc-status-device strong,.sc-connection-state strong{font-size:11px;line-height:1.35}
  .sc-status-device small,.sc-connection-state small{font-size:9px;line-height:1.45;overflow-wrap:anywhere}
  .sc-connection-state{min-width:0;flex:initial;gap:9px}
  .sc-connection-state>i{flex:0 0 10px}
  .sc-demo-tag{margin:0;padding:6px 8px;font-size:7px;letter-spacing:.4px}
  .sc-upload-hint{align-items:flex-start;margin-bottom:16px;padding:13px;border-radius:12px}
  .sc-upload-icon{width:34px;height:34px;flex-basis:34px}
  .sc-upload-hint>div{min-width:0}
  .sc-upload-hint strong{font-size:11px;line-height:1.4}
  .sc-upload-hint p{margin-top:6px;font-size:9px;line-height:1.65;overflow-wrap:anywhere}
  .sc-upload-hint code,.sc-empty-state code{font-size:8px;white-space:normal;overflow-wrap:anywhere}
  .sc-toolbar{align-items:center;gap:9px;margin:16px 0 12px}
  .sc-search{height:46px;flex:1 1 100%;border-radius:11px}
  .sc-result-count{margin:0 0 0 auto;padding:7px 10px;font-size:9px}
  .sc-empty-state{min-height:230px;padding:27px 18px;border-radius:13px}
  .sc-empty-state h2{font-size:17px;line-height:1.25}
  .sc-empty-state p{max-width:38ch;font-size:11px;line-height:1.65;overflow-wrap:anywhere}
  .sc-empty-state>small{font-size:9px;line-height:1.6}
}
@media(max-width:390px){
  .sc-head-actions{gap:8px}
  .sc-capture-button,.sc-capture-button:disabled{padding-inline:9px;gap:6px;font-size:9px}
  .sc-capture-button small{padding:4px 5px;font-size:6px}
  .sc-stats{width:64px;flex-basis:64px}
  .sc-device-status{padding:12px}
  .sc-demo-tag{font-size:6px;padding:5px 6px}
}

/* Compact How it works entry beside the main demo CTA. */
.how-it-works-desktop{min-height:40px;padding:0 4px;display:inline-flex;align-items:center;gap:7px;color:#e3dafa;font-size:12px;font-weight:650;white-space:nowrap;transition:color .15s}
.how-it-works-desktop span{color:#b9a0ff;font-size:14px;transition:transform .15s}
.how-it-works-desktop:hover{color:#fff}
.how-it-works-desktop:hover span{transform:translate(2px,-2px)}
.how-it-works-mobile{display:none}
@media(max-width:700px){
  .how-it-works-desktop{display:none}
  .profile-menu>a.how-it-works-mobile{display:flex;align-items:center;justify-content:space-between;margin:7px 12px 2px;padding:11px 7px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;color:#6944bf;font-size:13px;font-weight:650}
  .profile-menu>a.how-it-works-mobile span{color:#8b5cf6;font-size:15px}
}

/* Let the mobile browser own vertical scrolling so pull-to-refresh can trigger. */
@media(max-width:700px){
  body{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}
  .page-shell{height:auto;min-height:calc(100dvh - 62px);overflow:visible}
  .main-content{height:auto;min-height:calc(100dvh - 62px);overflow:visible;overscroll-behavior-y:auto;touch-action:pan-y}
}
.profile-menu-disabled{display:block;padding:12px 18px;border-top:1px solid #edf0f4;background:#fbfbfc;color:#a3a8b2;cursor:not-allowed;user-select:none}

/* Language selector */
.desktop-language-picker{position:relative}
.language-menu{position:absolute;z-index:70;top:calc(100% + 12px);right:0;min-width:150px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 35px #101b3526;color:#384256}
.language-menu button{display:flex;width:100%;min-height:40px;align-items:center;padding:0 12px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer}
.language-menu button:hover,.language-menu button:focus-visible{background:#f3efff;color:#6944bf;outline:0}
.mobile-language-picker{display:none}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .language-menu button{text-align:right}
html[dir="rtl"] .profile-menu{right:auto;left:-8px}
html[dir="rtl"] .topbar-actions{direction:ltr}
html[dir="rtl"] .sidebar{border-right:0;border-left:1px solid #e9edf2}
html[dir="rtl"] .main-content{direction:rtl}
@media(max-width:700px){
  .desktop-language-picker{display:none}
  .mobile-language-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-top:1px solid #edf0f4;color:#5b6473;font-size:13px}
  .mobile-language-picker select{width:132px;min-height:36px;padding:0 9px;border:1px solid #e4e0ed;border-radius:8px;background:#fff;color:#384256;font:inherit}
  html[dir="rtl"] .profile-menu{right:12px;left:auto}
}