@media(max-width:860px){

.ios-preview-note{position:relative;z-index:2;padding:7px 16px;background:var(--ios-group);color:#594617;text-align:center;font:12px/1.4 system-ui,sans-serif}.ios-preview-note a{color:inherit;text-decoration:underline}
.ios-bottom,.ios-client-list{display:none}
@media(max-width:860px){
html{scroll-padding-bottom:100px}body{background:var(--ios-bg)!important}
#mainApp .sidebar{display:none!important}#mainApp .app{display:block}#mainApp .topbar{position:sticky;top:0;z-index:120;background:var(--ios-bar);backdrop-filter:blur(18px);min-height:48px;padding:8px 16px;border-bottom:1px solid var(--ios-line)}#mainApp .topbar .brand-logo{max-width:110px;max-height:30px}#mainApp .role-tabs,#mainApp #logoutBtn{display:none}#mainApp .person-picker{min-width:0}#mainApp #personName{max-width:170px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}#mainApp .content{padding:20px 16px calc(110px + env(safe-area-inset-bottom));min-width:0}#mainApp .view-title{font-size:28px;line-height:1.15;font-weight:750;letter-spacing:-.035em}#mainApp .mini-btn{min-height:44px;white-space:normal}#mainApp .chart-card{border-radius:18px}#mainApp input,#mainApp select,#mainApp textarea{font-size:16px}
.ios-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;z-index:500;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:var(--ios-bar);backdrop-filter:blur(22px);border-top:1px solid var(--ios-line)}.ios-bottom button{border:0;background:none;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;color:var(--ios-muted);min-height:48px;font:12px/1.2 inherit;cursor:pointer}.ios-bottom button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ios-bottom button.is-selected{color:var(--ios-accent);font-weight:700}.ios-bottom button:disabled{opacity:.3}.ios-bottom button:focus-visible,.ios-sheet button:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.ios-client-list{display:block;padding:24px 16px calc(110px + env(safe-area-inset-bottom))}.ios-client-list h1{font-size:32px;line-height:1.1;letter-spacing:-.035em;margin:0 0 8px}.ios-count{font-size:14px;color:var(--ios-muted);margin:0 0 22px}.ios-search{display:block;width:100%;min-height:48px;border:0!important;border-radius:13px!important;background:var(--ios-search)!important;padding:12px 16px!important;font-size:16px!important;margin:0 0 20px!important;color:var(--ios-text)!important}.ios-client{position:relative;overflow:hidden;border-radius:16px;margin:0 0 10px;background:var(--surface-2);touch-action:pan-y}.ios-client-actions{position:absolute;right:0;top:0;bottom:0;display:flex;width:152px}.ios-client-actions button{width:76px;border:0;background:var(--accent);font:600 12px/1.3 inherit;cursor:pointer}.ios-client-actions button+button{background:var(--surface-2);color:white}.ios-client-face{position:relative;display:flex;align-items:center;gap:13px;width:100%;padding:18px 16px;background:var(--ios-card);transition:transform .18s ease;min-height:94px;cursor:pointer;border:0;text-align:left;font:inherit;color:var(--ios-text)}.ios-client.is-swiped .ios-client-face{transform:translateX(-152px)}.ios-avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:var(--ios-avatar);color:var(--ios-accent);font-size:16px;font-weight:600}.ios-client-copy{flex:1;min-width:0}.ios-client-copy b{display:block;font-size:16px;font-weight:650;line-height:1.3}.ios-client-copy small{display:block;color:var(--ios-muted);font-size:13px;line-height:1.4;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios-client-more{flex:0 0 30px;align-self:stretch;border:0;background:var(--ios-card);color:var(--ios-muted);font-size:23px;position:relative;z-index:1}.ios-face-wrap{display:flex;position:relative;background:var(--ios-card);transition:transform .18s}.ios-face-wrap .ios-client-face{flex:1;min-width:0}.ios-client.is-swiped .ios-face-wrap{transform:translateX(-152px)}.ios-client.is-swiped .ios-face-wrap .ios-client-face{transform:none}
#mainApp .cc-tabs{flex-wrap:nowrap;overflow-x:auto;padding:5px;background:var(--ios-search);border-radius:13px;gap:3px;-webkit-overflow-scrolling:touch}#mainApp .cc-tabs .mini-btn{flex:none;border:0;border-radius:10px;background:transparent;color:var(--ios-muted)}#mainApp .cc-tabs .mini-btn.active{background:var(--ios-card);color:var(--ios-text)}#mainApp .cc-head{border-radius:20px}#mainApp .team-doc-card{border-radius:16px;background:var(--ios-card)}#mainApp .team-doc-details{font-size:13px}.ios-doc-menu{width:44px;height:44px;border:0;border-radius:12px;background:var(--ios-group);color:var(--ios-muted);font-size:24px;cursor:pointer;flex:none}.team-doc-card.ios-doc-enhanced{position:relative;padding-right:64px!important}.team-doc-card.ios-doc-enhanced>.ios-doc-menu{position:absolute;right:12px;top:12px}.team-doc-card.ios-doc-enhanced>.team-doc-actions{display:none!important}.team-doc-card.ios-doc-enhanced .team-doc-name{font-size:15px}.team-doc-card.ios-doc-enhanced .team-doc-details{margin-right:-50px}.ios-native-hidden{display:none!important}
}
.ios-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,620px);max-height:85dvh;box-sizing:border-box;border:0;border-radius:24px 24px 0 0;padding:12px 16px calc(20px + env(safe-area-inset-bottom));background:var(--ios-bg);color:var(--ios-text);overflow-y:auto;font:16px/1.4 system-ui,-apple-system,sans-serif;overscroll-behavior:contain}.ios-sheet::backdrop{background:#0006;backdrop-filter:blur(3px)}.ios-sheet-handle{width:42px;height:5px;border-radius:4px;background:#c3c2bd;margin:0 auto 20px;touch-action:none}.ios-sheet h2{font-size:18px;text-align:center;margin:0 0 20px;overflow-wrap:anywhere}.ios-sheet-items{border-radius:16px;overflow:hidden;background:var(--ios-card)}.ios-sheet button{display:flex;width:100%;align-items:center;min-height:52px;padding:13px 16px;border:0;border-bottom:1px solid var(--ios-line);background:var(--ios-card);color:var(--ios-text);text-align:left;gap:12px;font:inherit;cursor:pointer}.ios-sheet button:last-child{border-bottom:0}.ios-sheet button.is-danger{color:var(--ios-danger)}.ios-sheet .ios-sheet-cancel{border-radius:16px;margin-top:12px;justify-content:center;font-weight:600}.ios-empty{padding:32px 0;color:var(--ios-muted)}
@media(prefers-reduced-motion:reduce){.ios-client-face,.ios-face-wrap{transition:none}}

@media(max-width:860px){
body{color:var(--ios-text)}
#mainApp .view-title,.ios-client-list h1{font-family:'Euclid Flex',-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:34px;letter-spacing:-.04em;line-height:1.12}
#mainApp .chart-card,#mainApp .cc-tabbed details.modal-section{border:0!important;background:var(--ios-card)!important;border-radius:20px!important;padding:18px!important}
#mainApp .chart-title,#mainApp .cc-section-title{font-size:17px!important;letter-spacing:-.02em;text-transform:none}
#mainApp .cc-fact{background:var(--ios-group);border:0;border-radius:12px}
#mainApp .cc-head{background:var(--ios-bg)!important;border:0;padding:8px 0 20px!important}
#mainApp .cc-head-top{align-items:center;gap:12px}
#mainApp .cc-head-top .cc-client-name{font-size:27px!important;line-height:1.2;font-weight:700;letter-spacing:-.03em}
.ios-case-avatar{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--ios-avatar);color:var(--ios-accent);font:700 23px/1 'Euclid Flex',system-ui;flex:none}
.ios-case-info{margin-top:16px;border-radius:16px;background:var(--ios-card);padding:14px}
.ios-case-info>summary{cursor:pointer;min-height:32px;font-weight:600;color:var(--ios-text)}
.ios-case-info .cc-facts{padding-top:12px}
.ios-bottom{left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));padding:8px 6px;border:1px solid var(--ios-line);border-radius:26px;box-shadow:0 8px 30px #0002;max-width:620px;margin:auto}
.ios-bottom button{border-radius:20px;font-size:11px;gap:5px}.ios-bottom button.is-selected{background:var(--ios-group)}
.ios-client-list{padding-top:20px}.ios-client{border-radius:19px;margin-bottom:9px}.ios-client-face{padding:17px 16px;min-height:88px}.ios-avatar{width:46px;height:46px;flex-basis:46px}.ios-client-copy b{font-size:17px;letter-spacing:-.02em}.ios-client-copy small{font-size:14px;line-height:1.4}
.ios-client-actions button{color:var(--accent-ink)}.ios-client-actions button+button{color:#fff}
.ios-search{border-radius:14px!important;font-family:inherit!important}
.ios-preview-note{font-size:10px;background:var(--ios-group);color:var(--ios-muted);padding:5px 12px}
#mainApp .topbar{border-bottom:0;min-height:48px}.ios-doc-menu{border-radius:50%;background:var(--ios-group);color:var(--ios-muted)}
.ios-sheet{border:1px solid var(--ios-line);box-shadow:0 -10px 60px #0003}.ios-sheet h2{font-size:18px;letter-spacing:-.02em}.ios-sheet button{min-height:58px;font-size:17px}.ios-sheet .ios-sheet-cancel{color:var(--ios-accent)}
}

@media(max-width:860px){body.ios-preview-active{font-family:'Euclid Flex',-apple-system,BlinkMacSystemFont,sans-serif;margin:0}}
@media(max-width:860px){
/* Keep the preview's density consistent with iPhone text and touch sizes. */
body.ios-preview-active,#mainApp,#mainApp button,#mainApp input,#mainApp select,#mainApp textarea,#mainApp h1,#mainApp h2,#mainApp h3,#mainApp b,.ios-client-list{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;line-height:1.35}
#mainApp{font-size:14px}#mainApp .content{padding:12px 12px calc(88px + env(safe-area-inset-bottom))}
#mainApp .view-title,.ios-client-list h1{font-size:26px!important;font-weight:700!important;letter-spacing:-.025em}
#mainApp .topbar{padding:5px 12px;min-height:44px;gap:6px}#mainApp .topbar button{min-width:36px!important;min-height:36px!important;padding:6px!important;border-radius:14px!important}#mainApp .topbar .brand-logo{max-width:95px;max-height:25px}
#mainApp .mini-btn{padding:8px 12px!important;min-height:44px;border-radius:14px!important;font-size:13px!important;line-height:1.2!important}
#mainApp input,#mainApp select,#mainApp textarea{border-radius:14px!important;padding:9px 11px!important;line-height:1.35!important}
#mainApp .chart-card,#mainApp .cc-tabbed details.modal-section{padding:12px!important;border-radius:20px!important;margin-bottom:12px}
#mainApp .chart-title,#mainApp .cc-section-title{font-size:15px!important}
#mainApp .cc-head{padding:4px 0 10px!important}#mainApp .cc-head-top{gap:10px}#mainApp .cc-head-top .cc-client-name{font-size:20px!important;line-height:1.25!important}.ios-case-avatar{width:44px;height:44px;font:600 16px/1 -apple-system,sans-serif}
.ios-case-info{margin-top:10px;padding:10px 12px}.ios-case-info>summary{min-height:32px;font-size:14px}.ios-case-info .cc-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;padding-top:8px}.ios-case-info .cc-fact{padding:8px!important;min-width:0;font-size:12px!important;overflow-wrap:anywhere}.ios-case-info .cc-fact b{font-size:13px!important;font-weight:600!important;line-height:1.35!important}
#mainApp .cc-tabs{margin:10px 0;padding:3px;gap:2px}#mainApp .cc-tabs .mini-btn{padding:8px 10px!important;font-size:12px!important}
.ios-client-list{padding:12px 12px calc(88px + env(safe-area-inset-bottom))}.ios-count{font-size:12px;margin-bottom:12px}.ios-search{min-height:44px;padding:10px 12px!important;margin-bottom:12px!important}.ios-client{margin-bottom:7px;border-radius:20px;background:var(--ios-card)}.ios-client-face{min-height:76px;padding:12px;gap:10px}.ios-avatar{width:38px;height:38px;flex-basis:38px;font-size:14px}.ios-client-copy b{font-size:15px!important;font-weight:600!important;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ios-client-copy small{font-size:12px;margin-top:3px}.ios-client-more{flex-basis:44px;min-height:44px}.ios-client-actions{display:none}
.ios-bottom{padding:5px 6px;border-radius:24px;bottom:calc(5px + env(safe-area-inset-bottom));left:10px;right:10px}.ios-bottom button{min-height:44px;gap:2px}.ios-bottom button svg{width:22px;height:22px}
.ios-preview-note{padding:3px 8px;font-size:9px;line-height:1.25}
#mainApp .tc-head{padding:8px!important;gap:6px!important}#mainApp .tc-tabs .mini-btn{min-height:40px;padding:7px!important}#mainApp .tc-search{min-height:40px!important}#mainApp .tc-row{padding:9px 8px!important;gap:9px!important;border-radius:14px!important;min-height:68px!important}#mainApp .tc-top b{font-size:14px!important;font-weight:600!important}#mainApp .tc-sub,#mainApp .tc-last{font-size:12px!important}#mainApp .tc-sec-h{padding:7px 8px!important;font-size:10px!important}#mainApp .tc-ava{width:34px;height:34px;flex-basis:34px}#mainApp .team-chat{margin:0!important;border-radius:20px!important}
body.ios-chat-open{overflow:hidden}body.ios-chat-open .topbar,body.ios-chat-open .ios-preview-note,body.ios-chat-open .ios-bottom{display:none!important}body.ios-chat-open #mainApp .content{padding:0!important;height:var(--ios-height,100dvh)!important;overflow:hidden}body.ios-chat-open #mainApp .team-chat{height:100%!important;max-height:none!important;border:0!important;border-radius:0!important}body.ios-chat-open .tc-panel,body.ios-chat-open .chat-win{height:100%!important;min-height:0!important}body.ios-chat-open .ch-scroll{flex:1 1 0!important;min-height:0!important;max-height:none!important;padding:8px!important}body.ios-chat-open .ch-top{padding:6px 8px!important;gap:6px!important}body.ios-chat-open .ch-top-mid b{font-size:14px!important}body.ios-chat-open .ch-top-mid small{font-size:10px!important}body.ios-chat-open .ch-top-acts{display:none!important}body.ios-chat-open .ch-parts{margin:0!important;gap:4px!important}body.ios-chat-open .ch-parts .mini-btn{min-height:36px!important;padding:7px!important}body.ios-chat-open .ch-send{padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important}body.ios-chat-open .ch-send textarea{min-height:42px!important;max-height:100px!important}body.ios-chat-open .ch-bar{padding:4px 8px!important}.ios-chat-menu{min-width:44px;min-height:44px;border:0;border-radius:14px;background:var(--ios-group);color:var(--ios-text);font-size:24px;order:2}
.ios-sheet{max-height:78dvh;padding:8px 12px calc(10px + env(safe-area-inset-bottom));overflow:hidden}.ios-sheet[open]{display:flex;flex-direction:column}.ios-sheet-handle{flex:none;margin-bottom:10px}.ios-sheet h2{flex:none;font-size:16px;margin-bottom:12px}.ios-sheet-items{overflow-y:auto;min-height:0;overscroll-behavior:contain}.ios-sheet button{min-height:44px;padding:10px 14px;font-size:15px;flex-shrink:0}.ios-sheet button[hidden]{display:none}.ios-sheet .ios-sheet-cancel{margin-top:8px}.ios-menu-search{flex:none;box-sizing:border-box;min-height:44px;width:100%;margin:0 0 10px;padding:10px 12px;border:0;border-radius:14px;background:var(--ios-group);color:var(--ios-text);font:16px/1.3 -apple-system,sans-serif}
}
@media(max-width:860px){
body.ios-preview-active,#mainApp,#mainApp button,#mainApp input,#mainApp select,#mainApp textarea,#mainApp h1,#mainApp h2,#mainApp h3,#mainApp b,.ios-client-list,.ios-sheet,.ios-menu-search{font-family:'Euclid Flex',-apple-system,BlinkMacSystemFont,sans-serif!important}
body.ios-chat-section .topbar,body.ios-chat-section .ios-preview-note{display:none!important}
body.ios-chat-section #mainApp #content{padding:0 0 calc(68px + env(safe-area-inset-bottom))!important;height:var(--ios-height,100dvh)!important;box-sizing:border-box;overflow:hidden}
body.ios-chat-section #mainApp #content .team-chat{height:100%!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--ios-bg)!important}
#mainApp #content .tc-list{border:0!important;background:var(--ios-bg)!important;border-radius:0!important}
#mainApp #content .tc-head{padding:6px 10px!important;gap:5px!important;background:var(--ios-bg)!important}
#mainApp #content .tc-tabs{padding:0!important;margin:0!important;gap:6px!important;min-height:0!important;background:transparent!important;display:flex!important}
#mainApp #content .tc-tabs .mini-btn{height:44px!important;min-height:44px!important;padding:5px 10px!important;font-size:13px!important;border-radius:12px!important;line-height:1.2!important}
#mainApp #content .tc-search{height:38px!important;min-height:38px!important;padding:7px 10px!important;margin:0!important;border-radius:12px!important;font-size:16px!important}
#mainApp #content .tc-rows{padding:2px 6px!important;gap:0!important;align-content:start!important}
#mainApp #content .tc-row{padding:7px 8px!important;min-height:62px!important;margin:0!important;gap:9px!important}
#mainApp #content .tc-sec-h{padding:6px 8px!important;margin:0!important;font-size:10px!important}
#mainApp #content .tc-top b{font-size:14px!important;line-height:1.25!important}#mainApp #content .tc-sub,#mainApp #content .tc-last{font-size:11px!important;line-height:1.3!important}
body.ios-chat-open #mainApp #content{padding:0!important}
#mainApp #content .ch-top .ch-top-acts{display:none!important}#mainApp #content .ch-top{padding:5px 8px!important;row-gap:3px!important}#mainApp #content .ch-parts{padding:0!important;margin:0!important;gap:4px!important}#mainApp #content .ch-parts .mini-btn{min-height:32px!important;height:32px!important;padding:4px 8px!important;font-size:12px!important}
}
@media(max-width:860px){#mainApp #content .tc-head{display:grid!important;grid-template-columns:minmax(0,1fr);box-sizing:border-box!important}#mainApp #content .tc-tabs .mini-btn,#mainApp #content .tc-search{box-sizing:border-box!important}}
@media(max-width:860px){
/* Preview rules outrank the CRM's dynamically inserted mobile rhythm. */
#mainApp #content{font-size:13px!important;line-height:1.4!important}
#mainApp #content .mini-btn,#mainApp #content .mini-btn.primary,#mainApp #content .mini-btn.quiet{min-height:36px!important;min-width:36px!important;padding:6px 10px!important;font-size:12px!important;line-height:1.25!important;border-radius:12px!important;box-sizing:border-box;vertical-align:middle;text-align:center}
#mainApp #content .view-title{font-size:22px!important;margin-bottom:4px!important}#mainApp #content h2{font-size:16px!important}#mainApp #content h3{font-size:14px!important}
#mainApp #content .chart-card,#mainApp #content details.modal-section{padding:12px!important;margin:0 0 12px!important;border-radius:18px!important}#mainApp #content .modal-grid{gap:10px!important;font-size:13px!important}#mainApp #content .modal-field-label{font-size:11px!important;margin-bottom:4px!important;line-height:1.35!important}
#mainApp #content input:not([type="checkbox"]):not([type="radio"]),#mainApp #content select,#mainApp #content textarea{font-size:16px!important;line-height:1.3!important;padding:8px 10px!important;min-height:38px!important;border-radius:12px!important;box-sizing:border-box;max-width:100%}
#mainApp #content textarea{min-height:64px!important}#mainApp #content .uniform-date-control{min-height:38px!important;border-radius:12px!important;font-size:13px!important}
#mainApp #content .cc-head{margin-bottom:8px!important;padding-bottom:8px!important}#mainApp #content .cc-client-name{font-size:19px!important}#mainApp #content .cc-stages{gap:5px!important;margin:8px 0!important}#mainApp #content .cc-stage{gap:4px 8px!important;font-size:11px!important}#mainApp #content .cc-stage-name{line-height:1.2!important}
#mainApp #content .cc-tabs{margin:8px 0!important;padding:3px!important}#mainApp #content .cc-tabs .mini-btn{font-size:11px!important;min-height:34px!important;padding:5px 8px!important}
#mainApp #content .sched-row{padding:8px!important;gap:4px 8px!important;margin-bottom:6px!important;border-radius:14px!important;font-size:12px!important}#mainApp #content .sched-row .mini-btn{min-height:32px!important;padding:5px 9px!important;font-size:11px!important}#mainApp #content .sched-date,#mainApp #content .sched-status{font-size:11px!important}
#mainApp #content .stat-row{gap:8px!important}#mainApp #content .stat-tile{padding:10px!important;border-radius:16px!important}#mainApp #content .stat-label{font-size:10px!important;margin-bottom:5px!important}#mainApp #content .stat-value{font-size:20px!important}#mainApp #content .note{padding:9px 10px!important;font-size:12px!important;margin-bottom:12px!important;border-radius:14px!important}
#mainApp #content .sd-help-acts,#mainApp #content .sd-actions,#mainApp #content .sw-doc-acts,#mainApp #content .sd-actions-bar{display:flex!important;flex-wrap:wrap!important;gap:5px!important;justify-content:flex-start!important;max-width:100%;box-sizing:border-box}#mainApp #content .sd-help-acts .mini-btn,#mainApp #content .sd-actions .mini-btn,#mainApp #content .sw-doc-acts .mini-btn{width:auto!important;flex:0 1 auto!important;white-space:normal!important}#mainApp #content .sd-actions-bar{position:static!important;padding:8px!important}
body.ios-keyboard-open .ios-bottom{display:none!important}
.ios-client-actions{display:flex!important;width:128px!important}.ios-client-actions button{width:64px!important;font:600 12px/1.2 'Euclid Flex',sans-serif!important;padding:6px!important}.ios-client.is-swiped .ios-face-wrap{transform:translateX(-128px)!important}.ios-client.is-swiped .ios-face-wrap .ios-client-face{transform:none!important}.ios-client-face{min-height:68px!important;padding:10px 12px!important}.ios-client-copy b{font-size:14px!important}.ios-client-copy small{font-size:11px!important}.ios-client-list h1{font-size:24px!important}.ios-client-list{padding-top:10px!important}
#mainApp #content .ch-body{font-size:13px!important;line-height:1.4!important}#mainApp #content .ch-bubble{padding:7px 9px 5px!important;max-width:94%!important;border-radius:15px!important}#mainApp #content .ch-row{gap:5px!important;margin-bottom:7px!important}#mainApp #content .ch-who,#mainApp #content .ch-who b,#mainApp #content .ch-task-head{font-size:10px!important}#mainApp #content .ch-task{padding:6px 8px!important;margin:3px 0!important}#mainApp #content .ch-task-title{font-size:12px!important;line-height:1.35!important}#mainApp #content .ch-task-acts{gap:4px!important;margin-top:5px!important}#mainApp #content .ch-meta{font-size:9px!important}
#mainApp #content .ch-send{padding:5px 7px calc(5px + env(safe-area-inset-bottom))!important;gap:3px!important}#mainApp #content .ch-send-row{gap:5px!important;align-items:center!important}#mainApp #content .ch-send-row textarea{min-height:38px!important;height:38px;max-height:90px!important;padding:8px!important;margin:0!important}#mainApp #content .ch-send-row .mini-btn{width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;flex:0 0 36px!important;border-radius:12px!important;font-size:20px!important}#mainApp #content .ios-upload-empty{display:none!important}#mainApp #content .ios-upload-info{margin:0!important;font-size:10px!important;gap:4px!important}#mainApp #content .ch-file-pick{font-size:12px!important;min-height:30px!important;padding:5px 8px!important}#mainApp #content .ch-top-mid b{font-size:12px!important}#mainApp #content .ch-top-mid small{font-size:9px!important}#mainApp #content .ch-top .ch-ava{width:26px!important;height:26px!important;font-size:10px!important}#mainApp #content .ch-parts .mini-btn{height:28px!important;min-height:28px!important;padding:4px 8px!important;font-size:11px!important}#mainApp #content .ch-top .ch-back,.ios-chat-menu{height:34px!important;min-height:34px!important;min-width:34px!important;padding:4px!important}.ios-chat-menu{font-size:20px!important}
.ios-sheet h2{font:600 15px/1.3 'Euclid Flex',sans-serif!important}.ios-sheet button{font:400 14px/1.3 'Euclid Flex',sans-serif!important;min-height:40px!important;padding:9px 12px!important}.ios-sheet button:focus{outline:none}.ios-sheet button:focus-visible{outline:2px solid var(--ios-accent);outline-offset:-3px}
}
.ios-sheet .ios-sheet-close{position:absolute;right:10px;top:8px;display:grid;place-items:center;width:36px;min-height:36px!important;height:36px;padding:0!important;border:0;border-radius:50%;background:var(--ios-group);font:24px/1 system-ui!important;z-index:1}.ios-sheet h2{padding:0 35px}.ios-sheet-handle{width:42px;height:5px;margin-top:2px;margin-bottom:14px}.ios-sheet{max-height:min(78dvh,calc(var(--ios-height,100dvh) - 16px));border-radius:24px 24px 0 0}.ios-sheet-items{touch-action:pan-y}.ios-sheet .ios-sheet-cancel{min-height:40px!important}.ios-sheet .ios-sheet-close:focus:not(:focus-visible){outline:none}
.ios-sheet[open]{padding-top:18px}.ios-sheet h2{margin:0 0 16px!important}.ios-sheet-items:has(.ios-menu-group){background:transparent;border-radius:0}.ios-menu-group{font:600 11px/1.3 'Euclid Flex',sans-serif;color:var(--ios-muted);margin:16px 4px 6px;text-transform:uppercase;letter-spacing:.04em}.ios-menu-group:first-child{margin-top:0}.ios-menu-group+button{border-radius:14px 14px 0 0}.ios-sheet-items button:has(+.ios-menu-group),.ios-sheet-items button:last-child{border-radius:0 0 14px 14px;border-bottom:0}.ios-menu-group+button:has(+.ios-menu-group),.ios-menu-group+button:last-child{border-radius:14px}.ios-sheet .ios-sheet-items button{font-size:13px!important;min-height:38px!important;padding:9px 12px!important}
@media(max-width:860px){
#mainApp #content .ios-case-info{padding:10px!important;margin-top:6px!important;border-radius:16px!important}
#mainApp #content .ios-case-info>summary{min-height:28px!important;font-size:13px!important}
#mainApp #content .ios-case-info .cc-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding-top:8px!important}
#mainApp #content .ios-case-info .cc-fact{padding:7px 8px!important;gap:3px!important;min-width:0!important;border-radius:12px!important}
#mainApp #content .ios-case-info .cc-fact>span{font-size:10px!important;text-transform:none!important;letter-spacing:0!important}
#mainApp #content .ios-case-info .cc-fact>b{font-size:12px!important;line-height:1.35!important;overflow-wrap:anywhere}
#mainApp #content .ios-case-info .cc-fact:last-child:nth-child(odd){grid-column:1/-1}
#mainApp #content .cc-head{gap:8px!important}#mainApp #content .cc-stages{margin:4px 0!important}#mainApp #content .cc-tabs{margin:6px 0!important}

#mainApp #content:has(.sd-sheet){padding:8px 10px calc(20px + env(safe-area-inset-bottom))!important}
#mainApp #content .cc-flow:has(.sd-sheet),#mainApp #content .cf-stage:has(.sd-sheet){padding:6px 0!important;margin:0!important;border-left:0!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
#mainApp #content .stages-edit.sd-sheet{padding:10px!important;margin:8px 0!important;border:0!important;border-radius:16px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
#mainApp #content .sd-sheet .sd-title-row{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important}#mainApp #content .sd-sheet-title{font-size:14px!important;line-height:1.35!important;flex:1 1 200px!important}
#mainApp #content .sd-tools{display:block!important;overflow:visible!important;margin:8px 0!important;padding:0!important;min-width:0!important;max-width:100%!important}
#mainApp #content .sd-tools-label{display:block!important;font-size:11px!important;margin-bottom:5px!important}
#mainApp #content .sd-tools .modal-controls{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;flex-wrap:wrap!important;width:100%!important;min-width:0!important;margin:0!important}
#mainApp #content .sd-tools .modal-controls .mini-btn{width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important;font-size:11px!important;line-height:1.25!important;padding:7px!important;text-align:center!important;overflow-wrap:anywhere!important}
#mainApp #content .sd-sheet .sd-field{min-width:0!important;max-width:100%!important;margin:10px 0!important;gap:5px!important}
#mainApp #content .sd-sheet .sd-field>span{font-size:12px!important;line-height:1.35!important}
#mainApp #content .sd-sheet .sd-field textarea{width:100%!important;min-height:76px!important;max-height:none!important;overflow-y:hidden!important;resize:none!important;font-size:16px!important;line-height:1.4!important;margin:0!important}
#mainApp #content .sd-sheet .sd-actions-bar{position:static!important;display:flex!important;flex-wrap:wrap!important;margin:12px 0 0!important;padding:8px 0!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;gap:6px!important}
#mainApp #content .sd-sheet .sd-actions-bar>.mini-btn{flex:1 1 110px!important;width:auto!important;min-width:0!important;white-space:normal!important}
}
@media(max-width:860px){
#mainApp #content .ios-editor-hidden{display:none!important}
body.ios-editor-open .ios-preview-note{display:none!important}
body.ios-editor-open #mainApp #content{padding:0 10px calc(16px + env(safe-area-inset-bottom))!important;max-width:100%!important;box-sizing:border-box!important}
body.ios-editor-open #mainApp #content :has(.sd-sheet){min-width:0!important;max-width:100%!important;box-sizing:border-box!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#mainApp #content .stages-edit.sd-sheet{padding:0!important;margin:0!important;background:var(--ios-bg)!important;border-radius:0!important;width:100%!important}
#mainApp #content .sd-sheet .sd-sheet-head{position:static!important;top:auto!important;padding:10px 0!important;margin:0 0 8px!important;border-bottom:1px solid var(--ios-line)!important;background:var(--ios-bg)!important}
#mainApp #content .sd-sheet .sd-title-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;max-width:100%!important}
#mainApp #content .sd-sheet .sd-sheet-title{flex:none!important;font-family:'Euclid Flex',sans-serif!important;font-weight:600!important;font-size:14px!important;line-height:1.35!important;overflow-wrap:anywhere}
#mainApp #content .sd-sheet .sd-head-btns{display:flex!important;flex-wrap:wrap!important;gap:6px!important;max-width:100%!important}
#mainApp #content .sd-sheet [data-line-back]{display:none!important}
#mainApp #content .sd-sheet .sd-field{padding:0!important;margin:14px 0!important;scroll-margin-top:12px}
#mainApp #content .sd-sheet .sd-field>span{font-size:12px!important;font-weight:500!important;line-height:1.4!important}
#mainApp #content .sd-sheet .sd-field textarea{font-family:'Euclid Flex',sans-serif!important;font-weight:400!important;font-size:16px!important;line-height:1.4!important;letter-spacing:0!important;padding:10px!important;background:var(--ios-card)!important;border:1px solid var(--ios-line)!important;border-radius:14px!important}
#mainApp #content .sd-sheet .sd-field textarea::placeholder{font-weight:400!important;opacity:.6!important}
#mainApp #content .sd-sheet .ios-editor-secondary{border:1px solid var(--ios-line)!important;border-radius:12px!important;padding:8px 10px!important;margin:6px 0!important;background:var(--ios-card)!important;font-size:12px!important}
#mainApp #content .sd-sheet .ios-editor-secondary>summary{font-size:12px!important;min-height:24px!important;line-height:24px!important;cursor:pointer}
#mainApp #content .sd-sheet .ios-editor-secondary .sd-versions{font-size:11px!important;margin:8px 0!important;gap:6px!important}
#mainApp #content .sd-sheet .sd-about{font-size:11px!important;padding:5px 0!important;margin:5px 0!important}#mainApp #content .sd-sheet .sd-about>summary{font-size:11px!important}
#mainApp #content .sd-sheet .sd-tools-label{display:none!important}#mainApp #content .sd-sheet .sd-tools{margin:8px 0 0!important}
#mainApp #content .sd-sheet .sd-actions-bar{border-top:1px solid var(--ios-line)!important;margin-top:10px!important;padding-top:10px!important}
}
@media(max-width:860px){
#mainApp #content .sd-sheet .sd-field textarea{font-size:14px!important;line-height:1.45!important;min-height:64px!important;padding:8px 10px!important}
#mainApp #content .sd-sheet .sd-field>span{font-size:11px!important;line-height:1.35!important;font-weight:500!important}
#mainApp #content .sd-sheet .sd-sheet-title{font-size:13px!important;line-height:1.3!important}
#mainApp #content .sd-sheet .sd-field{margin:10px 0!important;gap:4px!important}
#mainApp #content .sd-sheet .sd-field>.ios-field-hint{grid-column:1/-1!important;grid-row:3!important;margin:0!important;padding:0!important;color:var(--ios-muted);font-size:11px!important}
#mainApp #content .sd-sheet .sd-field>.sd-help-acts{grid-row:4!important;margin-top:0!important}
#mainApp #content .sd-sheet .ios-field-hint summary{font-size:11px!important;line-height:28px;min-height:28px;cursor:pointer}
#mainApp #content .sd-sheet .ios-field-hint p{font-size:11px!important;line-height:1.4!important;margin:2px 0 6px!important;white-space:normal;overflow-wrap:anywhere}
#mainApp #content .sd-sheet .sd-field .mini-btn{font-size:11px!important;min-height:30px!important;padding:5px 8px!important}
#mainApp #content .sd-sheet .ios-editor-secondary{padding:6px 9px!important;margin:5px 0!important}
}

}

@media(max-width:860px){
#mainApp #content .qstep,#mainApp #content .role-work-client,#mainApp #content .role-work-stat,#mainApp #content .role-card,#mainApp #content .person-card,#mainApp #content .kcard,#mainApp #content .assignment-client-card,#mainApp #content .role-assignment-card,#mainApp #content .stat-tile{border-radius:20px!important}
#mainApp #content .qstep-items>li,#mainApp #content .role-assignment-instructions{border-radius:16px!important}
#mainApp #content .table-wrap table tbody tr{border-radius:20px!important}
}

@media(max-width:860px){
#mainApp .topbar{padding-top:max(5px,env(safe-area-inset-top,0px))!important}
body.ios-chat-section{overflow:hidden!important;overscroll-behavior:none}body.ios-chat-section #mainApp #content{position:fixed!important;top:calc(var(--ios-top,0px) + env(safe-area-inset-top,0px))!important;left:0;right:0;width:100%;height:calc(var(--ios-height,100dvh) - env(safe-area-inset-top,0px))!important;margin:0!important;overscroll-behavior:none}
.ios-sheet{inset:auto 12px calc(8px + env(safe-area-inset-bottom,0px))!important;width:calc(100% - 24px)!important;max-width:620px!important;max-height:min(75dvh,calc(var(--ios-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px))!important;border-radius:26px!important;padding:14px 12px 10px!important;background:var(--ios-bar)!important;backdrop-filter:blur(22px);box-shadow:0 8px 30px #0002}.ios-sheet h2{padding:0!important;outline:none!important;margin-bottom:12px!important}.ios-sheet .ios-sheet-cancel{border-radius:20px!important;background:var(--ios-group)!important}.ios-sheet-items{border-radius:14px!important}
#mainApp #content .pool-banner{border-radius:20px!important;padding:10px 12px!important;gap:8px!important}#mainApp #content .pool-banner.ios-pool-collapsed{margin-bottom:8px!important;padding:4px 8px!important;background:var(--accent-soft)!important}#mainApp #content .pool-banner.ios-pool-collapsed>:not(.ios-pool-toggle){display:none!important}#mainApp #content .pool-banner .ios-pool-toggle{font-size:11px!important;min-height:32px!important}.pool-banner.ios-pool-collapsed .ios-pool-toggle{width:100%}
#mainApp #content .chart-card,#mainApp #content .qstep{border-radius:24px!important;padding:12px!important}#mainApp #content .qstep-items>li,#mainApp #content .table-wrap table tbody tr{border-radius:12px!important}#mainApp #content .chart-card .table-wrap{border-radius:12px!important}
}

@media(max-width:860px){:root,:root[data-theme]{--ios-bg:var(--bg-app);--ios-card:var(--surface);--ios-group:var(--surface-2);--ios-text:var(--text);--ios-muted:var(--text-secondary);--ios-line:var(--border);--ios-bar:var(--bg-app);--ios-search:var(--surface);--ios-accent:var(--accent-text);--ios-avatar:var(--accent-soft-2);--ios-danger:var(--critical-text)}:root{color-scheme:dark}:root[data-theme="light"]{color-scheme:light}.ios-client-actions button{background:var(--accent);color:var(--accent-ink)!important}.ios-client-actions button+button{background:var(--surface-2);color:var(--text)!important}}

@media(max-width:860px){body.ios-chat-section #mainApp #content{display:flex!important;flex-direction:column!important}body.ios-chat-section #mainApp #content>.pool-banner{flex:0 0 auto}body.ios-chat-section #mainApp #content>.team-chat{flex:1 1 0!important;height:auto!important;min-height:0!important}}

@media(max-width:860px){
#mainApp #content .wait-row,#mainApp #content .cf-stage,#mainApp #content .term-calc,#mainApp #content .term-doc-row{border-radius:20px!important;padding:12px!important;min-width:0;box-sizing:border-box}
#mainApp #content .wait-row{gap:8px!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important}#mainApp #content .wait-text,#mainApp #content .wait-text .muted,#mainApp #content .wait-due{font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere;white-space:normal!important}#mainApp #content .wait-text .work-who,#mainApp #content .wait-text b{font-size:14px!important;line-height:1.35!important}#mainApp #content .wait-row .work-act{justify-content:flex-start!important;gap:6px!important}
#mainApp #content .cf-stage{gap:9px!important}#mainApp #content .cf-num{flex:0 0 24px!important;width:24px!important;height:24px!important;min-height:24px!important;font-size:11px!important;line-height:1!important;align-items:center!important;justify-content:center!important}#mainApp #content .cf-body{gap:6px!important;min-width:0!important}#mainApp #content .cf-body>b{font-size:13px!important;line-height:1.35!important}#mainApp #content .cf-promise,#mainApp #content .cf-next{font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere}#mainApp #content .cf-track{gap:5px!important}#mainApp #content .cf-t{border-radius:12px!important;padding:5px 8px!important;font-size:11px!important;line-height:1.3!important;align-items:center!important;white-space:normal!important;overflow-wrap:anywhere}#mainApp #content .cf-acts{gap:6px!important}#mainApp #content .cf-acts .mini-btn{min-width:0!important;max-width:100%!important;white-space:normal!important;text-align:center!important;line-height:1.3!important;padding:7px 10px!important}
#mainApp #content .modal-hint,#mainApp #content .modal-note-text,#mainApp #content .assignment-field-help{font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere}#mainApp #content .finance-field>span{font-size:11px!important;line-height:1.35!important;text-transform:none!important;letter-spacing:0!important}#mainApp #content .finance-field input:not([type="date"]):not([type="month"]):not([type="checkbox"]):not([type="radio"]),#mainApp #content .finance-field textarea{font-size:14px!important;line-height:1.4!important}
#mainApp #content .term-calc{gap:7px!important;border-radius:14px!important}#mainApp #content .term-calc>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:start!important}#mainApp #content .term-calc span{font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere}#mainApp #content .term-calc b{font-size:13px!important;line-height:1.4!important;white-space:nowrap!important;text-align:right!important}#mainApp #content .uniform-date-control{font-size:13px!important;align-items:center!important}#mainApp #content .uniform-date-value{font-size:13px!important;line-height:1.35!important}
#mainApp #content .ios-select-field{position:relative;display:flex;align-items:center;width:100%;min-width:0;min-height:38px;box-sizing:border-box;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);padding:8px 30px 8px 10px}#mainApp #content .ios-select-field:focus-within{border-color:var(--accent-text)}#mainApp #content .ios-select-value{display:block;min-width:0;font-size:13px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere;text-transform:none!important;letter-spacing:0!important}#mainApp #content .ios-select-field:after{content:"▾";position:absolute;right:10px;pointer-events:none;color:var(--muted);font-size:12px}#mainApp #content .ios-select-field>select{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;opacity:0!important;margin:0!important;font-size:16px!important;cursor:pointer}#mainApp #content .ios-select-field:has(select:disabled){opacity:.55}
}


@media(max-width:860px){
body.ios-preview-active{--mobile-card-radius:24px;--mobile-inner-radius:12px;--mobile-control-radius:12px;--mobile-gutter:12px}
body.ios-preview-active.ios-keyboard-open #mainApp{top:var(--ios-top,0px)!important;height:var(--ios-height,100dvh)!important}
body.ios-preview-active.ios-keyboard-open .ios-sheet{max-height:calc(var(--ios-height,100dvh) - 24px)!important}
#mainApp #content .chart-card,#mainApp #content .stat-tile,#mainApp #content .qstep,#mainApp #content .wait-row,#mainApp #content .role-card,#mainApp #content .role-work-client,#mainApp #content .assignment-client-card,#mainApp #content .role-assignment-card,#mainApp #content .cf-stage,#mainApp #content .team-doc-card,.ios-client{border-radius:var(--mobile-card-radius)!important}
#mainApp #content .chart-card,#mainApp #content .stat-tile,#mainApp #content .qstep,#mainApp #content .wait-row,#mainApp #content .cf-stage{padding:12px!important}
#mainApp #content .chart-card{margin:0 0 12px!important}#mainApp #content .view-title,#mainApp #iosClients h1{font-size:22px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.025em!important;margin:0 0 6px!important}
#mainApp #content .chart-title,#mainApp #content .cc-section-title{font-size:14px!important;line-height:1.35!important;font-weight:600!important;margin-bottom:6px!important}#mainApp #content .view-sub{font-size:12px!important;line-height:1.45!important;margin:0 0 14px!important}
#mainApp #content .stat-label{font-size:10px!important;line-height:1.3!important;margin:0 0 5px!important;letter-spacing:.02em!important}#mainApp #content .stat-value{font-family:"Euclid Flex",sans-serif!important;font-size:18px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.02em!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;text-wrap:balance;font-variant-numeric:tabular-nums}
#mainApp #content .note{border-radius:20px!important;padding:12px!important;font-size:12px!important;line-height:1.45!important}#mainApp #content .note .mini-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:8px 0 0!important}
.ios-client-face{padding:12px!important;gap:10px!important;min-height:68px!important}.ios-client{margin-bottom:8px!important}.ios-client-copy b{font-size:14px!important;font-weight:600!important;line-height:1.35!important}.ios-client-copy small{font-size:11px!important;line-height:1.35!important;margin-top:3px!important}
#mainApp #content .tc-head{padding:6px 12px!important;gap:6px!important}#mainApp #content .tc-rows{padding:4px 8px 8px!important}#mainApp #content .tc-row{border-radius:16px!important;padding:8px!important;gap:10px!important}#mainApp #content .tc-top b{font-size:13px!important;font-weight:600!important;line-height:1.3!important}#mainApp #content .tc-sub,#mainApp #content .tc-last{font-size:11px!important;line-height:1.35!important}
.ios-sheet{border-radius:24px!important;padding:14px 12px 12px!important}.ios-sheet h2{font-size:15px!important;line-height:1.3!important;margin-bottom:12px!important}.ios-menu-group{font-size:10px!important;line-height:1.3!important;margin:14px 8px 6px!important;letter-spacing:.04em}.ios-menu-group:first-child{margin-top:0!important}.ios-sheet .ios-sheet-items button{min-height:38px!important;padding:9px 12px!important;font-size:13px!important;line-height:1.4!important}.ios-sheet .ios-sheet-cancel{border-radius:18px!important;margin-top:10px!important;min-height:40px!important;font-size:13px!important}
body.ios-preview-active>.ios-bottom{box-shadow:0 3px 12px var(--shade-1)!important}body.ios-preview-active>.ios-bottom button{border-radius:18px!important}
}

@media(max-width:860px){body.ios-chat-section:not(.ios-chat-open) #mainApp .tc-rows{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}body.ios-editor-open #mainApp #content,body.ios-chat-open #mainApp #content{padding-bottom:12px!important}}
@media(max-width:860px){
html:has(body.ios-preview-active){background:var(--ios-bg)!important;min-height:100%;overflow-y:auto!important;scroll-padding-bottom:100px}
body.ios-preview-active{height:auto!important;min-height:100svh!important;overflow-y:visible!important;overflow-x:hidden!important;background:var(--ios-bg)!important}
body.ios-preview-active #mainApp{position:static!important;inset:auto!important;height:auto!important;min-height:100svh!important;width:100%!important;max-width:100%!important;display:block!important;padding-top:env(safe-area-inset-top,0px)!important;overflow:visible!important;background:var(--ios-bg)!important}
body.ios-preview-active #mainApp>.topbar{position:static!important;top:auto!important;padding:5px 12px!important;backdrop-filter:none!important}
body.ios-preview-active #mainApp>.app{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;width:100%!important}
body.ios-preview-active #mainApp #content,body.ios-preview-active #mainApp #iosClients{position:static!important;inset:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;margin:0!important;width:100%!important;padding:12px 12px calc(80px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important}
body.ios-preview-active>.ios-bottom{position:fixed!important;top:auto!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;left:10px!important;right:10px!important;transform:none!important;height:56px!important;min-height:56px!important;max-height:56px!important;width:auto!important;max-width:620px!important;margin:0 auto!important;padding:5px 6px!important;box-sizing:border-box!important;box-shadow:0 3px 12px var(--shade-1)!important}
body.ios-preview-active>.ios-bottom button{border-radius:18px!important}
body.ios-chat-section #mainApp #content{display:block!important;padding:8px 0 calc(80px + env(safe-area-inset-bottom,0px))!important}
body.ios-chat-section #mainApp #content>.pool-banner{margin:0 12px 8px!important;max-width:calc(100% - 24px)!important;width:auto!important}
body.ios-chat-section #mainApp .team-chat.show-list{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important}
body.ios-chat-section #mainApp .team-chat.show-list .tc-list,body.ios-chat-section #mainApp .team-chat.show-list .tc-rows{display:block!important;flex:none!important;height:auto!important;max-height:none!important;overflow:visible!important}
body.ios-chat-section #mainApp .tc-head{position:static!important}
body.ios-chat-open{overflow:hidden!important}
body.ios-chat-open #mainApp{position:fixed!important;top:var(--ios-top,0px)!important;left:0!important;right:0!important;height:var(--ios-height,100dvh)!important;min-height:0!important;padding:0!important;overflow:hidden!important}
body.ios-chat-open #mainApp>.app{height:100%!important;overflow:hidden!important}
body.ios-chat-open #mainApp #content{height:100%!important;overflow:hidden!important;padding:0!important}
}

@media(max-width:860px){
/* Anchor to the available viewport; installed apps use the full stable height. */
body.ios-preview-active>.ios-bottom{top:auto!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;isolation:isolate}
body.ios-preview-active>.ios-bottom:before{content:"";position:absolute;z-index:-1;left:6px;top:5px;bottom:5px;width:calc((100% - 12px)/4);border-radius:18px;background:var(--ios-group);transform:translateX(calc(var(--ios-tab,0)*100%));transition:transform 260ms cubic-bezier(.22,.8,.3,1)}
body.ios-preview-active>.ios-bottom button{min-width:0!important;background:transparent!important;transition:color 180ms ease}
#mainApp #content .tc-head{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;padding:6px 12px!important}
#mainApp #content .tc-head .tc-search{order:0;flex:1 1 0!important;width:0!important;min-width:0!important;min-height:36px!important;height:36px!important;margin:0!important;padding:7px 9px!important;border-radius:10px!important;font-size:16px!important}
#mainApp #content .tc-head .tc-tabs{order:1;flex:0 0 auto!important;display:flex!important;gap:2px!important;margin:0!important;padding:2px!important;border-radius:10px!important;background:var(--ios-group)!important}
#mainApp #content .tc-head .tc-tabs .mini-btn{flex:0 0 auto!important;min-height:44px!important;height:44px!important;margin:0!important;padding:5px 7px!important;border:0!important;border-radius:8px!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap!important}
html[data-crm-motion="off"] .ios-bottom:before,html[data-crm-motion="off"] .ios-bottom button{transition:none!important}
}
@media(prefers-reduced-motion:reduce){.ios-bottom:before,.ios-bottom button{transition:none!important}}

@media(max-width:860px){
body.ios-preview-active>.ios-bottom:before{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 65%),var(--ios-group);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.08),0 2px 5px var(--shade-2);transition:transform 420ms cubic-bezier(.2,.95,.28,1.08);transform-origin:center}
body.ios-preview-active>.ios-bottom[data-flow="a"]:before{animation:ios-flow-a 440ms ease-out}
body.ios-preview-active>.ios-bottom[data-flow="b"]:before{animation:ios-flow-b 440ms ease-out}
@keyframes ios-flow-a{0%,100%{scale:1 1}38%{scale:1.12 .94}72%{scale:.98 1.02}}
@keyframes ios-flow-b{0%,100%{scale:1 1}38%{scale:1.12 .94}72%{scale:.98 1.02}}
html[data-crm-motion="off"] .ios-bottom:before{animation:none!important}
}

@media(prefers-reduced-motion:reduce){.ios-bottom:before{animation:none!important}}

@media(max-width:860px){
body.ios-preview-active>.ios-bottom{top:auto!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;background:var(--ios-bar)!important;background:color-mix(in srgb,var(--ios-bar) 72%,transparent)!important;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);box-shadow:none!important;border:1px solid var(--ios-line)!important}
body.ios-preview-active>.ios-bottom:before{background:color-mix(in srgb,var(--ios-group) 65%,transparent);box-shadow:none!important}
.ios-sheet{box-shadow:none!important;background:var(--ios-bar)!important;background:color-mix(in srgb,var(--ios-bar) 82%,transparent)!important;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%)}
}

@media(max-width:860px){
/* Keep the document still: iOS can drift fixed elements during root scrolling. */
html:has(body.ios-preview-active){height:100%!important;overflow:hidden!important;overscroll-behavior:none}
body.ios-preview-active{position:relative!important;height:100%!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:none}
body.ios-preview-active:not(.ios-chat-open) #mainApp{position:absolute!important;inset:0!important;height:100%!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;box-sizing:border-box!important}
body.ios-preview-active>.ios-bottom{position:absolute!important}
}

@media(max-width:860px){
/* The conversation needs a flex height chain; list-page block layout collapses it. */
body.ios-preview-active.ios-chat-open #mainApp{box-sizing:border-box!important;padding:env(safe-area-inset-top,0px) 0 0!important}
body.ios-preview-active.ios-chat-open #mainApp>.app{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important}
body.ios-preview-active.ios-chat-open #mainApp #content{display:flex!important;flex-direction:column!important;flex:1 1 0!important;height:100%!important;min-height:0!important;padding:0!important;overflow:hidden!important}
body.ios-preview-active.ios-chat-open #mainApp #content>.pool-banner{display:none!important}
body.ios-preview-active.ios-chat-open #mainApp #content>.team-chat.show-talk{display:flex!important;flex-direction:column!important;flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:hidden!important}
body.ios-preview-active.ios-chat-open #mainApp .tc-panel,body.ios-preview-active.ios-chat-open #mainApp .tc-panel>.chat-win{display:flex!important;flex-direction:column!important;flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:hidden!important;margin:0!important}
body.ios-preview-active.ios-chat-open #mainApp .ch-scroll{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important}
body.ios-preview-active.ios-chat-open #mainApp .ch-top,body.ios-preview-active.ios-chat-open #mainApp .ch-bar,body.ios-preview-active.ios-chat-open #mainApp .ch-send{flex:0 0 auto!important}
body.ios-preview-active.ios-chat-open.ios-keyboard-open #mainApp #content .ch-send{padding-bottom:5px!important}
}

@media(max-width:860px){
:root{--ios-shell-height:100dvh}
/* Percent height is shorter than the screen in iOS black-translucent standalone mode. */
html:has(body.ios-preview-active),body.ios-preview-active{height:var(--ios-shell-height)!important}
body.ios-preview-active:not(.ios-chat-open) #mainApp{top:env(safe-area-inset-top,0px)!important;height:calc(var(--ios-shell-height) - env(safe-area-inset-top,0px))!important;padding-top:0!important;overscroll-behavior-y:contain!important}
body.ios-preview-active.ios-chat-open #mainApp{position:absolute!important}
body.ios-preview-active.ios-chat-open:not(.ios-keyboard-open) #mainApp{top:0!important;height:100%!important}
body.ios-preview-active .ios-sheet{top:calc(var(--ios-shell-height) - 8px - env(safe-area-inset-bottom,0px))!important;bottom:auto!important;transform:translateY(-100%)!important;max-height:min(75lvh,calc(var(--ios-shell-height) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px))!important}
body.ios-preview-active.ios-keyboard-open .ios-sheet{top:calc(var(--ios-top,0px) + var(--ios-height) - 8px)!important;max-height:calc(var(--ios-height) - 24px)!important}
}
@media(max-width:860px) and (display-mode:standalone){:root{--ios-shell-height:100lvh}}

@media(max-width:860px){
/* iOS standalone may report a layout height larger than its visible viewport. */
body.ios-preview-active>.ios-bottom{top:calc(var(--ios-top,0px) + var(--ios-height,100dvh) - 56px - max(8px,env(safe-area-inset-bottom,0px)))!important;bottom:auto!important}
}

@media(max-width:860px){body.ios-preview-active.ios-editor-open:not(.ios-chat-open) #mainApp #content{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}}

@media(max-width:860px){body.ios-preview-active>nav.ios-bottom{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important}body.ios-preview-active>nav.ios-bottom>button{width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}body.ios-preview-active.ios-keyboard-open>nav.ios-bottom{display:none!important}}

/* Keep deadlines and task controls together; simple actions stay visible. */
.ios-work-footer{display:contents}
@media(max-width:900px){
 #mainApp #content .work-row{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 #mainApp #content .work-row>.work-main{min-width:0;width:100%}
 #mainApp #content .work-row>.ios-work-footer{grid-column:1/-1;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;margin-top:4px;min-width:0}
 #mainApp #content .ios-work-footer>.work-due{text-align:start!important;margin:0!important;white-space:normal!important;font-size:13px;line-height:1.4}
 #mainApp #content .ios-work-footer .work-act{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;align-items:center;gap:8px!important;width:100%;min-width:0;margin:0!important}
 #mainApp #content .ios-work-footer .mini-btn{min-height:44px!important;max-width:100%;white-space:normal;overflow-wrap:anywhere;margin:0!important}
 #mainApp #content .ios-work-footer>.ios-row-actions{width:100%;text-align:start!important}
 #mainApp #content .ios-work-footer>.ios-row-actions>summary{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:12px;cursor:pointer;list-style:none}
 #mainApp #content .ios-work-footer>.ios-row-actions>summary::after{content:'⌄';margin-inline-start:10px}
 #mainApp #content .ios-work-footer>.ios-row-actions[open]>.work-act{margin-top:10px!important}
}