/* Maresias Device • device preview redesign. Only the simulated view, not a screen capture. */
.devicePreviewModal{padding:clamp(8px,2vw,24px);overscroll-behavior:contain}
.devicePreviewBackdrop{background:rgba(7,21,35,.84);backdrop-filter:blur(9px)}
.devicePreviewDialog{width:min(1180px,100%);max-height:min(96dvh,1020px);overflow:auto;padding:clamp(16px,2.4vw,32px);border:1px solid #d5e2eb;border-radius:23px;background:#f8fbfd;box-shadow:0 30px 90px rgba(4,15,29,.35);scrollbar-gutter:stable}
.devicePreviewHeading{align-items:center;padding-bottom:18px;border-bottom:1px solid #dce8ef}
.devicePreviewHeading .miniEyebrow{font:800 10px/1.5 var(--font-ui);letter-spacing:.13em;color:#2675aa}
.devicePreviewHeading h2{font:800 clamp(24px,2.7vw,33px)/1.1 var(--font-heading);letter-spacing:-.045em;color:#142c41;margin:7px 0 7px}
.devicePreviewHeading p{font:500 13px/1.5 var(--font-ui);color:#61778a}
.devicePreviewHeading .close{flex:0 0 40px;min-width:40px;width:40px;height:40px;border-radius:11px;box-shadow:none}
.devicePreviewFilters{align-items:center;gap:12px;margin:18px 0 16px;padding:12px;border:1px solid #dae6ee;border-radius:13px;background:#edf4f8}
.devicePreviewGroup{flex-wrap:wrap}
.devicePreviewGroup button{min-height:38px;font:700 12px var(--font-ui);border-radius:9px;padding:9px 13px;transition:background .16s,border .16s}
.devicePreviewGroup button.isSelected{background:#176b9e;color:#fff;border-color:#176b9e;box-shadow:0 3px 10px rgba(18,87,135,.16)}
.devicePreviewGroup button:focus-visible{outline:3px solid #84b9dc;outline-offset:2px}
.devicePreviewGroup button:disabled{opacity:.5;cursor:not-allowed}
.devicePreviewLiveStatus{margin-left:auto;display:flex;align-items:center;gap:7px;font:650 11px/1.5 var(--font-ui);color:#48667b}
.devicePreviewLiveStatus::before{content:"";width:7px;height:7px;border-radius:50%;background:#7893a9}
.devicePreviewLiveStatus.isFresh::before{background:#269361;box-shadow:0 0 0 3px rgba(38,147,97,.12)}
.devicePreviewBody{grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr);align-items:stretch;gap:16px}
.devicePreviewPhoneWrap{min-width:0;gap:12px;padding:clamp(13px,2vw,22px) 12px 17px;border:1px solid #dce7ee;border-radius:17px;background:linear-gradient(155deg,#e9f2f7 0%,#f5f9fc 66%,#e2edf5 100%);position:relative}
.devicePreviewPhoneWrap::before{content:"";position:absolute;inset:12% 10%;background:radial-gradient(ellipse at center,rgba(46,122,180,.15),transparent 65%);pointer-events:none}
.devicePreviewPhone{--frame:#132332;width:min(100%,332px);height:clamp(510px,67dvh,672px);flex:none;border:8px solid var(--frame);outline:1px solid #546572;border-radius:39px;box-shadow:0 0 0 3px #344755,0 17px 35px rgba(14,36,56,.24);background:#eef5fa;color:#172f43;isolation:isolate}
.devicePreviewPhone:before{content:"";position:absolute;right:-9px;top:92px;width:3px;height:62px;background:#657483;border-radius:4px;z-index:6}
.devicePreviewCamera{width:9px;height:9px;left:calc(50% - 4.5px);top:11px;border:2px solid #344f67;background:#061722;box-shadow:0 0 0 3px #172a38;z-index:5}
.devicePreviewTop{height:31px;padding:0 17px;background:rgba(228,239,248,.70);font:750 11px var(--font-ui);color:#1a3042;z-index:4}
.devicePreviewTop span:last-child{font-size:10px;letter-spacing:1px}
.devicePreviewContents{background:linear-gradient(158deg,#d4e7f5 1%,#e7f2f8 40%,#bedbed 100%);position:relative}
.devicePreviewHome{background:radial-gradient(ellipse at 65% 72%,rgba(39,124,174,.15),transparent 55%),linear-gradient(165deg,#d7eaf5 0%,#e9f4f8 54%,#b8d7e9 100%);padding:18px 15px 14px}
.devicePreviewHome::before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background:radial-gradient(ellipse 65% 28% at 25% 80%,white,transparent 75%)}
.devicePreviewHomeHero{position:relative;text-align:left;padding:17px 3px 19px;color:#15354e}
#devicePreviewBigClock{font:350 clamp(45px,6.5vw,62px)/.98 var(--font-ui);letter-spacing:-.08em}
#devicePreviewBigDate{display:block;font:650 12px/1.6 var(--font-ui);text-transform:capitalize;color:#567388;margin-top:5px}
.devicePreviewModeStrip{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;margin:0 2px 14px;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.55);border-radius:13px;padding:10px 12px;box-shadow:0 4px 20px rgba(48,97,132,.06);backdrop-filter:blur(6px)}
.devicePreviewModeStrip strong{font:800 12px var(--font-ui);color:#173951}
.devicePreviewModeStrip span{font:500 10px/1.4 var(--font-ui);color:#506f86}
.devicePreviewHomeApps{position:relative;z-index:1;gap:14px 7px;overflow:auto;scrollbar-width:thin}
.devicePreviewApps{gap:17px 9px}
.devicePreviewApp{gap:7px}
.devicePreviewAppIcon{width:51px;height:51px;border-radius:15px;background:#fff;box-shadow:0 3px 8px rgba(19,45,68,.10);border:1px solid rgba(148,180,202,.65)}
.devicePreviewAppIcon img{object-fit:contain}
.devicePreviewAppIcon span{font-weight:800;color:#255b80}
.devicePreviewAppLabel{font:650 10.5px/1.25 var(--font-ui);color:#26475c;max-height:27px;text-shadow:0 1px rgba(255,255,255,.4)}
.devicePreviewDrawerTrigger{position:relative;z-index:1;min-height:40px;font-size:11px}
.devicePreviewDock{position:relative;z-index:1;border-radius:19px;border:1px solid rgba(255,255,255,.76);background:rgba(255,255,255,.53);backdrop-filter:blur(12px);padding:11px 5px;box-shadow:0 8px 24px rgba(21,74,117,.09)}
.devicePreviewDock .devicePreviewAppIcon{width:45px;height:45px}
.devicePreviewPhoneBottom{height:44px;min-height:44px;background:#d6e8f1;border-top:1px solid rgba(173,199,213,.7)}
.devicePreviewPhoneBottom button{color:#22475d}
.devicePreviewMockLabel{max-width:350px;font:600 11px/1.5 var(--font-ui);color:#556e81}
.devicePreviewScreenBadge{position:relative;max-width:350px;width:100%;display:flex;justify-content:center;gap:7px;font:750 11px/1.5 var(--font-ui);color:#375870}
.devicePreviewScreenBadge::before{content:"";width:7px;height:7px;margin-top:4px;border-radius:50%;background:#3e91c4}
.devicePreviewFacts{border:1px solid #dce7ee;border-radius:17px;background:#fff;align-self:stretch;min-width:0;box-shadow:0 5px 17px rgba(29,65,87,.03)}
.devicePreviewFacts h3{font:800 17px var(--font-ui);color:#183b55;padding:19px 18px 12px}
.devicePreviewFactsIntro{padding:0 18px 18px;font:500 12px/1.7 var(--font-ui);color:#617b8e}
.devicePreviewSummary{padding:15px 18px 18px;border-bottom:1px solid #ebf0f3;background:linear-gradient(150deg,#f5f9fc,#fff)}
.devicePreviewSummary small{display:block;font:750 10px var(--font-ui);text-transform:uppercase;letter-spacing:.085em;color:#608298}
.devicePreviewSummary strong{font:800 19px/1.45 var(--font-ui);color:#173952;display:block;margin:5px 0}
.devicePreviewSummary p{font:500 12px/1.5 var(--font-ui);color:#567387;margin:0}
.devicePreviewMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.devicePreviewMetric{border:1px solid #dce9f2;border-radius:10px;background:#fff;padding:10px 8px;text-align:center}
.devicePreviewMetric strong{font:800 19px var(--font-ui);margin:0;color:#1b5e89}
.devicePreviewMetric span{display:block;font:600 10px/1.35 var(--font-ui);color:#617b8c}
.devicePreviewFacts .devicePreviewFact{font:550 12px/1.5 var(--font-ui);padding:12px 18px}
.devicePreviewFacts .devicePreviewFact strong{max-width:58%;font-weight:750}
.devicePreviewFacts .devicePreviewDetail{padding:15px 18px}
.devicePreviewFacts .devicePreviewDetail h4{font:800 13px var(--font-ui);color:#23445a}
.devicePreviewChip{font:700 11px/1.45 var(--font-ui);border-radius:7px}
.devicePreviewFootnote{font:500 11px/1.65 var(--font-ui);color:#667e90}
.devicePreviewAppsPage,.devicePreviewRecentPage,.devicePreviewOpenedApp{background:#edf6fa}
.devicePreviewPageTop{font-size:14px}
.devicePreviewSearch{min-height:42px;font-size:12px}
.devicePreviewPhone:has(.devicePreviewAppsPage:not([hidden])) .devicePreviewTop{background:#edf6fa}
.devicePreviewEmpty{font-size:12px}
@media(max-width:850px){
  .devicePreviewBody{grid-template-columns:minmax(0,1fr)}
  .devicePreviewFacts{max-width:none}
  .devicePreviewPhone{height:min(70dvh,642px)}
}
@media(max-width:520px){
 .devicePreviewModal{padding:4px}
 .devicePreviewDialog{width:100%;max-height:99dvh;border-radius:13px;padding:13px;scrollbar-gutter:auto}
 .devicePreviewHeading{gap:7px}
 .devicePreviewHeading h2{font-size:23px}
 .devicePreviewFilters{gap:9px;padding:9px;margin:12px 0}
 .devicePreviewGroup{width:100%}
 .devicePreviewGroup button{flex:1;min-width:0;padding:8px 7px;font-size:11px}
 .devicePreviewLiveStatus{margin-left:0}
 .devicePreviewPhoneWrap{padding:16px 8px}
 .devicePreviewPhone{height:min(65dvh,610px);width:min(100%,312px)}
 .devicePreviewMetrics{gap:5px}
 .devicePreviewMetric{padding:8px 4px}
 .devicePreviewFacts .devicePreviewFact{gap:8px}
}
@media(prefers-reduced-motion:reduce){
 .devicePreviewGroup button{transition:none}
}
.devicePreviewSingleApp{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:210px;padding:22px 12px;text-align:center}
.devicePreviewSingleApp>small{font:800 10px/1.4 var(--font-ui);letter-spacing:.12em;color:#3e7898}
.devicePreviewSingleApp .devicePreviewAppIcon{width:77px;height:77px;border-radius:21px}
.devicePreviewSingleApp .devicePreviewAppLabel{font-size:13px;max-height:unset}
.devicePreviewSingleApp p{max-width:200px;font:500 11px/1.55 var(--font-ui);color:#627f92}
.devicePreviewDrawerTrigger[hidden]{display:none!important}
.devicePreviewDock:empty{display:none}
.previewPagination{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:6px}
.previewPagination .btn{min-width:0;font-size:11px;padding:8px}
.devicePreviewBackdrop{backdrop-filter:none}
.devicePreviewPhoneWrap{box-shadow:none}
.installedAppRow{content-visibility:auto;contain-intrinsic-size:auto 100px}
#appAudit{margin-top:18px;scroll-margin-top:100px}
#appAudit .distributionJob{content-visibility:auto;contain-intrinsic-size:auto 94px}
.devicePreviewDetail summary{cursor:pointer;font-weight:750;padding:7px 0}
@media(max-width:700px){
 #appAudit .distributionActions{align-items:stretch}
 #appAudit .select{min-width:0;width:100%}
 #appAuditBell{font-size:11px;padding:8px}
 .topActions{flex-wrap:wrap}
}