/* Mobile follows the accepted CRM journey, with one readable board column. */
@media(max-width:760px){
 .journey{max-width:520px;margin:0 auto 65px;padding:0 22px 24px}
 .journey .workflow-heading{font-size:25px;padding:16px 22px 25px;line-height:1.25}
 .journey{padding:0 22px 24px}
 .journey .journey-row{padding:28px 0!important}
 .journey .journey-copy{max-width:100%!important}
 .journey .journey-copy h2,.journey .row-3 h2{font-size:26px;line-height:1.25}
 .journey .journey-copy p{font-size:14px;line-height:1.5;margin-top:14px}
 .journey .board-columns{grid-template-columns:1fr;max-width:310px;margin:auto;width:100%}
 .journey .board-columns>.tt-column:nth-child(n+2){display:none}
 .journey .tt-column{padding:8px;border-radius:19px}.journey .tt-column__header{min-height:39px;padding-inline:8px}.journey .tt-column__header h3{font-size:14px}.journey .column-plus{font-size:23px;line-height:1}
 .journey .tt-card{padding:14px;gap:10px;border-radius:13px}.journey .tt-card__title{font-size:14px;line-height:1.4}.journey .tt-card__code{font-size:10px}.journey .tt-tag{font-size:11px;height:auto;padding:3px 8px}.journey .tt-card__time,.journey .tt-card__stat{font-size:11px}.journey .avatar-stack .human-photo{width:24px;height:24px}
 .journey .native-calendar-body{height:300px;grid-template-columns:30px 1fr 1fr}.journey .native-calendar-head{grid-template-columns:30px 1fr 1fr;padding-bottom:16px}.journey .native-day{background:repeating-linear-gradient(to bottom,#e5e5e5 0 1px,transparent 1px 30px,#f1f1f1 30px 31px,transparent 31px 60px)}.journey .hour-labels time{height:60px}.journey .calendar-previous{height:28px}.journey .calendar-prep{top:122px;height:58px}.journey .event-receiver{top:60px;height:60px}.journey .event-receiver .cal-block{height:60px}.journey .calendar-followup{top:182px;height:58px}.journey .cal-block{font-size:10px;padding:5px}.journey .cal-block__title{line-height:1.3}
 .journey .row-3{gap:25px}.journey .row-3 .journey-copy{max-width:100%!important}
 .journey .task-detail-crop{padding:16px 12px;border-radius:22px}.journey .detail-aside{display:none!important}
 .journey .detail-fold{font-size:12px;padding:12px 0}.journey .tt-documents__row{padding:10px 0}.journey .tt-documents__title{font-size:12px}.journey .tt-documents__meta{font-size:10px}.journey .tt-feed__body{font-size:12px;line-height:1.55}.journey .tt-feed__byline strong{font-size:12px}.journey .tt-feed__head h3{font-size:14px}.journey .tt-feed__scroll{min-height:0;padding:16px 8px!important}.journey .tt-feed__comment{grid-template-columns:24px 1fr 13px;gap:7px}.journey .tt-feed__comment>.human-photo{width:24px;height:24px}.journey .tt-composer{min-height:44px;padding:10px}
}
@media(max-width:760px){.journey .journey-copy,.journey .row-3 .journey-copy{width:100%!important}}

@media(max-width:760px){
 .journey .calendar-previous{display:flex;flex-direction:row;align-items:center;padding:5px;gap:0}
 .journey .calendar-previous .cal-block__title{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;margin:0}
 .journey .calendar-previous .cal-block__time{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(max-width:760px){
 .journey .journey-row .journey-copy h2{font-family:Unbounded,Arial,sans-serif;font-size:26px;font-weight:300;line-height:1.25;letter-spacing:-.06em}
 .journey .journey-row .journey-copy p{font-family:Onest,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#85897f;margin-top:14px}
}

@media(max-width:760px){
 .journey .journey-copy{max-width:100%!important}.journey .journey-stage{display:flex;flex-direction:column;gap:28px}.journey .task-detail-crop{display:block}.journey .tt-feed__scroll{height:auto!important;max-height:none!important}.journey .crm-deal-card{padding:14px}.journey .crm-deal-card__title{font-size:14px}.journey .crm-deal-card__meta{font-size:12px}.journey .crm-deal-card__amount{font-size:20px}.journey .journey-copy h2,.journey .chat-story-heading h2{font:300 26px/1.25 Unbounded,Arial,sans-serif;letter-spacing:-.06em}.journey .journey-copy p,.journey .chat-story-heading p{font:400 14px/1.5 Onest,Arial,sans-serif;color:#85897f}.pricing-section .price-copy{order:-1}
}
.crm-pan-window,.crm-pan-control,.crm-mobile-tabs{display:none}
@media(max-width:760px){
 #knowledge.has-mobile-panorama{padding:60px 0 32px!important;overflow:clip!important}
 .has-mobile-panorama .showcase-composition{transform:none!important;width:100%!important}
 .has-mobile-panorama .showcase-panels{min-height:0!important;height:auto!important;margin:0 22px 28px}
 .has-mobile-panorama .showcase-panel{display:block;min-height:0!important;padding:0!important;animation:none!important}
 .has-mobile-panorama .showcase-panel[hidden]{display:none!important}
 .has-mobile-panorama .showcase-panel> :not(.crm-mobile-heading){display:none!important}
 .has-mobile-panorama .crm-mobile-heading{display:block!important;width:100%;max-width:none;min-height:0;margin:0;text-align:left}
 .has-mobile-panorama .crm-mobile-heading h2{font:300 26px/1.25 Unbounded,Arial,sans-serif;letter-spacing:-.06em}
 .has-mobile-panorama .crm-mobile-heading p{font:400 14px/1.5 Onest,Arial,sans-serif;color:#85897f;margin:14px 0 0}
 .has-mobile-panorama .showcase-nav{display:none!important}
 .crm-mobile-tabs{display:flex;overflow-x:auto;gap:8px;padding:5px 22px 20px;margin-bottom:20px;scrollbar-width:none}
 .crm-mobile-tabs button{white-space:nowrap;flex:none;padding:12px 16px;border:1px solid #e3e5e3;border-radius:28px;background:linear-gradient(130deg,#fff,#f5f6f5);box-shadow:inset 1px 1px 2px #fff,0 4px 12px #1018100b;font:400 13px Onest}
 .crm-mobile-tabs button[aria-selected=true]{background:linear-gradient(125deg,#a4fa7d,#73f639 45%,#62e82d);border-color:#c4ffab;box-shadow:inset 1px 2px 3px #fff9,0 0 15px #73f63955;color:#101510}
 .crm-pan-window{display:block;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;touch-action:pan-x pan-y}
 .crm-pan-canvas{position:relative;flex:none}.crm-pan-canvas iframe{display:block;position:absolute;inset:0;border:0;width:1120px;transform-origin:top left;background:#fff;pointer-events:none}
 .crm-pan-control{display:block;width:148px;margin:22px auto 12px;padding:6px 10px;transition:width .2s,padding .2s,box-shadow .2s;border:1px solid transparent;border-radius:25px}
 .crm-pan-control:focus-within,.crm-pan-control:active{width:180px;padding:10px 14px;background:linear-gradient(130deg,#fff9,#f4f6f480);border-color:#e0e4e0;box-shadow:inset 1px 1px 2px #fff,0 5px 16px #15251517;backdrop-filter:blur(14px)}
 .crm-pan-control input{appearance:none;display:block;width:100%;height:4px;border:0;padding:0;margin:0;border-radius:5px;background:linear-gradient(to right,#191d18 0 var(--pan-position,0%),#e5e7e4 var(--pan-position,0%) 100%);cursor:var(--ds-cursor-grab,grab)}
 .crm-pan-control input::-webkit-slider-thumb{appearance:none;width:25px;height:9px;background:#191d18;border-radius:8px}.crm-pan-control input::-moz-range-thumb{width:25px;height:9px;background:#191d18;border:0;border-radius:8px}
}
@media(max-width:760px){
 #knowledge.has-mobile-panorama{display:block!important;min-height:0!important}
 #knowledge.has-mobile-panorama .showcase-composition{padding:0!important;margin:0!important;zoom:1!important}
 #knowledge.has-mobile-panorama .showcase-arrow{display:none!important}
 #knowledge.has-mobile-panorama .showcase-panels>.showcase-panel[hidden]{display:none!important}
 #knowledge.has-mobile-panorama .showcase-panels{display:block!important}
 #knowledge.has-mobile-panorama+.stack-rest{height:90svh!important}
}

.crm-planning-heading{display:none}
@media(max-width:760px){
 #knowledge.has-mobile-panorama .crm-mobile-heading{filter:none!important;opacity:1!important;transform:none!important}
 .crm-pan-subtabs{display:flex;gap:6px;margin-top:20px}.crm-pan-subtabs button{font:400 12px Onest;padding:9px 12px;border:1px solid #ddd;border-radius:20px;background:#fff}.crm-pan-subtabs button[aria-selected=true]{border-color:#73f639;background:#73f6392b;box-shadow:0 0 12px #73f63933}
}

/* The visible deal column must contain the source of the journey. */
@media(max-width:760px){
 .journey .row-0 .board-columns>.tt-column:first-child{display:none}
 .journey .row-0 .board-columns>.tt-column:nth-child(2){display:flex;flex-direction:column}
}

@media(max-width:760px){.journey .row-0 .column-head{flex-wrap:nowrap;gap:5px}.journey .row-0 .column-head h3{font-size:12px;min-width:0}.journey .row-0 .column-total{width:auto;margin-left:auto;flex:none;font-size:11px;white-space:nowrap}.journey .row-0 .tt-column__count{flex:none}}