/* Shared record surfaces: notifications, previews, Kanban and mobile actions. */
[v-cloak]{display:none!important}
/* Empty side-panel cards include their existing 15px margins in the available width. */
html body .side-4 .ibox-selection {
 width:calc(100% - 30px);
 max-width:calc(100% - 30px);
 min-width:0;
 box-sizing:border-box;
}
/* Related sections keep dropdown overflow, but their footer follows the ibox corners. */
html body .side-4 .ibox > .ibox-content:last-child,
html body .side-4 .ibox > .ibox-content > .ibox-content-footer:last-child {
 border-bottom-left-radius:inherit;
 border-bottom-right-radius:inherit;
}
#notices .popup-body>span,#notices .popup-body>small{display:block!important;width:100%!important;float:none!important;margin:0!important}
#notices .popup-body{min-width:0!important}
.onecup-notice-enter-active,.onecup-notice-leave-active{transition:transform .2s ease,opacity .2s ease!important}
.onecup-notice-enter,.onecup-notice-leave-to{transform:translateY(-110%)!important;opacity:0}
html body .feed-element .media-body .feed-intro a,html body .feed-element .media-body .feed-intro .feed-type,html body .feed-element .media-body .feed-intro .feed-date{margin-left:0!important;margin-right:0!important}
html body .feed-element .media-body .feed-intro{word-spacing:normal!important;width:100%!important;max-width:100%!important}
html body .side-option .side-option-header{display:flex!important;align-items:center!important;position:relative!important;gap:12px!important;flex-wrap:nowrap!important;min-height:42px!important}
html body .side-option .side-option-header>div{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:calc(100% - 44px)!important;padding:5px 0!important}
html body .side-option .side-option-header p,html body .side-option .side-option-header p a{font:inherit!important;font-size:16px!important;font-weight:500!important;color:#1c1a54!important;text-decoration:none!important;border:0!important;box-shadow:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;padding:0!important;width:100%!important;display:block!important}
html body .side-option .side-option-header>.close{position:static!important;flex:0 0 32px!important;width:32px!important;height:32px!important;margin:0!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-radius:50%!important;background:#eef1f5!important;color:#56616d!important;opacity:1!important;padding:0!important}
html body .onecup-preview-feed-panel,html body .onecup-preview-feed-list{background:#fff!important}
html body #notifications-footer,html body #invitations-footer{background:#f4f6fa!important;text-align:center!important}
html body #notifications-footer>a,html body #invitations-footer>a{display:block!important;padding:15px!important;color:#1a73e8!important;font-weight:500!important;text-align:center!important}
html body .onecup-compact-card,html body .onecup-task-card{position:relative!important;display:block!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;padding:12px!important;border:1px solid #e0e4e8!important;border-radius:6px!important;background:#fff!important;box-shadow:0 1px 2px rgba(24,35,52,.08)!important}
html body .onecup-alphabet-cell>.onecup-compact-card{min-height:0!important;height:auto!important}
html body .onecup-compact-card .menu-actions,html body .onecup-task-card .onecup-task-options{position:absolute!important;top:8px!important;right:8px!important;margin:0!important;float:none!important;width:auto!important}
html body .onecup-compact-card .opportunity-kanban__title,html body .onecup-task-card .website-header>a{display:block!important;font-size:12px!important;font-weight:700!important;padding-right:32px!important;overflow-wrap:anywhere!important}
html body .onecup-task-card .website-header,html body .onecup-task-card .website-body{padding:0!important;margin:0!important;width:100%!important;min-height:0!important;border:0!important}
html body .onecup-card-secondary,html body .onecup-task-assignee{margin:8px 0!important;font-size:12px!important;line-height:1.4!important}
html body .onecup-card-types{display:flex;flex-wrap:nowrap;gap:4px;margin:0 32px 8px 0;min-width:0;overflow:hidden;align-items:center}
html body .onecup-card-types>span{background:#e4e5e7;border-radius:20px;padding:3px 8px;font-size:10px;color:#50545b;flex:0 1 auto;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .onecup-card-types>span.onecup-card-types__more{flex:0 0 auto}
html body .onecup-task-due{font-size:14px!important;font-weight:700!important;margin:8px 0!important}
html body .onecup-task-due.is-overdue{color:#ea384d!important}
html body .onecup-task-due.is-current{color:#008a13!important}
html body .onecup-task-card .onecup-task-drag{right:40px!important}
html body .onecup-mobile-quick-actions__menu>.onecup-sheet-header{background:#fff!important}
@media(max-width:1199px){
 html body #notices .popup-wrapper,html body #remindersPopUp{position:fixed!important;top:var(--onecup-top-bound,55px)!important;left:15px!important;right:15px!important;bottom:auto!important;width:calc(100% - 30px)!important;max-height:calc(100dvh - 135px)!important;overflow-y:auto!important;padding:0!important;margin:0!important;z-index:10010!important}
 html body #notices .popup,html body #remindersPopUp .popup{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:0 0 15px 15px!important;margin:0!important}
 html body .modal .modal-content{border-radius:15px 15px 0 0!important;overflow:hidden!important}
 html body .modal:not(.onecup-field-options-sheet){top:var(--onecup-top-bound,55px)!important;bottom:calc(var(--onecup-mobile-nav-height,64px) + var(--onecup-mobile-safe-bottom,0px))!important;height:auto!important;padding:0!important;overflow:hidden!important}
 html body .modal:not(.onecup-field-options-sheet)>.modal-dialog{position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;transform:translateY(100%)!important;transition:transform .2s ease!important}
 html body .modal.in>.modal-dialog,html body .modal.show>.modal-dialog{transform:translateY(0)!important}
 html body .modal>.modal-dialog>.modal-content{display:flex!important;flex-direction:column!important;max-height:calc(100dvh - var(--onecup-top-bound,55px) - var(--onecup-mobile-nav-height,64px) - var(--onecup-mobile-safe-bottom,0px))!important}
 html body .modal .modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}
 html body .modal .modal-header,html body .modal .modal-footer{flex-shrink:0!important}
 html body .side-option .side-option-body,html body .side-option .onecup-preview-body-inner,html body #side-option-notifications .website,html body #side-option-notifications .website-body{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important}
 html body .side-option .feed-element{display:block!important;width:100%!important;box-sizing:border-box!important}
 html body .side-option .feed-element>.pull-left{float:none!important;display:block!important;margin:0 0 6px!important}
 html body .side-option .feed-element>.media-body{width:100%!important;margin-left:0!important}
 html body .onecup-fab,html body main .side-0 .btn-wrapper>.btn-group>.onecup-module-create{border-radius:50%!important;width:56px!important;height:56px!important;min-width:56px!important;aspect-ratio:1!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
 html body .onecup-fab>svg,html body .onecup-fab>i{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:18px!important;height:18px!important}
 html body .onecup-fab[aria-expanded=true]>svg{transform:translate(-50%,-50%) rotate(45deg)!important}
 html body .notifications-bar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important}
 html body .notifications-bar .notification-text{flex:1 1 auto!important;min-width:0!important;width:auto!important}
 html body .notifications-bar .notification-text p{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
 html body .notifications-bar .notification-action{flex:0 0 auto!important;width:auto!important;margin:0!important;white-space:nowrap!important}
 html body .onecup-status-desktop{display:none!important}
}
@media(prefers-reduced-motion:reduce){.onecup-notice-enter-active,.onecup-notice-leave-active{transition:none!important}}
.onecup-view-plus{display:none}
@media(max-width:1199px){
 html body .onecup-desktop-record-action{display:none!important}
 html body .onecup-record-actions>i,html body .onecup-record-actions>svg:not(.onecup-view-plus){display:none!important}
 html body .onecup-record-actions>.onecup-view-plus{display:block!important}
 html body .onecup-record-actions{font-size:0!important}
}
@media(max-width:1199px){
 html body #invitations>.popup-wrapper{position:fixed!important;top:var(--onecup-top-bound,55px)!important;left:15px!important;right:15px!important;bottom:auto!important;width:calc(100% - 30px)!important;margin:0!important;padding:0!important;max-height:calc(100dvh - 135px)!important;overflow-y:auto!important;z-index:10010!important}
 html body #invitations .popup{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0 0 15px 15px!important}
 html body #invitations .popup-body>small,html body #invitations .popup-body>span{display:block!important;width:100%!important;float:none!important}
}
html body .onecup-entity-preview .side-option-body{background:#fff!important}
html body .onecup-task-card .onecup-task-due{font-size:14px!important;font-weight:700!important}
html body .onecup-task-card .onecup-task-due.is-overdue{color:#ea384d!important}
html body .onecup-task-card .onecup-task-due.is-current{color:#008a13!important}
@media(max-width:1199px){
 html body #notices .popup-wrapper,html body #invitations>.popup-wrapper,html body #remindersPopUp{transform:none!important}
 html body main .btn-wrapper>.btn-group>a.onecup-fab.onecup-module-create{border-radius:50%!important}
}
html body .onecup-task-card .onecup-task-assignee,html body .onecup-task-card .onecup-task-assignee a{font-size:12px!important}
html body .onecup-communication-row>a{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:12px 15px!important}
html body .onecup-communication-row strong{overflow-wrap:anywhere}
html body .onecup-communication-row small{color:#89909b!important}
html body .onecup-communication-footer{background:#f4f6fa!important;text-align:center!important}
html body .onecup-communication-footer>a{display:block!important;color:#1a73e8!important;padding:15px!important}

html body #notices>.popup-wrapper{right:15px;transform:none!important}
/* R65 — one visual contract for previews and compact record cards. */
html body .onecup-entity-preview :is(.task-wrapper,.onecup-preview-body-inner,.onecup-preview-panel,.onecup-preview-feed-list,.onecup-preview-information-panel,.onecup-preview-information-frame){background:#fff!important}
html body .onecup-entity-preview .side-option-header>div>p,
html body .onecup-entity-preview .side-option-header>div>p *{border-bottom:0!important;text-decoration:none!important;box-shadow:none!important;background-image:none!important}
html body .onecup-entity-preview .side-option-header>div>p::before,
html body .onecup-entity-preview .side-option-header>div>p::after,
html body .onecup-entity-preview .side-option-header>div>p a::after{display:none!important}
html body .onecup-preview-feed-panel{overflow:visible!important}
html body .onecup-preview-feed-panel>.onecup-preview-composer{position:sticky!important;top:0!important;z-index:10!important;background:#fff!important;flex-shrink:0}
html body .onecup-task-card.onecup-kanban-record .onecup-task-mobile-move.task-actions>button.btn-select.btn-blue,
html body .opportunity-kanban__card .opportunity-kanban__mobile-stage.task-actions>button.btn-select.btn-blue{background:#1a73e8!important;background-image:none!important;color:#fff!important;border:1px solid #1a73e8!important;border-radius:3px!important}
/* Product actions retain the standard neutral link color, including sheet focus. */
html body .onecup-product-menu.dropdown-menu>li>a,
html body .onecup-product-menu.dropdown-menu>li>a:is(:hover,:focus,:active){color:#4b4f56!important}
html body .onecup-kanban-record .onecup-record-options,
html body .opportunity-kanban__card .opportunity-kanban__actions .btn-circle,
html body .onecup-product-footer .opportunity-kanban__actions .btn-circle,
html body .onecup-project-timeline__actions .btn-circle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:25px!important;height:25px!important;border:1px solid #1a73e8!important;background:#fff!important;color:#1a73e8!important;border-radius:50%!important;padding:0!important}
html body .onecup-kanban-record .onecup-record-options:hover,
html body .opportunity-kanban__card .opportunity-kanban__actions .btn-circle:hover,
html body .onecup-product-footer .opportunity-kanban__actions .btn-circle:hover,
html body .onecup-project-timeline__actions .btn-circle:hover{background:#e0eeff!important;color:#1a73e8!important}
@media(max-width:1199px){
 html body #notices .popup,html body #invitations .popup,html body #remindersPopUp .popup{padding-top:15px!important;padding-bottom:15px!important}
 html body .onecup-mobile-dropdown-sheet .onecup-mobile-dropdown-sheet__surface{transition:transform 220ms cubic-bezier(.2,.8,.2,1),opacity 220ms ease!important}
 html body .onecup-mobile-dropdown-sheet.is-closing .onecup-mobile-dropdown-sheet__surface{opacity:1!important;transform:translateY(calc(100% + 20px))!important;pointer-events:none!important}
 html body .onecup-task-card.onecup-kanban-record .website-header>a,
 html body .onecup-compact-card .opportunity-kanban__title,
 html body .opportunity-kanban__card .opportunity-kanban__title{font-size:15px!important;line-height:1.4!important}
 html body .onecup-task-card.onecup-kanban-record .onecup-task-assignee,
 html body .onecup-task-card.onecup-kanban-record .onecup-task-assignee a,
 html body .onecup-compact-card .onecup-card-secondary,
 html body .onecup-compact-card .onecup-card-secondary a,
 html body .opportunity-kanban__card .opportunity-kanban__assigned,
 html body .opportunity-kanban__card .opportunity-kanban__assigned :is(a,span){font-size:14px!important;line-height:1.4!important}
 html body .onecup-task-card.onecup-kanban-record .onecup-task-due{font-size:12px!important;line-height:1.4!important}
 html body .onecup-task-card.onecup-kanban-record,html body .onecup-compact-card,html body .opportunity-kanban__card{display:flex!important;flex-direction:column!important;gap:10px!important}
 html body .onecup-task-card.onecup-kanban-record .website-body,html body .opportunity-kanban__card .opportunity-kanban__details{display:flex!important;flex-direction:column!important;gap:10px!important}
 html body .onecup-task-card.onecup-kanban-record :is(.website-header,.website-body,.onecup-task-assignee,.onecup-task-due,.onecup-task-mobile-move),
 html body .onecup-compact-card :is(.onecup-card-types,.onecup-card-secondary),
 html body .opportunity-kanban__card :is(.opportunity-kanban__details,.opportunity-kanban__quality,.opportunity-kanban__mobile-stage){margin-top:0!important;margin-bottom:0!important}
 html body main .onecup-desktop-record-action.onecup-record-primary-action{display:none!important}
}
html body .onecup-compact-card.website .menu-actions .btn-wrapper .btn-group>.btn-circle.dropdown-toggle.onecup-record-options{width:25px!important;height:25px!important;border:1px solid #1a73e8!important;border-radius:50%!important;background:#fff!important;color:#1a73e8!important}
html body .onecup-compact-card.website .menu-actions .btn-wrapper .btn-group>.btn-circle.dropdown-toggle.onecup-record-options:hover{background:#e0eeff!important;color:#1a73e8!important}

/* Shared mobile FAB contract. Native Vue controls and desktop styling remain intact. */
.onecup-standard-fab-icon{display:none!important}
.onecup-mobile-record-action{display:none}
@media(max-width:1199px){
 .onecup-mobile-record-action:not([hidden]){display:block}
 html body .onecup-module-create,html body .onecup-mobile-feed-fab,html body .onecup-fab{
  box-sizing:border-box!important;aspect-ratio:1!important;width:56px!important;height:56px!important;
  min-width:56px!important;max-width:56px!important;min-height:56px!important;max-height:56px!important;
  border-radius:50%!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:#1a73e8!important;color:#fff!important;border:0!important;
  box-shadow:0 6px 16px rgba(24,26,85,.28)!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
 }
 html body .onecup-module-create:hover,html body .onecup-mobile-feed-fab:hover,html body .onecup-fab:hover{
  background:linear-gradient(to right,#0389ff,#1c79c0)!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,26,85,.3)!important;
 }
 html body .onecup-module-create:active,html body .onecup-mobile-feed-fab:active,html body .onecup-fab:active{transform:scale(.96)}
 html body .onecup-module-create>.onecup-standard-fab-icon,html body .onecup-fab>.onecup-standard-fab-icon{
  display:block!important;position:absolute!important;top:50%!important;left:50%!important;
  width:24px!important;height:24px!important;margin:0!important;transform:translate(-50%,-50%)!important;
 }
 html body .onecup-module-create>svg.onecup-standard-fab-icon.lucide.lucide-plus,html body .onecup-fab>svg.onecup-standard-fab-icon.lucide.lucide-plus{
  width:16px!important;height:16px!important;stroke-width:3!important;
 }
 html body .onecup-module-create>i,html body .onecup-module-create>svg:not(.onecup-standard-fab-icon){display:none!important}
 html body .onecup-module-create[aria-expanded="true"]>.onecup-standard-fab-icon{transform:translate(-50%,-50%) rotate(45deg)!important}
 html body .onecup-desktop-record-action.onecup-record-primary-action{display:none!important}
}

/* Home: fluid tablet columns; the legacy 20/50/30 split wrapped at these widths. */
@media (min-width:769px) and (max-width:1199px){
 #home main>.tabs-container{display:grid!important;grid-template-columns:minmax(180px,25%) minmax(0,1fr);column-gap:15px;width:100%!important;max-width:none!important;align-items:start;}
 #home main>.tabs-container>.side-0,#home main>.tabs-container>.side-6,#home main>.tabs-container>.side-4{grid-column:1 / -1;width:100%!important;max-width:none!important;min-width:0!important;}
 #home main>.tabs-container>.side-1{grid-column:1;width:100%!important;min-width:0!important;max-width:none!important;}
 #home main>.tabs-container>.side-2{grid-column:2;width:100%!important;min-width:0!important;max-width:none!important;padding:0!important;}
 #home main>.tabs-container>.side-2>.tab-content{width:100%!important;min-width:0!important;max-width:none!important;}
}

@media(min-width:769px) and (max-width:1199px){
 #home .onecup-home-primary-actions section:last-child nav{display:none!important;}
 #home .onecup-mobile-feed-fab{display:inline-flex!important;}
}

@media(min-width:769px) and (max-width:1199px){
 html body .footer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;}
 html body .footer .footer-wrapper,html body .footer .footer-wrapper .footer-options{width:100%!important;max-width:none!important;flex:1 1 100%!important;padding:0!important;}
 html body .footer .footer-wrapper>nav,html body .footer .footer-wrapper>.footer-links{display:none!important;}
 html body .footer .onecup-mobile-nav{width:100%!important;}
}

@media(min-width:769px) and (max-width:1199px){
 html body .footer .footer-options>a.hidden-xs{display:none!important;}
 html body .footer .footer-options>.onecup-mobile-nav{flex:0 0 100%!important;min-width:100%!important;max-width:none!important;}
}

/* Mobile previews and modals cover bottom navigation; mail retains its own bounds. */
@media(max-width:1199px){
 :root{--onecup-sheet-available:calc(100dvh - var(--onecup-top-bound,55px) - var(--onecup-mobile-nav-height,64px) - var(--onecup-mobile-safe-bottom,0px));--onecup-sheet-limit:calc(var(--onecup-sheet-available) * .95);--onecup-sheet-start:calc(var(--onecup-top-bound,55px) + var(--onecup-sheet-available) * .05);}
 html body #taskstatuschange:not(:has(.modal-content.ok)),html body:has(#calendar) #nuevoevento:not(:has(.modal-content.ok)),html body .modal[class]{
  --onecup-sheet-available:var(--onecup-modal-available,calc(100dvh - var(--onecup-top-bound,55px)));
  --onecup-sheet-limit:calc(var(--onecup-sheet-available) * .95);
  top:var(--onecup-modal-top,calc(var(--onecup-top-bound,55px) + var(--onecup-sheet-available) * .05))!important;
  bottom:auto!important;height:var(--onecup-sheet-limit)!important;
 }
 html body .modal[class]>.modal-dialog>.modal-content{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px)!important;}
 html body #taskstatuschange .modal-content,html body:has(#calendar) #nuevoevento .modal-content,html body .modal[class]>.modal-dialog,html body .modal[class]>.modal-dialog>.modal-content{max-height:var(--onecup-sheet-limit)!important;}
 /* All preview surfaces occupy the visible space below the top navigation. */
 html body .side-option{
  top:var(--onecup-preview-mobile-top,var(--onecup-top-bound,55px))!important;
  bottom:var(--onecup-preview-mobile-bottom,0px)!important;
  height:auto!important;max-height:none!important;
  z-index:10000!important;
  box-sizing:border-box;padding-top:0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;
 }
 /* Legacy drawers use the same mobile breakpoint as bottom navigation. */
 html body .side-option:not(.onecup-entity-preview){left:auto!important;right:-100%!important;width:100%!important;max-width:none!important;}
 html body .side-option:not(.onecup-entity-preview).active{transform:translateX(-100%)!important;}
 html body #newemail:has(#collapseEmail.in),html body #newemail:has(#collapseEmail.collapsing){top:var(--onecup-sheet-start)!important;max-height:var(--onecup-sheet-limit)!important;}
 html body #newemail>.panel{max-height:var(--onecup-sheet-limit)!important;border-radius:15px 15px 0 0!important;}
 html body .onecup-module-create{font-size:0!important;}
 html body .onecup-module-create>.onecup-create-label,html body .onecup-module-create>.onecup-toolbar-label,html body .onecup-module-create>.caret{display:none!important;}
 html body #home .onecup-home-primary-actions{display:none!important;}
}

@media(max-width:1199px){html body .modal[class]>.modal-dialog{height:var(--onecup-sheet-limit)!important;bottom:0!important;}html body .modal[class]>.modal-dialog>.modal-content{height:100%!important;}}

@media(max-width:1199px){html body #home [data-onecup-widget-container][data-widget-scope="home"]{display:none!important;}}

/* Comfortable line spacing in feed composition, including record previews. */
html body textarea[data-onecup-publication-text],html body .feed-menu-fields textarea,html body .onecup-preview-composer textarea{line-height:1.6!important;}
html body textarea[data-onecup-publication-text]::placeholder,html body .feed-menu-fields textarea::placeholder,html body .onecup-preview-composer textarea::placeholder{line-height:inherit!important;}

/* Mobile/tablet feed: avatar beside the summary; timestamp below it. */
@media(max-width:1199px){
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element:has(>.media-body .onecup-feed-summary){display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;column-gap:10px!important;align-items:start!important;}
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element>.media-left{grid-column:1!important;grid-row:1!important;width:36px!important;min-width:36px!important;padding:0!important;margin:2px 0 0!important;float:none!important;display:block!important;}
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element>.media-left>a{margin:0!important;float:none!important;display:block!important;}
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element>.media-left img{width:36px!important;height:36px!important;max-width:36px!important;object-fit:cover;}
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element:has(>.media-body .onecup-feed-summary)>.media-body{display:contents!important;}
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element>.media-body>.onecup-feed-summary{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;margin:0 0 10px!important;}
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element>.media-body>:not(.onecup-feed-summary){grid-column:1 / -1!important;min-width:0!important;}
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element .feed-intro .feed-date{display:block!important;width:100%!important;float:none!important;clear:both!important;margin:4px 0 0!important;}
}

html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element .status{margin-top:10px!important;margin-bottom:10px!important;}

@media(max-width:1199px){
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element>.media-left{position:static!important;inset:auto!important;align-self:start!important;margin:0!important;}
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element>.media-left img{display:block!important;}
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element:has(>.media-body .onecup-feed-summary){column-gap:12px!important;}
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element .status{height:auto!important;min-height:0!important;align-self:start!important;}
}

/* One spacing rule for feed resource blocks, outside avatars and comments. */
html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element>.media-body>:is(.status,.video,figure,.attachements){margin-top:0!important;margin-bottom:10px!important;height:auto!important;align-self:start!important;}
html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element>.media-body>figure img{display:block;}

/* Responsive summary feeds use display:contents; their grid needs its own spacing. */
@media(max-width:1199px){
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element:has(>.media-body .onecup-feed-summary)>.media-body>:is(.status,.video,figure,.attachements){margin-top:10px!important;}
 html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element:has(>.media-body .onecup-feed-summary)>.media-body>.onecup-feed-summary+:is(.status,.video,figure,.attachements){margin-top:0!important;}
}

/* The action row owns separation from every preceding post content type. */
html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element>.media-body>.feed-options{margin-top:10px!important;}
html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element>.media-body>:has(+.feed-options){margin-bottom:0!important;}

/* Keep status titles to a single, bounded line in every feed. */
html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element .status{border-radius:15px!important;}
html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element .status>.status-desc{min-width:0!important;flex:1 1 0%!important;}
html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element .status>.status-desc>a{display:block!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

/* Place the record title below its status labels with a clear gap. */
html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element .status>.status-desc:has(>span){display:flex!important;flex-wrap:wrap!important;}
html body :is(#home,#feedView,#side-option-notifications,.onecup-entity-preview) .feed-element .status>.status-desc:has(>span)>a{flex-basis:100%!important;margin-top:6px!important;}

/* Record previews use a white feed at every viewport width. */
html body .side-option.onecup-entity-preview .feed-wrapper{background:#FFFFFF!important;}

/* Mobile/tablet record previews keep consistent post padding. */
@media(max-width:1199px){
 html body .side-option.onecup-entity-preview .feed-wrapper .feed-element{padding:15px 0 10px 0!important;}
}

/* Every notification bar keeps its message left and its actions right. */
html body .notifications-bar:has(>.notification-text){display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;height:auto!important;min-height:30px;}
html body .notifications-bar:has(>.notification-text)>.notification-text{flex:1 1 0%!important;min-width:0!important;width:auto!important;}
html body .notifications-bar:has(>.notification-text)>.notification-text>p{width:100%!important;min-width:0!important;margin:0!important;padding-right:0!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body .notifications-bar:has(>.notification-text)>.notification-action{display:flex!important;flex:0 0 auto!important;justify-content:flex-end!important;align-items:center!important;width:auto!important;margin:0 0 0 auto!important;white-space:nowrap!important;}
html body .notifications-bar:has(>.notification-text)>.notification-action>.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;margin:0!important;padding:5px 7px!important;border:0!important;border-radius:0!important;font-size:11px!important;line-height:20px!important;text-transform:uppercase!important;white-space:nowrap!important;background:transparent!important;color:inherit!important;opacity:1!important;}
html body .notifications-bar:has(>.notification-text)>.notification-action>.btn:hover,html body .notifications-bar:has(>.notification-text)>.notification-action>.btn:focus-visible{background:rgba(255,255,255,.1)!important;}
html body .notifications-bar:has(>.notification-text) .onecup-status-desktop::after{content:none!important;}

/* Hidden alerts must stay hidden despite the notification-bar flex layout. */
html body .notifications-bar[hidden],
html body .notifications-bar[style*="display:none"],
html body .notifications-bar[style*="display: none"]{display:none!important;}

/* Shared view/list/edit headings shrink beside the back button. */
html body main .side-0>section:has(>h1){min-width:0!important;max-width:100%;overflow:hidden!important;}
html body main .side-0>section>h1{display:block!important;flex:1 1 0%!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body main .side-0>section:has(>h1)>a.btn{flex-shrink:0!important;}

/* R84: compact screens use the mobile record layout at every intermediate width. */
html body #content main.wrapper-content{max-width:none!important;width:100%!important;box-sizing:border-box;}
html body #content main.wrapper-content>.tabs-container{max-width:none!important;width:100%!important;min-width:0!important;}
html body .side-1 .profile:not(:has(.profile-pic,.product-pic))>.profile-desc{margin-top:0!important;}
html body #opportunity-view .side-1 .profile .opportunity-content>.opportunity-status{width:fit-content!important;max-width:100%;flex:0 1 auto!important;flex-direction:column;}
html body .contacto-ficha>div{min-width:0;}
html body .contacto-ficha>div :is(p,span:not(.onecup-member-actions),a:not(.close):not(.btn):not(.btn-circle)){display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html body .contacto-ficha>img{flex-shrink:0;}
/* Preserve intentional record links while disabling styling of Safari data detectors. */
html body :is(h1,h2,h3,h4,h5,h6) a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;pointer-events:none;}
@media(max-width:1199px){
 html body #content main.wrapper-content{padding-left:0!important;padding-right:0!important;}
 html body.onecup-read-view main>.tabs-container,html body #home main>.tabs-container{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:0!important;}
 html body.onecup-read-view main>.tabs-container>:is(.side-1,.side-2,.side-4),html body #home main>.tabs-container>:is(.side-1,.side-2,.side-4){width:100%!important;max-width:none!important;min-width:0!important;flex:0 0 100%!important;position:relative!important;top:auto!important;padding-left:0!important;padding-right:0!important;}
 html body.onecup-read-view main>.tabs-container>.side-1{order:2;}
 html body.onecup-read-view main>.tabs-container>.side-2{order:4;}
 html body.onecup-read-view main>.tabs-container>.side-4{order:5;}
 html body .side-1 .profile{justify-content:center;}
 html body .side-1 .profile .profile-pic{width:100%;display:flex;justify-content:center;}
 html body .side-1 ul.nav-tabs{flex-direction:row;flex-wrap:nowrap;}
 html body .side-1 ul.nav-tabs>li{width:100%;text-align:center;}
 html body .side-1 .profile:has(>.contacto-ficha),html body .side-1 .profile :has(>.contacto-ficha){display:flex;flex-wrap:wrap;gap:15px;align-items:flex-start;}
 html body .side-1 .profile :has(>.contacto-ficha)>:not(.contacto-ficha):not(.opportunity-status){width:100%;flex-basis:100%;}
 html body .side-1 .profile .contacto-ficha{width:calc((100% - 15px)/2)!important;flex:0 0 calc((100% - 15px)/2)!important;min-width:0!important;max-width:calc((100% - 15px)/2)!important;margin:0!important;box-sizing:border-box;}
}
/* Let the shared sheet body fill the available height instead of stopping at the legacy 350px cap. */
@media(max-width:1199px){html body .modal[class]>.modal-dialog>.modal-content>.modal-body{max-height:none!important;}}

@media(max-width:1199px){
 html body #home main>.tabs-container>.hidden-xs{display:none!important;}
 html body .navbar.navbar-static-top{padding-left:calc(15px + env(safe-area-inset-left,0px))!important;padding-right:calc(15px + env(safe-area-inset-right,0px))!important;box-sizing:border-box;}
}

/* Mobile/tablet typography shared by buttons and feed status cards. */
@media(max-width:1199px){
 /* Icon-only controls keep their hidden labels and independent icon sizes. */
 html body .btn:not(:where(.btn-circle,.onecup-fab,.onecup-module-create,.onecup-record-actions,.onecup-record-primary-action,.onecup-cancel-action)),
 html body .onecup-mobile-feed-composer__body .feed-menu-btn .btn-blue,
 html body .notifications-bar:has(>.notification-text)>.notification-action>.btn{font-size:12px!important;}
 html body .onecup-preview-tabs .btn-select{font-size:11px!important;}
 html body .feed-element .status .status-desc>span{font-size:10px!important;}
 html body .feed-element .status .status-desc>a{font-size:14px!important;}
}

/* Visible toolbar edges are shared by every list, including conditional actions. */
html body main .side-0>section:last-child nav .onecup-list-toolbar{gap:0!important;}
html body main .side-0>section:last-child nav .onecup-list-toolbar>.btn-group[data-onecup-toolbar-edge]:not([data-onecup-toolbar-edge=""])>.btn{
 border:1px solid #1a73e8!important;border-right-width:0!important;border-radius:0!important;margin:0!important;
}
html body main .side-0>section:last-child nav .onecup-list-toolbar>.btn-group[data-onecup-toolbar-edge="first"]>.btn{border-left:1px solid #1a73e8!important;border-radius:4px 0 0 4px!important;}
html body main .side-0>section:last-child nav .onecup-list-toolbar>.btn-group[data-onecup-toolbar-edge="last"]>.btn{border-right:1px solid #1a73e8!important;border-radius:0 4px 4px 0!important;}
html body main .side-0>section:last-child nav .onecup-list-toolbar>.btn-group[data-onecup-toolbar-edge="single"]>.btn{border:1px solid #1a73e8!important;border-radius:4px!important;}
html body main .side-0>section:last-child nav .onecup-list-toolbar>.btn-group[data-onecup-toolbar-edge="middle"]>.btn,
html body main .side-0>section:last-child nav .onecup-list-toolbar>.btn-group[data-onecup-toolbar-edge="last"]>.btn{border-left:1px solid #1a73e8!important;}
#users .onecup-kanban-record .opportunity-kanban__title,#users .onecup-kanban-record .onecup-card-secondary{min-width:0;max-width:100%;white-space:nowrap!important;text-overflow:ellipsis;overflow:hidden;}
.onecup-email-html-frame{display:block;width:100%;height:65dvh;min-height:320px;border:0;background:#fff;color-scheme:light;}

/* Sidebar typography for mobile/tablet; link hover is shared at every width. */
@media(max-width:1199px){
 html body .navside ul li a{font-size:16px!important;padding-top:15px!important;padding-bottom:15px!important;}
 html body .navside ul li a .nav-label{font-size:inherit!important;}
 html body .navside h3{font-size:14px!important;}
 html body .navside > ul > .navside-header li h1{font-size:16px!important;}
 html body .navside > ul > .navside-header li h2{font-size:14px!important;}
 html body .navside > ul > .navside-header li p{font-size:12px!important;}
 html body .navside .navside-footer{background-color:#282b6c!important;}
}
html body .navside li a:hover{background-color:#1a73e8!important;}

/* Contact details in both quick opportunity modals. */
#nuevaoportunidad .onecup-opportunity-contact-fields,
#meta-quick-create .onecup-opportunity-contact-fields {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 15px;
    width: 100%;
    min-width: 0;
}
#nuevaoportunidad .onecup-opportunity-contact-fields > .form-group,
#meta-quick-create .onecup-opportunity-contact-fields > .form-group {
    width: 100% !important;
    min-width: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
@media (max-width: 767px) {
    #nuevaoportunidad .onecup-opportunity-contact-fields,
    #meta-quick-create .onecup-opportunity-contact-fields {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Information uses the same outer spacing and native ibox skin as other preview content. */
html body .onecup-entity-preview .onecup-preview-information-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Authentication buttons use the same readable type size on mobile and tablet. */
@media (max-width:1199px) {
 html body.login .login-wrapper .btn,
 html body.login .login-wrapper .btn span {
  font-size:16px!important;
 }
}

/* Match the desktop menu-to-logo gap on mobile and tablet. */
@media (max-width:1199px) {
 html body .navbar.navbar-static-top .onecup-menu-lab__toggle-section {
  flex:0 0 auto!important;
 }
 html body .navbar.navbar-static-top .onecup-menu-lab__logo-section {
  min-width:0;
  margin-right:0;
  padding-right:0;
 }
 html body .navbar.navbar-static-top .onecup-menu-lab__logo-section,
 html body .navbar.navbar-static-top .onecup-menu-lab__logo-section > a {
  min-width:0;
  justify-content:flex-start;
 }
 html body .navbar.navbar-static-top .onecup-menu-lab__logo-section > a {
  max-width:100%;
 }
 html body .navbar.navbar-static-top .onecup-menu-lab__logo-section > a > img {
  width:auto!important;
  max-width:100%;
 }
}
/* Shared Kanban title contract: two lines, then ellipsis; full text stays accessible. */
html body .opportunity-kanban__card .opportunity-kanban__title,
html body .onecup-task-card .website-header > a,
html body #users .onecup-kanban-record .opportunity-kanban__title {
 display:-webkit-box!important;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2;
 line-clamp:2;
 min-width:0;
 min-height:0!important;
 height:auto!important;
 max-height:2.8em;
 line-height:1.4!important;
 white-space:normal!important;
 overflow:hidden!important;
 text-overflow:ellipsis;
 overflow-wrap:anywhere;
 word-break:normal;
}

/* Mobile utility buttons need room for their icon and equal side padding. */
@media (max-width:767px) {
 html body .navbar.navbar-static-top .onecup-menu-lab__utility-item > a {
  width:auto!important;
  padding-left:15px!important;
  padding-right:15px!important;
 }
 html body .navbar.navbar-static-top .onecup-menu-lab__utility-item > a > small:empty {
  margin-left:0;
 }
}


/* List toolbars share the available width on phones and tablets. */
@media(max-width:1199px){
 html body main .side-0>section:last-child nav .onecup-list-toolbar-fluid{
  width:100%!important;max-width:none!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:0!important;
 }
 html body main .side-0>section:last-child nav .onecup-list-toolbar-fluid>.btn-group{
  flex:0 0 0!important;width:0!important;min-width:0!important;margin:0!important;
 }
 html body main .side-0>section:last-child nav .onecup-list-toolbar-fluid>.btn-group.onecup-toolbar-inline-group{
  display:flex;flex:var(--onecup-toolbar-share,1) 1 calc(40px * var(--onecup-toolbar-share,1))!important;min-width:calc(40px * var(--onecup-toolbar-share,1))!important;
 }
 html body main .side-0>section:last-child nav .onecup-list-toolbar-fluid>.btn-group>.btn:not(.onecup-module-create){
  flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important;
 }
}

/* Communication records share the task/opportunity sidebar card structure. */
html body .onecup-communication-card .task-header{height:auto;min-height:60px}
html body .onecup-communication-card .task-step{min-width:0;padding-right:30px}
html body .onecup-communication-card .task-step-1{flex:0 0 25px}
html body .onecup-communication-card .task-step-2{flex:1 1 auto;min-width:0;width:auto}
html body .onecup-communication-card .task-step-2 p{overflow-wrap:anywhere}
html body .onecup-communication-card .task-step-2 p>a>strong{width:100%}
html body .onecup-communication-card .dropdown-menu>li>a{display:flex;align-items:center;gap:5px}
html body .onecup-preview-communications-list{gap:0}

/* View edit action: joined desktop button, first native entry in the mobile sheet. */
html body .onecup-view-edit-menu{display:none!important;}
html body .onecup-view-actions .onecup-view-edit-button,
html body .onecup-view-edit-menu>a{display:inline-flex;align-items:center;gap:5px;}
html body .onecup-view-actions .onecup-view-edit-button>:is(i,svg),
html body .onecup-view-edit-menu>a>:is(i,svg){margin:0!important;flex-shrink:0;}
@media(min-width:1200px){
 html body main .side-0 nav .onecup-view-actions{display:flex;gap:0!important;}
 html body main .side-0 nav .onecup-view-actions>.btn-group{margin:0!important;}
 html body main .side-0 nav .onecup-view-actions .onecup-view-edit-button{display:inline-flex!important;background:#1a73e8;color:#fff;}
}
@media(max-width:1199px){
 html body main .side-0 nav .onecup-view-actions>.onecup-view-edit-group{display:none!important;}
 html body .onecup-view-edit-menu{display:block!important;}
 html body .onecup-view-edit-menu>a{display:flex;width:100%;}
 html body .onecup-view-actions .onecup-record-actions>.onecup-standard-fab-icon{display:block!important;}
 html body .onecup-view-actions .onecup-record-actions[aria-expanded="true"]>.onecup-standard-fab-icon{transform:translate(-50%,-50%)!important;}
}

/* Edit pages: compact profiles and continuous mobile sections; desktop tabs remain functional. */
html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-1 .profile-desc,
html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-1 .ibox{margin-bottom:0!important;}
html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-1 .onecup-single-information-tab{display:none!important;}
@media(max-width:1199px){
 html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-1 .ibox{border-radius:0!important;}
 html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-1 .onecup-edit-tabs,
 html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-1 .onecup-edit-tabs-box,
 html.onecup-record-edit-page body main.onecup-edit-layout .onecup-edit-tabs-only-sidebar{display:none!important;}
 html.onecup-record-edit-page body main.onecup-edit-layout .onecup-edit-tab-content>.tab-pane{display:none!important;}
 html.onecup-record-edit-page body main.onecup-edit-layout .onecup-edit-tab-content>.onecup-edit-panel-available{display:block!important;opacity:1!important;visibility:visible!important;}
 html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-0>section.onecup-edit-cancel-only,
 html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-0>section.onecup-edit-cancel-only>nav,
 html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-0>section.onecup-edit-cancel-only>nav>.btn-wrapper,
 html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-0>section.onecup-edit-cancel-only>nav>.btn-wrapper>.btn-group{display:contents!important;}
 html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-0>section.onecup-edit-cancel-only>nav>.btn-wrapper>.btn-group>.onecup-cancel-action{display:none!important;}
}

/* R192: the native edit action is joined to Cancel on desktop and becomes
   the single mobile FAB. Preserve Vue visibility and permission conditions. */
@media(min-width:1200px){
 html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-0>section:last-child nav>.btn-wrapper{display:flex!important;flex-wrap:nowrap!important;gap:0!important;align-items:stretch!important;}
 html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-0>section:last-child nav>.btn-wrapper>.btn-group{width:auto!important;flex:0 0 auto!important;margin:0!important;}
 html.onecup-record-edit-page body main.onecup-edit-layout>.tabs-container>.side-0>section:last-child nav>.btn-wrapper>.btn-group>.btn{position:relative!important;inset:auto!important;width:auto!important;min-width:0!important;height:30px!important;padding:5px 10px!important;margin:0!important;font-size:10px!important;white-space:nowrap;}
 html.onecup-record-edit-page body main .side-0 .onecup-edit-save{background:#1a73e8!important;color:#fff!important;box-shadow:none!important;}
 html.onecup-record-edit-page body main .side-0 .onecup-edit-save>.onecup-create-label{display:inline!important;}
}
/* Conditional native actions must never be resurrected by FAB rules. */
html.onecup-record-edit-page body main .side-0 .onecup-edit-save[hidden],
html.onecup-record-edit-page body main .side-0 .onecup-edit-save[style*="display: none"]{display:none!important;}

/* Native iOS date values otherwise center themselves in event/task dialogs. */
@media(max-width:1199px) {
 html body .modal input:is([type="date"],[type="time"],[type="datetime-local"]) {text-align:left!important;text-align-last:left!important;min-width:0;}
 html body .modal input:is([type="date"],[type="time"],[type="datetime-local"])::-webkit-date-and-time-value {text-align:left!important;margin:0;}
 html body .modal input:is([type="date"],[type="time"],[type="datetime-local"])::-webkit-datetime-edit {text-align:left!important;padding:0;display:inline-flex;}
}

/* R201: success confirmations are compact sheets, not full-height forms. */
@media(max-width:1199px) {
 html body .modal:has(>.modal-dialog>.modal-content.ok)>.modal-dialog {
  height:calc(var(--onecup-sheet-available) * .25)!important;
  min-height:0!important;
  max-height:calc(var(--onecup-sheet-available) * .25)!important;
 }
 html body .modal:has(>.modal-dialog>.modal-content.ok)>.modal-dialog>.modal-content.ok {
  width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;
 }
 html body .modal>.modal-dialog>.modal-content.ok>.modal-body {
  display:flex!important;flex:1 1 0!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;justify-content:safe center!important;
  width:100%!important;height:auto!important;min-height:0!important;
  padding:10px 35px!important;text-align:center!important;box-sizing:border-box;
 }
 html body .modal>.modal-dialog>.modal-content.ok>.modal-body>div {
  display:flex!important;flex:0 0 auto!important;flex-direction:column!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:center!important;gap:10px;
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  padding:0!important;margin:0!important;overflow:visible!important;text-align:center!important;
 }
 html body .modal>.modal-dialog>.modal-content.ok>.modal-body :is(img,svg,i) {
  width:25px!important;height:25px!important;max-width:25px!important;max-height:25px!important;
  flex:0 0 25px!important;margin:0!important;object-fit:contain;font-size:25px!important;
 }
 html body .modal>.modal-dialog>.modal-content.ok>.modal-body :is(p,span) {
  font-size:14px!important;line-height:1.4!important;text-align:center!important;margin:0!important;
 }
 html body .modal>.modal-dialog>.modal-content.ok>.modal-footer {
  flex:0 0 45px!important;min-height:45px!important;height:45px!important;
  padding:0 15px 15px!important;justify-content:center!important;
 }
 html body .modal>.modal-dialog>.modal-content.ok>.modal-footer :is(.btn-wrapper,.btn-group) {
  justify-content:center!important;margin:0!important;
 }
}

/* Shared mobile/tablet header spacing, including edit pages. */
@media(max-width:1199px){html body main .side-0{margin-bottom:0!important;}}

/* Kanban continuation stays below the cards, inside its owning column. */
html body .onecup-alphabet-content>.onecup-kanban-continuation,
html body .opportunity-kanban__progress{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;box-sizing:border-box;text-align:center;clear:both;}
html body .onecup-alphabet-content>.onecup-kanban-continuation{padding:15px;margin:0;}
html body .onecup-alphabet-content>.onecup-kanban-continuation>.btn,
html body .opportunity-kanban__progress>.btn{align-self:center;flex:0 0 auto;float:none;margin:0;}
html body .opportunity-kanban__progress.onecup-task-pages{flex-direction:row;flex-wrap:wrap;}

/* Compact contextual notices share one presentation in pages, previews and modals. */
html body :is(.calendar-move-editor-note,.notifications-bar.onecup-context-bar,.notifications-bar.onecup-context-bar--full,.onecup-inbox-reply-notice){
 border-radius:3px!important;
 font-size:10px!important;
}
/* Notification bars meet the edges of the shared mobile layout in every module. */
@media(max-width:1199px){
 html body .notifications-bar,
 html body .notifications-bar.onecup-context-bar,
 html body .notifications-bar.onecup-context-bar--full{
  border-radius:0!important;
 }
}
html body :is(.calendar-move-editor-note,.notifications-bar.onecup-context-bar,.notifications-bar.onecup-context-bar--full,.onecup-inbox-reply-notice) :is(.notification-text,p,span,strong,small,a):not(.dropdown-menu *){
 font-size:10px!important;
}
html body :is(#meta-product,#onecup-conversations-host) .onecup-inbox-thread{
 padding:15px!important;
}

/* R260: compact feedback sheets extend to the screen edge, over mobile navigation. */
@media(max-width:1199px) {
 html body .modal:is(:has(>.modal-dialog>.modal-content.ok), :is([id*="delete"],[id^="eliminar"]):has(>.modal-dialog>.modal-content>.modal-header>.danger):not(:has(.modal-body :is(input,select,textarea)))) {
  --onecup-feedback-height:min(calc(100dvh - var(--onecup-top-bound,55px)), calc(max(180px, calc(var(--onecup-sheet-available) * .25)) + env(safe-area-inset-bottom,0px)));
  top:var(--onecup-top-bound,55px)!important;bottom:0!important;height:auto!important;
  z-index:30000!important;
 }
 html body .modal:is(:has(>.modal-dialog>.modal-content.ok), :is([id*="delete"],[id^="eliminar"]):has(>.modal-dialog>.modal-content>.modal-header>.danger):not(:has(.modal-body :is(input,select,textarea))))>.modal-dialog {
  height:var(--onecup-feedback-height)!important;
  max-height:100%!important;min-height:0!important;bottom:0!important;
 }
 html body .modal:is(:has(>.modal-dialog>.modal-content.ok), :is([id*="delete"],[id^="eliminar"]):has(>.modal-dialog>.modal-content>.modal-header>.danger):not(:has(.modal-body :is(input,select,textarea))))>.modal-dialog>.modal-content {
  height:100%!important;max-height:100%!important;min-height:0!important;
  padding-bottom:env(safe-area-inset-bottom,0px)!important;box-sizing:border-box!important;
 }
 html body .modal:is(:has(>.modal-dialog>.modal-content.ok), :is([id*="delete"],[id^="eliminar"]):has(>.modal-dialog>.modal-content>.modal-header>.danger):not(:has(.modal-body :is(input,select,textarea))))>.modal-dialog>.modal-content>.modal-header {
  padding:15px 45px 10px 15px!important;min-height:0!important;
 }
 html body .modal:is(:has(>.modal-dialog>.modal-content.ok), :is([id*="delete"],[id^="eliminar"]):has(>.modal-dialog>.modal-content>.modal-header>.danger):not(:has(.modal-body :is(input,select,textarea))))>.modal-dialog>.modal-content>.modal-header>.danger {
  padding:0!important;min-height:0!important;
 }
 html body .modal:is(:has(>.modal-dialog>.modal-content.ok), :is([id*="delete"],[id^="eliminar"]):has(>.modal-dialog>.modal-content>.modal-header>.danger):not(:has(.modal-body :is(input,select,textarea))))>.modal-dialog>.modal-content>.modal-header>.danger>p {
  padding:0!important;margin:0!important;line-height:1.4!important;
 }
 html body .modal:is(:has(>.modal-dialog>.modal-content.ok), :is([id*="delete"],[id^="eliminar"]):has(>.modal-dialog>.modal-content>.modal-header>.danger):not(:has(.modal-body :is(input,select,textarea))))>.modal-dialog>.modal-content:not(.ok)>.modal-body {
  padding:10px 15px!important;
 }
 html body .modal:is(:has(>.modal-dialog>.modal-content.ok), :is([id*="delete"],[id^="eliminar"]):has(>.modal-dialog>.modal-content>.modal-header>.danger):not(:has(.modal-body :is(input,select,textarea))))>.modal-dialog>.modal-content:not(.ok)>.modal-body :is(div,p) {
  height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;flex:0 0 auto!important;
 }
 html body .modal:is(:has(>.modal-dialog>.modal-content.ok), :is([id*="delete"],[id^="eliminar"]):has(>.modal-dialog>.modal-content>.modal-header>.danger):not(:has(.modal-body :is(input,select,textarea))))>.modal-dialog>.modal-content>.modal-footer {
  flex:0 0 45px!important;min-height:45px!important;height:45px!important;
  padding:0 15px 15px!important;
 }
}

/* Navigation remains above non-modal previews and dropdown sheets. */
html body:is(.onecup-preview-open,.onecup-mobile-dropdown-sheet-open,.onecup-email-compose-open):not(.modal-open) .navbar.navbar-static-top,
html body:is(.onecup-preview-open,.onecup-mobile-dropdown-sheet-open,.onecup-email-compose-open):not(.modal-open) .footer {
 z-index:10020!important;
}

/* The preview and its backdrop cover mobile navigation, including its touch targets. */
@media(max-width:1199px){
 /* Legacy previews do not set onecup-preview-open: include their active state. */
 html body:is(.onecup-preview-open,:has(.side-option.active)):not(.modal-open) .footer{z-index:9998!important;}
 html body:has(.side-option.active):not(.modal-open) .navbar.navbar-static-top{z-index:10020!important;}
}

/* R266: keep preview pagination adjacent to its last post and above navigation. */
html body .onecup-entity-preview .onecup-preview-feed-list{gap:0!important;}
html body .onecup-entity-preview .onecup-preview-native-feed{margin-bottom:0!important;}
html body .onecup-entity-preview .onecup-preview-native-feed .feed-elements>.feed-element:last-child{margin-bottom:0!important;}
html body .onecup-entity-preview .feed-more.onecup-preview-more{margin:15px 0 0!important;padding:0!important;flex-shrink:0;}
html body .onecup-entity-preview .onecup-preview-body-inner{flex:0 0 auto;min-height:0;height:auto;padding:15px 15px 15px 0px!important;}
@media(max-width:1199px){
 html body .onecup-entity-preview .onecup-preview-body-inner{padding:15px 0!important;}
}
@media(min-width:1200px){
 html body .side-option.onecup-entity-preview:has(.onecup-preview-feed-panel){padding-bottom:50px!important;}
}
/* Shared quick-create/edit footer: cancel, secondary actions, submit.
   Keep handlers and Vue conditions on their original elements. */
html body .modal-footer.onecup-modal-actions {
 display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
 align-items:center;column-gap:15px;row-gap:5px;
 width:100%;height:auto;min-height:70px;padding:15px;
}
html body .modal-footer.onecup-modal-actions .btn-wrapper,
html body .modal-footer.onecup-modal-actions .onecup-modal-actions__row {display:contents;}
html body .modal-footer.onecup-modal-actions .btn-group:not(.onecup-modal-actions__row) {
 display:flex;flex-wrap:wrap;align-items:center;gap:5px;
 grid-row:2;width:auto;max-width:100%;min-width:0;margin:0;padding:0;
}
html body .modal-footer.onecup-modal-actions .onecup-modal-actions__cancel {
 grid-column:1;justify-self:start;justify-content:flex-start;
}
html body .modal-footer.onecup-modal-actions .onecup-modal-actions__secondary {
 grid-column:2;justify-self:center;justify-content:center;
}
html body .modal-footer.onecup-modal-actions .onecup-modal-actions__primary {
 grid-column:3;justify-self:end;justify-content:flex-end;
}
html body .modal-footer.onecup-modal-actions .btn-group:not(:has(a,button)) {display:none;}
html body .modal-footer.onecup-modal-actions > [role="alert"] {
 grid-column:1/-1;grid-row:1;width:100%;min-width:0;margin:0;
}
html body .modal-footer.onecup-modal-actions .btn {
 max-width:100%;min-width:0;margin:0;white-space:normal;height:auto;min-height:30px;
}
@media(max-width:600px) {
 html body .modal-footer.onecup-modal-actions {grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);column-gap:5px;align-items:stretch;}
 html body .modal-footer.onecup-modal-actions .btn-group:not(.onecup-modal-actions__row) {align-items:stretch;}
 html body .modal-footer.onecup-modal-actions .btn {display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:11px;line-height:1.25;padding:6px;min-height:40px;text-align:center;float:none;}
 html body .modal-footer.onecup-modal-actions .btn :is(svg,i) {flex:0 0 12px;width:12px;height:12px;font-size:12px;margin:0;}
}

/* Shared section rows: tasks, opportunities, projects and other record sections.
   Keep text rows adjacent; icon spacing and spacing between cards are separate. */
html body :is(.task-step-2,.opportunity-step-2) {
 display:flex!important;
 flex-direction:column!important;
 flex-wrap:nowrap!important;
 gap:0!important;
}
html body :is(.task-step-2,.opportunity-step-2) :is(p,small,a) {
 margin:0!important;
}

/* R379: task section sorting uses the shared dropdown, separate from Create. */
html body .onecup-side-tasks-menu .onecup-side-tasks-actions{display:flex!important;gap:7px!important;flex-wrap:nowrap!important;align-items:center}
html body .onecup-side-tasks-menu .onecup-side-tasks-actions>.btn-wrapper{margin:0!important;flex:none!important;width:auto!important;min-width:0!important}
html body .onecup-side-tasks-order>.btn-select{border-radius:3px!important;cursor:pointer}
html body .onecup-side-tasks-order .dropdown-menu{max-height: min(420px,60vh);overflow-y:auto}

/* Shared section ordering: explicit chevron and bounded floating menu. */
html body .onecup-section-order-chevron{display:inline-block!important;width:10px!important;height:10px!important;flex:none;vertical-align:middle;margin-left:5px;fill:none!important;stroke:currentColor}
html body .onecup-section-order-menu{max-height:min(420px,calc(100vh - 32px));overflow-y:auto}

/* Shared section mini-menu: independent ordering control, 7px from other actions. */
html body .menu.task-menu .menu-actions.onecup-section-actions{display:flex!important;gap:7px!important;flex-wrap:nowrap!important;align-items:center}
html body .menu.task-menu .onecup-section-actions>.btn-wrapper{margin:0!important;flex:none!important;width:auto!important;min-width:0!important}
html body .onecup-section-order>.btn-select{cursor:pointer}

/* Audiences and work groups share the same Kanban title treatment. */
html body .onecup-groups-kanban-view .opportunity-kanban__title {text-transform:uppercase!important;}

html body .onecup-group-filter-field {width:100%;min-width:0;}
html body .onecup-group-filter-control {position:relative;width:100%;min-width:0;}
html body .onecup-group-filter-control>.contacto-xs-wrapper {width:100%;min-height:40px;border-bottom:1px solid #e5e5e5;padding:5px 0;box-sizing:border-box;}
html body .onecup-group-filter-control>div.select2 {left:0;right:0;max-width:100%;}
html body .onecup-group-filter-loading {display:flex;flex-direction:column;gap:8px;padding:15px;}
html body .onecup-group-filter-loading .onecup-skeleton {display:block;width:85%;height:10px;min-height:10px;border-radius:6px;}
html body .onecup-group-filter-loading .onecup-skeleton:last-of-type {width:60%;}
html body .onecup-group-filter-control [role=option].active {background:#f0f2f5;}

/* Information values: interactive links are blue; inert anchors are plain text. */
html body .info-group p a,
html body .info-group p a:visited {
    color: #1c1a54 !important;
}
html body .info-group p a[href]:not([href=""]),
html body .info-group p a[onclick],
html body .info-group p a[role="button"],
html body .profile a[href^="tel:"],
html body .onecup-preview-information-panel a[href^="tel:"] {
    color: #1a73e8 !important;
}

html body .info-group p.onecup-information-address,
html body .info-group p.onecup-information-address > span {
    white-space: normal;
    overflow-wrap: anywhere;
    overflow: visible;
}

/* Shared CRM convention: enabled buttons and links always show the hand cursor.
   Icons and labels follow their control; disabled controls and dragging keep their own state. */
html body:not(.calendar-dragging) :is(a,button,[role="button"],[role="link"],[role="tab"],.btn,.btn-circle,.btn-select,.collapse-link,summary,input[type="button"],input[type="submit"],input[type="reset"]):not(:disabled):not([disabled]):not([aria-disabled="true"]):not(.disabled):not([aria-disabled="true"] *):not(.disabled *):not([inert]):not([inert] *) {cursor:pointer!important;}
html body:not(.calendar-dragging) :is(a,button,[role="button"],[role="link"],[role="tab"],.btn,.btn-circle,.btn-select,.collapse-link,summary,input[type="button"],input[type="submit"],input[type="reset"]):not(:disabled):not([disabled]):not([aria-disabled="true"]):not(.disabled):not([aria-disabled="true"] *):not(.disabled *):not([inert]):not([inert] *) :where(svg,svg *,img,i,span,strong,small,p,div) {cursor:inherit!important;}


/* Mobile previews and iboxes scroll by touch without visible scrollbars.
   The information iframe follows the host breakpoint, including on desktop. */
@media (max-width:1199px) {
 html:not(.onecup-information-desktop) body :is(.side-option,.ibox),
 html:not(.onecup-information-desktop) body :is(.side-option,.ibox) * {
  scrollbar-width:none!important;
  scrollbar-gutter:auto!important;
  -ms-overflow-style:none!important;
 }
 html:not(.onecup-information-desktop) body :is(.side-option,.ibox)::-webkit-scrollbar,
 html:not(.onecup-information-desktop) body :is(.side-option,.ibox) *::-webkit-scrollbar {
  display:none!important;
  width:0!important;
  height:0!important;
 }
 html:not(.onecup-information-desktop) body :is(.side-option,.ibox) :is(.slimScrollBar,.slimScrollRail) {
  display:none!important;
 }
}