/* Final transversal layer. It intentionally loads after the legacy foundation
   and mobile navigation so shared components have one predictable cascade. */
.wrapper-menu {
    height: auto !important;
    min-height: 0 !important;
}

.onecup-entity-preview.side-option {
    transition: transform 160ms cubic-bezier(.2, .8, .2, 1), opacity 160ms ease, visibility 0s linear 160ms !important;
}

.onecup-entity-preview .side-option-header {
    min-height: 48px;
    margin: 0 !important;
    border-bottom: 2px solid #181a55 !important;
}

.onecup-entity-preview .side-option-header > div {
    padding: 10px 44px 10px 0 !important;
    border-bottom: 0 !important;
}

.onecup-entity-preview .side-option-header > div > p {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
}

.onecup-entity-preview > .task-wrapper > .onecup-preview-tabs {
    width: 100%;
    height: 40px;
    min-height: 40px;
    margin: 0 !important;
    padding: 5px !important;
}

.onecup-preview-tabs > .btn-wrapper {
    width: auto;
    min-width: 0;
}

.onecup-preview-tabs .btn-group {
    flex: 0 0 auto;
}

.onecup-preview-tabs .btn-select {
    width: auto;
    min-height: 20px;
    padding: 0 7px !important;
    font-size: 8px !important;
    font-weight: 500 !important;
    letter-spacing: 0;
}

.onecup-preview-feed-item > .task-body,
.onecup-preview-communication > .task-body {
    display: block !important;
    width: 100% !important;
}

.onecup-preview-feed-item .onecup-preview-feed-intro {
    width: 100%;
}

.onecup-preview-feed-item .feed-post {
    display: block;
    width: 100%;
    margin-top: 7px !important;
}

