/* 2007 phone structure; original artwork, colors and CSS, never extracted Apple assets. */
.phone-layout{--phone-header:calc(76px + var(--phone-safe-top));--phone-footer:calc(56px + var(--phone-safe-bottom));--phone-surface:#e9edf2;--phone-ink:#172d47;font-family:Arial,Helvetica,sans-serif;color-scheme:light}
.phone-layout body,.phone-layout .desktop-shell{background:#050608;color:#172d47;font-family:Arial,Helvetica,sans-serif}
.phone-layout .wallpaper{display:none!important}
.phone-layout .phone-status{height:calc(27px + var(--phone-safe-top));background:linear-gradient(#25282c,#08090b);backdrop-filter:none;border:0;color:white;padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr auto 1fr;box-shadow:inset 0 -1px #5d6268;font:700 12px Arial,sans-serif}
.phone-status .phone-brand,.phone-status .phone-clock{min-height:27px;font-size:12px;color:white;line-height:27px;gap:5px;text-shadow:0 -1px #000}
.phone-status .phone-brand>svg{width:17px;height:17px}.phone-status .phone-clock{justify-self:center}.phone-status-site{font-size:9px;letter-spacing:1px;justify-self:end;color:#bcc8d0}
.phone-layout .phone-app-nav{top:calc(27px + var(--phone-safe-top));height:49px;border:0;border-top:1px solid #c8d8e9;border-bottom:1px solid #3a526c;background:linear-gradient(#b8cadf 0%,#91a9c4 49%,#7894b4 50%,#667f9e 100%);box-shadow:0 1px 2px #0004;color:#fff;backdrop-filter:none;grid-template-columns:minmax(70px,1fr) minmax(0,1.6fr) minmax(48px,1fr);padding:0 8px}
.phone-app-nav>strong{font:700 19px/1.1 Arial,Helvetica,sans-serif;text-shadow:0 -1px 1px #3c5169;letter-spacing:-.4px;gap:5px}
.phone-app-nav>button{font:700 12px Arial,sans-serif;color:white;min-height:32px;height:32px;max-width:90px;border:1px solid #465f7d;border-radius:6px;background:linear-gradient(#8fa8c7,#4d6b90);box-shadow:inset 0 1px #d7e4f288,0 1px #c4d3e688;text-shadow:0 -1px #354a65;padding:0 9px;overflow:visible}
.phone-app-nav>button:before{content:'';position:absolute;inset:-6px;pointer-events:auto}.phone-app-nav>button{position:relative}
.phone-app-nav .phone-back{margin-left:7px;padding:0 8px 0 4px;gap:1px;border-radius:5px}.phone-app-nav .phone-back svg{width:15px;height:18px}
.phone-app-nav>button:last-child{margin-right:2px}.phone-owner-avatar img{border-radius:3px;width:25px;height:27px;border:1px solid #4e657c}.phone-owner-avatar{width:26px;min-width:26px!important;min-height:27px!important;height:27px}
.phone-layout .phone-bottom-nav{height:var(--phone-footer);padding:0 0 var(--phone-safe-bottom);display:flex;justify-content:center;align-items:center;border:0;border-top:1px solid #25292f;background:linear-gradient(#181b20,#050608);box-shadow:none;backdrop-filter:none}
.phone-bottom-nav .phone-home-button{width:46px;min-width:46px;height:46px;min-height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(at 45% 18%,#343b43,#11151a 65%,#030405);border:1px solid #40464e;box-shadow:0 1px 2px #000,inset 0 1px #60656b;padding:0}
.phone-home-button>span{width:15px;height:15px;border:1.5px solid #bac2ca;border-radius:4px}
.phone-layout .phone-home{inset:calc(27px + var(--phone-safe-top)) 0 var(--phone-footer);padding:14px 14px 125px;background:#050608;color:#fff;overflow:auto;display:block}
.phone-home-name{font:700 13px Arial,sans-serif;text-align:center;letter-spacing:.5px;color:#b8c1ce;margin:0 0 14px}
.phone-app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 9px;align-content:start;max-width:500px;margin:0 auto}
.phone-app-icon{gap:7px;min-height:83px;text-shadow:0 1px 2px #000;position:relative}
.phone-app-icon>span.phone-icon-tile{display:flex;align-items:center;justify-content:center;position:relative;width:59px;height:59px;border:1px solid #a3adb4;border-radius:11px;background:linear-gradient(#e8f0f5 0%,#a4bccb 48%,#6d899b 49%,#365669);box-shadow:0 3px 4px #000, inset 0 1px 1px #fff;overflow:visible}
.phone-icon-tile:after{content:'';position:absolute;inset:1px 1px 50%;border-radius:9px 9px 40% 40%;background:linear-gradient(#ffffff55,#ffffff05);pointer-events:none}
.phone-icon-tile .app-art{width:52px;height:52px;filter:drop-shadow(0 1px 1px #0007)}
.phone-app-icon strong{font:700 11px Arial,sans-serif;overflow:visible;text-overflow:clip;white-space:nowrap;max-width:none;color:white}
.phone-app-icon .unread-badge{top:-7px;right:-7px;min-width:21px;height:21px;font:700 12px Arial,sans-serif;border:2px solid white;background:linear-gradient(#fb6969,#d1141b);box-shadow:0 1px 3px #0008;color:white}
.phone-tile-messages{background:linear-gradient(#9be256,#56ab23 49%,#318210 50%,#7cc739)!important}.phone-tile-mail,.phone-tile-browser{background:linear-gradient(#9acff4,#2a91d0 50%,#0e5c9a)!important}.phone-tile-about{background:linear-gradient(#d8dfe2,#7c8998)!important}
.phone-tile-settings,.phone-tile-preview{background:linear-gradient(#e6e8ea,#7d8996)!important}.phone-tile-voice{background:linear-gradient(#b4adf0,#473c8d)!important}.phone-tile-video{background:linear-gradient(#9bcec1,#356d65)!important}.phone-tile-photos{background:linear-gradient(#fbedd0,#b9a069)!important}.phone-tile-search>svg{stroke:#fff;stroke-width:2;fill:none;width:37px;height:37px}
.phone-layout .phone-home-dock{position:absolute;left:0;right:0;bottom:0;min-height:110px;padding:17px 14px 13px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;background:linear-gradient(#d3d9e1 0,#9ca6b2 8%,#4b5664 48%,#303b49 49%,#727e8e 100%);border-top:1px solid #f8fbff;box-shadow:0 -3px 15px #000b,inset 0 1px #fff8}
.phone-home-dock .phone-app-icon{min-height:80px}.phone-home-dock .phone-icon-tile{box-shadow:0 6px 8px #0009,inset 0 1px #fff}
.phone-layout .app-window>.window-content{background:#fff;color:#172d47;font-family:Arial,Helvetica,sans-serif}.phone-layout .app-window h1,.phone-layout .app-window h2,.phone-layout .app-window h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.3px;color:#172d47}
.phone-layout .app-window .button,.phone-layout dialog .button{border-radius:6px;background:linear-gradient(#fff,#dce2e9);border:1px solid #8999aa;box-shadow:inset 0 1px white,0 1px 1px #0002;color:#223c56;font:700 12px Arial,sans-serif;padding:8px 11px;min-height:36px}
.phone-layout .app-window .button.primary,.phone-layout .app-window .primary-button{background:linear-gradient(#74a7db,#2365ad);border:1px solid #1d538d;color:white;text-shadow:0 -1px #1b4b7b}
.phone-layout dialog{background:linear-gradient(#c7d1de,#8e9bad);border:1px solid #4d5e72;border-radius:10px 10px 0 0;backdrop-filter:none;box-shadow:0 -4px 20px #0007;color:#172d47}
.phone-layout dialog::backdrop{backdrop-filter:none;background:#0006}.phone-layout .dialog-title h2{font:700 20px Arial,sans-serif;color:#1c324c;text-shadow:0 1px #e1e7ee}.phone-layout .phone-action-list button{background:linear-gradient(#fff,#d9dfe8);border:1px solid #697a90;border-radius:8px;margin:5px 0;justify-content:center;font-weight:bold;box-shadow:inset 0 1px white;color:#1b3352}
.phone-layout .neo-notification{border:1px solid #405978;border-radius:9px;background:linear-gradient(#b4c9e1,#7894b5);backdrop-filter:none;color:white;top:calc(36px + var(--phone-safe-top));box-shadow:0 3px 10px #0008}.phone-layout .neo-notification strong,.phone-layout .neo-notification p{color:#fff;text-shadow:0 -1px #405875}
/* Messages: compact blue navigation, white conversation list, grey/green glossy bubbles. */
.phone-layout .compact-messages .conversations{padding:0;background:white}.phone-layout .conversation-title{display:none}.phone-layout .thread-search{margin:0;width:100%;border-radius:0;background:#e8ebee;border:0;border-bottom:1px solid #b2bbc5;height:42px;min-height:42px;padding:10px 15px;box-shadow:inset 0 1px 3px #0002}
.phone-layout .compact-messages .conversation{border-radius:0;border-bottom:1px solid #cbd1d9;padding:10px 16px;min-height:72px;background:white;color:#172d47;gap:12px}
.phone-layout .compact-messages .conversation.selected{background:#f2f6fb}.phone-layout .compact-messages .conversation strong{font-size:17px;color:#111}.phone-layout .compact-messages .conversation small{color:#7b8490;font-size:13px;line-height:1.3}
.phone-layout .compact-messages .conversation .guide-avatar{border-radius:6px;width:39px;height:39px;background:#e8edf3}.phone-layout .compact-messages .conversation .guide-avatar img{border-radius:5px}
.phone-layout .compact-messages .chat-log{background:#e5e9ef;padding:12px 23px 24px;gap:7px}.phone-layout .compact-messages .chat-day{font:700 11px Arial,sans-serif;color:#8794a4;text-shadow:0 1px white}
.phone-layout .compact-messages .message{font:15px/1.35 Arial,Helvetica,sans-serif;max-width:86%;padding:8px 11px;border-radius:14px;border:1px solid #a3aebc;background:linear-gradient(#fff,#dce0e6);box-shadow:inset 0 1px #fff,0 1px 1px #a8b1bc;color:#15202c}
.phone-layout .compact-messages .message.user{background:linear-gradient(#d6f8ac,#9ddd60);border-color:#77a549;box-shadow:inset 0 1px #e9ffd3,0 1px 1px #a1b291;color:#15280d}
.phone-layout .compact-messages .message p{margin:0}.phone-layout .compact-messages .typing-bubble{background:linear-gradient(#fff,#dce0e6);border:1px solid #a3aebc}.phone-layout .compact-messages .compose{background:linear-gradient(#e3e8ee,#bbc6d3);border-top:1px solid #8b99aa;padding:7px 8px}.phone-layout .compact-messages .compose-row{border-radius:10px;border:1px solid #8797aa;background:white;min-height:45px;box-shadow:inset 0 1px 3px #0002}.phone-layout .compact-messages .compose-row .send-button{border-radius:7px;background:linear-gradient(#8fb5e3,#3d76b8);border:1px solid #375e8d;color:white;width:36px;min-width:36px;height:34px;min-height:34px;box-shadow:inset 0 1px #bcd6f2}
.phone-layout .compact-messages .reaction-add:before{border-color:#8b9bac}.phone-layout .compact-messages .reaction-add{opacity:.6}.phone-layout .auto-reaction,.phone-layout .visitor-reaction{border-radius:12px}
/* Mail: plain message paper, blue lists, divided address fields and a metal toolbar. */
.phone-layout .mail-folders{padding:15px;background:repeating-linear-gradient(90deg,#d8dee6 0 2px,#e2e6ed 2px 6px)}.phone-layout .mail-folders button{background:white;border:1px solid #aab7c8;border-bottom:0;min-height:55px;color:#132a46;padding:13px 15px;font-weight:bold}.phone-layout .mail-folders button:first-child{border-radius:9px 9px 0 0}.phone-layout .mail-folders button:nth-child(3){border-bottom:1px solid #aab7c8;border-radius:0 0 9px 9px}
.phone-layout .mail-list{background:white}.phone-layout .mail-list>button{background:white;border-bottom:1px solid #bcc6d1;min-height:83px;padding:13px 17px}.phone-layout .mail-list>button.selected{background:linear-gradient(#72a7d9,#2465aa);color:white}.phone-layout .mail-list>button.selected strong,.phone-layout .mail-list>button.selected small{color:white}.phone-layout .mail-list strong{font-size:16px;color:#111}.phone-layout .mail-list small{color:#7c8793;font-size:13px}
.phone-layout .mail-reading,.phone-layout .mail-letter,.phone-layout .email-compose-form{background:#fff;color:#202a36}.phone-layout .mail-subject{padding:17px;border-bottom:1px solid #bbc5d0;margin-bottom:15px}.phone-layout .mail-subject h2{font-size:20px}.phone-layout .mail-letter{font:16px/1.55 Arial,sans-serif;padding:0 17px;background-image:none!important}.phone-layout .email-compose-form>label{border-bottom:1px solid #c4cbd4;min-height:45px;padding:0 13px;color:#7b8794;font-size:14px}.phone-layout .email-compose-form input{color:#213e60}.phone-layout #mail-body{background:white!important;background-image:none!important;padding:14px 17px;font:16px/1.55 Arial,sans-serif;min-height:180px}
.phone-layout .mail-compose-head,.phone-layout .mail-bottom{background:linear-gradient(#e1e6ed,#aebac9);border-color:#899aaf}.phone-layout .email-verification{background:#f5f7fa;border-top:1px solid #c4cbd4;border-radius:0}.phone-layout .mail-reading .fine{color:#7b8592}
/* Documents: attachment-like, full-width paper with unobtrusive metal controls. */
.phone-layout .document-tabs{background:linear-gradient(#d4dbe4,#acb8c7);border-color:#7f91a6;padding:5px;gap:4px}.phone-layout .document-tab{border:1px solid #71869e;background:linear-gradient(#f0f3f7,#b1bdcb);border-radius:6px;min-height:35px;font-size:12px;color:#243e5c}.phone-layout .document-tab.active{background:linear-gradient(#7295bd,#3f618d);color:white}.phone-layout .pdf-toolbar{background:linear-gradient(#dfe5ed,#acb9c9);border-color:#8496ab}.phone-layout .pdf-find-bar{background:#e4e9ef}.phone-layout .pdf-canvas{background:#6e7b8a}.phone-layout .pdf-status{font:11px Arial,sans-serif;background:#d0d8e1;color:#334963}.phone-layout .quicklook-shell{background:#17202b}.phone-layout .quicklook-toolbar{background:linear-gradient(#dfe5ed,#a9b5c5);border-color:#74869d}.phone-layout .quicklook-page{border-radius:0;box-shadow:0 2px 8px #0005}
/* Browser: a fixed-destination address strip; no added tabs or open web search. */
.phone-layout .browser-fixed-toolbar{background:linear-gradient(#e5eaf0,#acbacb);border-color:#7c91a9;padding:8px}.phone-layout .browser-fixed-toolbar button{border-radius:5px;background:linear-gradient(#fafcfe,#bcc8d7);border:1px solid #8194ab;color:#274464;font:700 12px Arial,sans-serif;min-height:36px}.phone-layout .browser-fixed-toolbar button[aria-pressed=true]{background:linear-gradient(#779bc5,#42648e);color:white;border-color:#365479}.phone-layout .browser-fixed{background:#fff}.phone-layout .browser-address{background:#fff;border:1px solid #8b9eb6;border-radius:7px;box-shadow:inset 0 1px 3px #0003;font:13px Arial,sans-serif;color:#425d7a}.phone-layout .browser-outlink-card{border-radius:0;border:0;background:#fff;box-shadow:none;padding:28px 20px}.phone-layout .browser-outlink-card h1{font-size:29px}.phone-layout .browser-outlink-card p{font:14px/1.6 Arial,sans-serif;color:#586c82}
/* Photos: blue album navigation and a black photograph stage. */
.phone-layout .photos-layout{background:#111820}.phone-layout .photos-sidebar{background:linear-gradient(#c8d4e3,#8a9eb8);border-color:#4e6886}.phone-layout .photos-sidebar button{background:linear-gradient(#f3f6fa,#b6c5d7);border:1px solid #65809f;border-radius:5px;color:#243d5b;font-weight:bold}.phone-layout .photos-sidebar button.selected{background:linear-gradient(#7f9fc7,#456890);color:white}.phone-layout .photos-main{background:#111820;color:white}.phone-layout .photos-main h2{color:white}.phone-layout .photos-main .fine{color:#aab8c7}.phone-layout .photo-grid{gap:3px;padding:4px}.phone-layout .photo-grid button{border-radius:0;border:1px solid #8396ac;background:#26374a}.phone-layout .photo-grid img{border-radius:0}.phone-layout .photos-main .rich-toolbar{background:linear-gradient(#e2e8f0,#a5b5c9);color:#243e5b}.phone-layout .photo-lightbox{background:#080d13}
/* Settings and folders: grouped pinstripe lists instead of desktop panels. */
.phone-layout .settings-layout,.phone-layout .settings-main,.phone-layout .settings-sidebar,.phone-layout .finder-sidebar{background:repeating-linear-gradient(90deg,#d6dde7 0 2px,#e1e6ed 2px 6px);color:#1c3553}.phone-layout .settings-sidebar{padding:15px}.phone-layout .settings-owner{padding:13px;background:linear-gradient(#fdfefe,#d9e2ec);border:1px solid #a3b1c3;border-radius:9px}.phone-layout .settings-sidebar button,.phone-layout .finder-sidebar>button{background:white;border:1px solid #a6b4c7;border-bottom:0;border-radius:0;min-height:51px;font-weight:700;color:#19324f}.phone-layout .settings-sidebar button:first-of-type{border-radius:9px 9px 0 0}.phone-layout .settings-sidebar button:last-child{border-bottom:1px solid #a6b4c7;border-radius:0 0 9px 9px}.phone-layout .setting-group{border-radius:9px;background:white;border:1px solid #a8b6c8;box-shadow:none;padding:12px 14px}.phone-layout .setting-row{border-bottom:1px solid #c5ceda;font-size:13px;color:#213e5e}.phone-layout .settings-main{padding:18px 15px}.phone-layout .settings-main h2{font-size:21px}.phone-layout .settings-main .muted,.phone-layout .settings-main .fine{color:#62758d;text-shadow:0 1px #fff}.phone-layout .phone-device-files{background:white;border:1px solid #a6b4c7;border-radius:9px;padding:10px}.phone-layout .phone-device-files h3{color:#6c7e92}.phone-layout .finder-main{background:#fff}.phone-layout .finder-toolbar{background:linear-gradient(#e0e7ef,#a9b9cc);border-color:#859bb5}.phone-layout .catalog-card{border-radius:7px;background:#f9fafc;border-color:#bac6d5}.phone-layout .catalog-open strong{color:#1c3553}.phone-layout .catalog-open small{color:#718298}
/* Calendar: familiar compact blue controls; modern booking is a deliberate extension. */
.phone-layout .cal-toolbar,.phone-layout .planner-day-head{background:linear-gradient(#e1e8ef,#bac8d8);border-color:#8b9eb6}.phone-layout .calendar-view-switch{border-radius:5px;background:#a1b3c9;border-color:#758aa6}.phone-layout .calendar-view-switch button{border-radius:4px;color:#253f60}.phone-layout .calendar-view-switch button[aria-pressed=true]{background:linear-gradient(#6e91bb,#365d8d);color:white}.phone-layout .calendar-scroll,.phone-layout .planner-day{background:#fff}.phone-layout .calendar-time-slot{border:1px solid #8cb692;background:linear-gradient(#f0ffef,#c8eac5);border-radius:4px;color:#315f39}.phone-layout .calendar-time-slot.selected{background:linear-gradient(#70a6d5,#386b9f);color:white}.phone-layout .calendar-booking-footer{background:linear-gradient(#e1e8ef,#bac8d8);color:#4d6582}.phone-layout .planner-hours>span{color:#8191a6}.phone-layout .planner-hour{border-color:#d6e0eb}
/* Profile, voice and video were not bundled 2007 apps: use the same restrained UI grammar. */
.phone-layout .journey-hero{background:#eef2f7;border-bottom:1px solid #b8c5d5;padding:18px 16px}.phone-layout .journey-hero>img{border-radius:5px;border:3px solid white;box-shadow:0 1px 3px #0004;width:76px;height:100px}.phone-layout .journey-hero h1{font:700 24px/1.05 Arial,sans-serif;color:#234366}.phone-layout .journey-hero h1 em{font-style:normal;color:#617b9a}.phone-layout .journey-hero p:last-child{color:#6c7f95}.phone-layout .journey-nav{background:linear-gradient(#d7e1ec,#b0c1d6);border-color:#8b9fb9}.phone-layout .journey-nav button{border-radius:5px;font:700 11px Arial,sans-serif;color:#274563}.phone-layout .journey-nav button[aria-selected=true],.phone-layout .journey-nav button.active{background:linear-gradient(#7799c1,#405e87);color:white}.phone-layout .journey-body{padding:18px 16px;background:white}.phone-layout .journey-body h2{font-size:24px}.phone-layout .journey-body p,.phone-layout .journey-body li{font-family:Arial,sans-serif}.phone-layout .journey-perspective{background:#edf2f8;border-color:#b9c8d9;border-radius:7px}.phone-layout .journey-perspective p{color:#647e9a}.phone-layout .journey-overview-grid button,.phone-layout .journey-projects>article{border-radius:7px;background:#f5f7fa;border-color:#c0cddd}.phone-layout .journey-facts strong{font-family:Arial,sans-serif;color:#355c84}.phone-layout .journey-facts span{color:#73879e}.phone-layout .voice-stage,.phone-layout .video-stage,.phone-layout .contact-gate{background:#e8edf3;color:#1b3655}.phone-layout .voice-stage h1,.phone-layout .video-stage h2{font-size:25px}.phone-layout .contact-gate input{background:white;border:1px solid #9aaec6;border-radius:6px}.phone-layout .source-card{background:white;border:1px solid #b4c1d2;border-radius:6px}
.phone-layout .file-context{border-radius:8px;background:linear-gradient(#edf1f6,#ccd7e4);border-color:#7e94af;backdrop-filter:none}.phone-layout .toast{background:linear-gradient(#7b98bd,#425e83);border:1px solid #334c6d;border-radius:7px;color:white}
.phone-layout #search-dialog{border-radius:8px;background:#e7edf5;border:1px solid #6e89aa;backdrop-filter:none}.phone-layout .spotlight-input{background:linear-gradient(#dbe4ef,#adbed4);border-radius:0}.phone-layout #global-search{border-radius:6px;background:white;color:#1f3b5b}.phone-layout .search-result{border-bottom:1px solid #bac8d9;border-radius:0}.phone-layout .search-result strong{color:#1d3b5d}.phone-layout .emoji-dialog{background:linear-gradient(#e7edf5,#c3cfdf);border-radius:10px 10px 0 0}
.phone-keyboard{--phone-footer:0px;--phone-safe-bottom:0px}.phone-keyboard .phone-bottom-nav{display:none!important}
.phone-layout .phone-app-nav{grid-template-columns:minmax(105px,1fr) minmax(0,1.25fr) minmax(44px,1fr)}.phone-app-nav>button{max-width:116px}.phone-app-nav>button:last-child{min-width:44px}
.phone-layout .pdf-toolbar,.phone-layout .pdf-toolbar button,.phone-layout .pdf-toolbar strong{color:#263f5e}.phone-layout .pdf-toolbar button{border-radius:4px}.phone-layout .pdf-toolbar button:disabled{color:#7b8da3}.phone-layout .pdf-status{padding:5px 8px;font-size:10px;line-height:1.3;min-height:34px;overflow:auto}.phone-layout .document-tab[aria-selected=true],.phone-layout .document-tab:has([aria-selected=true]){background:linear-gradient(#7396c0,#45668d);color:white}.phone-layout .document-tab:has([aria-selected=true]) button{color:white}
.phone-layout .classic-browser-address{display:flex;align-items:center;gap:9px;flex-shrink:0;padding:8px 10px;background:linear-gradient(#dce5ef,#a7b9d0);border-bottom:1px solid #7c92ae;font:12px Arial,sans-serif;color:#314c6e}.classic-browser-address output{display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:white;border:1px solid #8197b3;border-radius:6px;padding:9px;box-shadow:inset 0 1px 3px #0003;color:#2a405b}.phone-layout .browser-destinations{background:linear-gradient(#d7e1ee,#a3b7d1);border-bottom:1px solid #8197b3;padding:7px;gap:2px;align-items:center;flex-shrink:0}.phone-layout .browser-destinations button{border:1px solid #7790ae;border-radius:5px;background:linear-gradient(#e7eff8,#aabdd5);font-weight:bold;color:#2b4668;padding:8px 6px;min-height:38px}.phone-layout .browser-destinations button[aria-pressed=true]{background:linear-gradient(#7598c1,#43658e);color:white;border-color:#405e82}.phone-layout .browser-destinations a{min-height:38px;margin-left:auto;white-space:nowrap;font-size:10px;padding:8px}.phone-layout .fixed-browser{background:white;min-height:100%}.phone-layout .profile-site-view{background:white;padding:24px 17px}.phone-layout .profile-site-view .profile-cover{height:92px;background:linear-gradient(130deg,#cbd7e6,#6d89ac);margin:-24px -17px 0}.phone-layout .profile-site-view>img{width:74px;height:74px;border-radius:5px;border:3px solid white;margin-top:-37px}.phone-layout .profile-site-view h1{font:700 28px Arial,sans-serif;margin-top:14px}.phone-layout .profile-site-view small{font:700 10px Arial,sans-serif;color:#7b91ad;letter-spacing:1px}.phone-layout .profile-site-view p{color:#637d9b;font-family:Arial,sans-serif}
.phone-layout .journey-nav button.chosen,.phone-layout .journey-nav button[aria-pressed=true]{background:linear-gradient(#7396c0,#43648b);color:white;border:1px solid #36567d;border-radius:5px}.phone-layout .journey-perspective .audience-switch{background:#a2b5ce;border:1px solid #728ba8;border-radius:6px;padding:2px}.phone-layout .audience-switch button{font:700 10px Arial,sans-serif;color:#2c496e;border-radius:4px;background:transparent;min-height:40px}.phone-layout .audience-switch button[aria-pressed=true]{background:linear-gradient(#7a9cc4,#41628b);color:white;box-shadow:inset 0 1px #a4bfdf}
@media(max-width:360px){.phone-layout .phone-home{padding:12px 10px 122px}.phone-app-grid{gap:18px 5px}.phone-app-icon>span.phone-icon-tile{width:54px;height:54px}.phone-icon-tile .app-art{width:48px;height:48px}.phone-app-icon strong{font-size:10px}.phone-layout .phone-home-dock{padding-left:10px;padding-right:10px;gap:5px}.phone-app-nav>strong{font-size:17px}}
@media(orientation:landscape) and (max-height:520px){.phone-layout{--phone-header:calc(70px + var(--phone-safe-top));--phone-footer:calc(46px + var(--phone-safe-bottom))}.phone-layout .phone-app-nav{height:43px}.phone-layout .phone-home{padding:12px 130px 15px 18px}.phone-home-name{display:none}.phone-app-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.phone-layout .phone-home-dock{left:auto;top:0;bottom:0;width:112px;display:flex;flex-direction:column;gap:8px;overflow:auto;padding:10px;min-height:0;border-top:0;border-left:1px solid #c8d5e6}.phone-home-dock .phone-app-icon{min-height:80px}.phone-bottom-nav .phone-home-button{width:38px;min-width:38px;height:38px;min-height:38px}.phone-app-icon>span.phone-icon-tile{width:50px;height:50px}.phone-icon-tile .app-art{width:44px;height:44px}.phone-app-icon{min-height:74px}}
@media(prefers-reduced-motion:reduce){.phone-layout *{scroll-behavior:auto!important;animation-duration:0.001ms!important;transition-duration:0.001ms!important}}

:root.phone-layout{--ink:#172d47;--muted:#6c819b;--surface:#fff;--sidebar:#e0e6ee;--line:#bdcad9;--phone-surface:#e9edf2;--phone-ink:#172d47}.phone-layout #mail-body,.phone-layout #message-input{color:#20344d!important}.phone-layout input,.phone-layout textarea,.phone-layout select{color:#20344d}.phone-layout .mail-reading{color:#20344d}