@media (max-width: 768px) {
    .onecup-entity-preview.side-option {
        padding: 15px 15px 0 !important;
    }

    .onecup-mobile-dropdown-sheet__surface {
        right: 15px;
        bottom: 0;
        left: 15px;
        max-height: calc(100% - 15px);
        border-radius: 15px 15px 0 0;
        transition: opacity 160ms cubic-bezier(.2, .8, .2, 1), transform 160ms cubic-bezier(.2, .8, .2, 1);
    }

    .onecup-mobile-dropdown-sheet__backdrop {
        transition-duration: 160ms;
    }

    .onecup-mobile-dropdown-sheet__menu.dropdown-menu {
        display: block !important;
        visibility: visible !important;
    }

    .onecup-mobile-nav__item,
    .onecup-mobile-nav__notification > a {
        font-size: 8px !important;
        letter-spacing: -.01em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .onecup-entity-preview.side-option,
    .onecup-mobile-dropdown-sheet__surface,
    .onecup-mobile-dropdown-sheet__backdrop {
        transition: none !important;
    }
}

/* Auxiliary modal roots must not reserve a second viewport. */
body.mini-navbar #content > #communications,
body.mini-navbar #content > #onecup-global-preview,
body.mini-navbar #content > .modal { min-height: 0 !important; }
.onecup-mobile-dropdown-sheet { overflow: clip; }
.onecup-entity-preview.side-option.active { transition-delay: 0s !important; }
@media (max-width: 768px) {
  .navside, .mini-navbar .navside { top: 55px !important; }
}
@media (min-width: 769px) {
  .feed-wrapper .feed-menu .media-body .feed-menu-fields:hover textarea,
  .feed-wrapper .feed-menu .media-body .feed-menu-fields.is-dragging textarea {
    height: 75px;
  }
}

.onecup-surface-close, .side-option-header > .close, .modal-header > .close, .onecup-mobile-side-menu-close {
    display:inline-flex!important; width:38px!important; height:38px!important;
    flex:0 0 38px; align-items:center; justify-content:center; padding:0!important;
    color:#4b5360!important; background:#eef1f5!important; border:0!important;
    border-radius:50%!important; cursor:pointer; opacity:1!important;
}
.onecup-surface-close:hover, .onecup-surface-close:focus-visible {background:#dfe7f2!important;outline:2px solid #b9d7ff;outline-offset:2px;}
.onecup-surface-close svg {width:18px;height:18px;}
.onecup-sheet-header {display:flex;align-items:center;justify-content:flex-end;padding:10px 12px;position:relative;flex-shrink:0;}
.onecup-sheet-header .onecup-mobile-dropdown-sheet__handle {position:absolute;left:calc(50% - 20px);top:8px;}
.onecup-notification-section {padding:12px 15px;border-bottom:1px solid #e5eaf1;}
.onecup-dropdown-close-row {display:flex;justify-content:flex-end;padding:8px 10px;}
@media(max-width:768px) {
 .onecup-mobile-dropdown-sheet__surface {display:flex;flex-direction:column;overflow:hidden;}
 .onecup-mobile-dropdown-sheet__menu {min-height:0;overflow-y:auto!important;overscroll-behavior:contain;}
 .onecup-mobile-dropdown-sheet__menu .onecup-dropdown-close-row {display:none;}
 .onecup-opportunity-filters.onecup-mobile-dropdown-sheet__menu {display:block!important;width:100%!important;margin:0!important;border:0!important;flex:1 1 auto;}
 .onecup-opportunity-filters .ibox-content {display:block!important;}
 .onecup-opportunity-filters .ibox-heading {display:none!important;}
 .onecup-mobile-nav {touch-action:manipulation;}
}

.onecup-reorderable-widgets {display:flex;flex-direction:column;min-height:0;}
.onecup-reorderable-widget > .ibox-heading {cursor:grab;}
.onecup-reorderable-widget.is-dragging {opacity:.65;outline:2px dashed #93b9e8;}

@media(max-width:768px) {
 .onecup-mobile-dropdown-sheet__menu .onecup-dropdown-close-row {display:none!important;}
 main .side-0 > section {min-width:0!important;max-width:100%!important;width:100%!important;}
 main .side-0 nav, main .side-0 .search {min-width:0!important;max-width:100%!important;}
 main .side-0 .onecup-list-toolbar {min-width:0!important;max-width:100%!important;flex-wrap:wrap!important;gap:4px;}
 main .side-0 .onecup-list-toolbar > .btn-group {flex:0 1 auto!important;min-width:0!important;}
}

@media(max-width:768px) {
 .comment-post .onecup-feed-mention-link {display:inline-block!important;max-width:100%;vertical-align:bottom;}
}

@media(max-width:768px) {
 html body .onecup-mobile-dropdown-sheet .onecup-mobile-dropdown-sheet__surface .onecup-mobile-dropdown-sheet__menu.dropdown-menu > li.onecup-dropdown-close-row {display:none!important;}
}

/* Keep the original heading structure: ordering adds no visual controls. */
.ibox .ibox-heading, .ibox .ibox-heading p, .ibox .ibox-heading h1,
.ibox .ibox-heading h2, .ibox .ibox-heading h3 {text-align:left!important;}
.ibox .ibox-heading > div:not(.ibox-tools) {text-align:left;}

.ibox-heading[data-onecup-drag-handle] {touch-action:none;}

.onecup-media-status {display:block;font-size:12px;line-height:1.5;color:#526477;}
.onecup-media-original {border:0;background:transparent;color:#2465b5;padding:0 4px;text-decoration:underline;cursor:pointer;font:inherit;}

/* Shared feed media: desktop cap, fluid mobile width, consistent corners. */
html body .feed-element figure,
html body .feed-element .video {
  max-width: min(100%, 600px) !important;
  min-width: 0;
  border-radius: 15px !important;
  margin-bottom: 10px !important;
}
html body .feed-element figure > a {
  max-width: 100%;
  border-radius: 15px;
}
html body .feed-element figure img,
html body .feed-element video,
html body .feed-element audio,
html body .feed-element iframe {
  max-width: min(100%, 600px) !important;
  border-radius: 15px !important;
}
html body .feed-element figure img,
html body .feed-element video {
  height: auto;
}

/* Inline images must not reserve a text baseline below the media. */
html body .feed-element figure > a { display:block; line-height:0; }
html body .feed-element figure > a > img { display:block; margin-bottom:0!important; }
html body .feed-element figure { padding-bottom:0!important; overflow:hidden; }
.onecup-communication-empty-icon {color:var(--oc-color-brand,#1a73e8);}
.onecup-communication-empty-icon svg,.onecup-communication-empty-icon i {width:72px!important;height:72px!important;font-size:72px;}
/* Loading rows need a full-width flex item before percentage-width bars can resolve. */
:where(.ibox-content, .task-wrapper, .task) > div:has(> .onecup-entity-skeletons) {flex:0 0 100%;width:100%;min-width:0;box-sizing:border-box;}
.onecup-entity-skeletons {width:100%;min-width:0;}
.onecup-entity-skeleton {box-sizing:border-box;display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px;min-height:70px;padding:16px;pointer-events:none;}
.onecup-row-placeholder {display:block;position:relative;overflow:hidden;background:#e8ebf1;height:14px;border-radius:3px;width:85%;}
.onecup-row-placeholder--short {width:48%;height:11px;}
.onecup-row-placeholder::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);animation:onecup-row-shimmer 1.45s ease-in-out infinite;transform:translateX(-100%);}
html.onecup-list-pending main table:not([data-onecup-managed-loading]) > tbody:not(.onecup-table-placeholder) > tr > td {position:relative;pointer-events:none;}
html.onecup-list-pending main table:not([data-onecup-managed-loading]) > tbody:not(.onecup-table-placeholder) > tr > td::after {content:'';position:absolute;inset:8px 5px;border-radius:3px;background:linear-gradient(90deg,#e8ebf1 20%,#fff 50%,#e8ebf1 80%);background-size:200% 100%;animation:onecup-table-shimmer 1.45s ease-in-out infinite;z-index:2;}
.onecup-table-placeholder td {padding:16px 8px!important;}
@keyframes onecup-row-shimmer {to{transform:translateX(100%);}}
@keyframes onecup-table-shimmer {from{background-position:200% 0;}to{background-position:-200% 0;}}
@media(prefers-reduced-motion:reduce){.onecup-row-placeholder::after,html.onecup-list-pending main table:not([data-onecup-managed-loading]) > tbody > tr > td::after{animation:none!important;}}

html body .feed-element > figure, html body .feed-element .media-body > figure, html body .feed-element .onecup-feed-summary ~ figure {border-radius:15px!important;}

/* Composer previews and pending search feedback. */
html body .feed-wrapper .feed-menu .media-body .feed-menu-fields .onecup-feed-attachment-preview--visual {width:60px!important;height:60px!important;min-width:60px;min-height:60px;flex:0 0 60px;}
html body .feed-wrapper .feed-menu .onecup-feed-attachment-preview--visual img {width:100%;height:100%;object-fit:cover;}
#spinner-compartir-feed {margin-left:6px!important;}
.onecup-predictive-spinner {position:fixed;z-index:60000;width:12px;height:12px;border:2px solid #dce3eb;border-top-color:#1a73e8;border-radius:50%;animation:onecup-predictive-spin .7s linear infinite;pointer-events:none;}
@keyframes onecup-predictive-spin {to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.onecup-predictive-spinner{animation:none;}}