/* Shared feed loading cards; explicit widths also cover flex-based preview lists. */
.onecup-feed-loading,.onecup-preview-loading{display:flex!important;flex-direction:column!important;align-self:stretch!important;align-items:stretch!important;width:100%!important;min-width:0;gap:14px}
.onecup-feed-skeleton{display:block!important;box-sizing:border-box;width:100%!important;min-width:0;min-height:150px!important;padding:16px!important;background:#fff;border:1px solid #e1e5eb;border-radius:0;overflow:hidden}
.onecup-feed-skeleton>span{display:block!important;height:12px!important;width:92%!important;margin:12px 0;background:linear-gradient(90deg,#e9edf2 25%,#f8fafc 45%,#e9edf2 65%);background-size:300% 100%;border-radius:6px;animation:onecup-feed-shimmer 1.4s ease-in-out infinite}
.onecup-feed-skeleton>span:last-child{width:66%!important}
.onecup-feed-skeleton>.onecup-feed-skeleton-avatar{width:34px!important;height:34px!important;border-radius:50%;margin:0 0 14px}
@keyframes onecup-feed-shimmer{to{background-position:-150% 0}}
@media(prefers-reduced-motion:reduce){.onecup-feed-skeleton>span{animation:none}}
.onecup-entity-preview>.task-wrapper>.onecup-preview-tabs{padding-left:0!important;display:flex!important;justify-content:space-between!important;gap:8px;flex-wrap:wrap}
.onecup-preview-tabs>.btn-wrapper{width:auto!important;flex:0 1 auto!important;min-width:0}
.onecup-preview-tabs>.onecup-preview-open-record{margin-left:auto;color:#fff!important;background:#1a73e8!important;border:1px solid #1a73e8;border-radius:3px;padding:5px 8px;white-space:nowrap;align-self:center}
.onecup-combined-notifications .onecup-notification-filters{padding:10px 12px!important;display:block!important}
.onecup-notification-filters .task-actions{display:flex;flex-wrap:wrap;gap:0;width:100%}
.onecup-notification-filters .btn-select{font-size:11px;padding:7px 6px;flex:1 0 auto}
.onecup-combined-notifications .onecup-notifications-header,.onecup-combined-notifications .onecup-notifications-footer{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 15px!important;background:#f5f7fa;border-bottom:1px solid #e1e5eb}
.onecup-combined-notifications .onecup-notifications-header>a,.onecup-combined-notifications .onecup-notifications-footer>a{padding:0!important;width:auto!important;color:#1a73e8!important;font-size:12px}
@media(max-width:1199px){
 .side-0{margin-bottom:0!important}
 /* Natural height prevents wrapped toolbars from painting over the title. */
 main .tabs-container>.side-0{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;flex:0 0 100%;gap:8px;padding:10px 14px!important;box-sizing:border-box}
 main .side-0>section{position:relative!important;flex:0 0 auto!important;width:100%!important;height:auto!important;margin:0!important;min-width:0;justify-content:flex-start!important}
 main .side-0>section:first-child{overflow:hidden!important;align-items:center!important}
 main .side-0>section:first-child>a.btn{margin-left:0!important;flex:0 0 30px;display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;height:32px!important;padding:0!important}
 main .side-0>section:first-child>h1{min-width:0;max-width:100%;flex:1 1 auto;margin:0!important;line-height:32px;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal;text-align:left!important}
 main .side-0>section:last-child nav{height:auto!important;min-height:0!important;width:100%!important;display:block!important}
 main .side-0>section:last-child nav>.btn-wrapper{display:flex!important;flex-wrap:wrap!important;align-items:center!important;height:auto!important;gap:5px;width:100%!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group{width:auto!important;flex:1 1 calc(50% - 5px)!important;margin:0!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group>.btn{width:100%!important;min-width:0!important;white-space:nowrap;border-radius:3px!important;padding:6px 9px!important;font-size:12px!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group:has(>.onecup-module-create){flex:0 0 0!important;width:0!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group>.onecup-module-create,.onecup-module-create{position:fixed!important;right:15px;bottom:calc(var(--onecup-mobile-nav-height,64px) + env(safe-area-inset-bottom,0px) + 15px);z-index:9999;width:56px!important;min-width:56px!important;height:56px!important;border-radius:50%!important;border:0!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;background:#1a73e8!important;color:#fff!important;box-shadow:0 6px 16px rgba(24,26,85,.28)}
 .onecup-module-create .onecup-create-label,.onecup-module-create .caret{display:none!important}
 .onecup-module-create>svg,.onecup-module-create>i{width:24px!important;height:24px!important;font-size:24px!important;margin:0!important}
 main .tab-pane .ibox,main .tab-pane .ibox>.ibox-heading,main .tab-pane .ibox>.ibox-content,main .tab-pane .ibox>.ibox-footer,main .side-4 .ibox,main .side-4 .ibox>.ibox-heading,main .side-4 .ibox>.ibox-content{border-radius:0!important}
 main .onecup-reorderable-widgets{gap:15px!important}
 main .onecup-reorderable-widgets>.ibox{margin:0!important}
 main .tab-pane .info-group{min-width:0!important;width:100%!important;max-width:100%!important;flex:0 0 100%!important;box-sizing:border-box}
 main .tab-pane .info-group>p{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important}
 main .tab-pane .info-group>p>a{display:inline!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#1a73e8!important}
 /* iOS sees 16px; the visual scale is 14px without disabling page zoom. */
 .comment-textarea{overflow:hidden}
 .comment-textarea textarea[data-onecup-feed-mentions]{font-size:16px!important;line-height:1.45!important;transform:scale(.875);transform-origin:top left;width:114.285714%!important;max-width:none!important;margin-bottom:-12.5px;box-sizing:border-box}
 .comment-textarea textarea[data-onecup-feed-mentions]::placeholder{font-size:16px!important;opacity:1}
}

/* First rows are notices, not section headers. */
@media(max-width:1199px){
 .onecup-mobile-dropdown-sheet__menu.dropdown-menu.notice.onecup-combined-notifications>div>li:first-child:has(>a){display:block!important;padding:0!important;background:#fff!important}
 .onecup-mobile-dropdown-sheet__menu.dropdown-menu.notice.onecup-combined-notifications>div>li:first-child>a{width:100%!important;min-height:50px!important;padding:12px 15px!important;background:#fff!important;color:#181a55!important}
 .onecup-view-create{display:block}
}
@media(min-width:1200px){.onecup-view-create{display:none!important}}

/* Module back button and title share a vertical center in every viewport. */
main .side-0>section:first-child{align-items:center!important}
main .side-0>section:first-child>a.btn{display:inline-flex;align-items:center;justify-content:center;align-self:center}
/* Space remains visible when the comment introduction is a flex container. */
.comment-intro>.onecup-comment-verb{margin-left:.3em}
.onecup-entity-preview .menu.onecup-preview-tabs>.onecup-preview-open-record,
.onecup-entity-preview .menu.onecup-preview-tabs>.onecup-preview-open-record:hover,
.onecup-entity-preview .menu.onecup-preview-tabs>.onecup-preview-open-record:focus{background:var(--onecup-primary,#1a73e8)!important;color:#fff!important;border-color:var(--onecup-primary,#1a73e8)!important}
@media(max-width:1199px){
 .onecup-entity-preview .ibox,.onecup-entity-preview .feed-element,.onecup-entity-preview .onecup-preview-information-panel .website,.onecup-entity-preview .website-info{border-radius:0!important}
 .onecup-entity-preview .onecup-preview-body-inner{padding:10px 0!important}
 main .tabs-container>.side-0.onecup-home-primary-actions{display:none!important}
 main .side-0>section:last-child nav>.btn-wrapper{justify-content:center!important;flex-wrap:nowrap!important;gap:0!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group{width:auto!important;flex:0 0 auto!important;margin:0!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group>.btn:not(.onecup-module-create){display:flex!important;align-items:center;justify-content:center;width:42px!important;height:36px!important;padding:0!important;min-width:0!important;font-size:0!important;border-radius:0!important;margin:0!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group>.btn:not(.onecup-module-create)>span{display:none!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group>.btn:not(.onecup-module-create)>svg,
 main .side-0>section:last-child nav .btn-wrapper>.btn-group>.btn:not(.onecup-module-create)>i{display:block!important;width:18px!important;height:18px!important;font-size:18px!important;margin:0!important;flex-shrink:0}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group[data-onecup-toolbar-edge="middle"]>.btn,
 main .side-0>section:last-child nav .btn-wrapper>.btn-group[data-onecup-toolbar-edge="last"]>.btn{border-left:0!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group[data-onecup-toolbar-edge="first"]>.btn:not(.onecup-module-create){border-radius:4px 0 0 4px!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group[data-onecup-toolbar-edge="last"]>.btn:not(.onecup-module-create){border-radius:0 4px 4px 0!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group[data-onecup-toolbar-edge="single"]>.btn:not(.onecup-module-create){border-radius:4px!important}
 /* Match the Home create button, including icon weight, sizing and safe area. */
 .onecup-module-create,main .side-0>section:last-child nav .btn-wrapper>.btn-group>.onecup-module-create,.onecup-mobile-feed-fab{position:fixed!important;right:15px!important;bottom:calc(var(--onecup-mobile-nav-height,64px) + var(--onecup-mobile-safe-bottom,env(safe-area-inset-bottom,0px)) + 15px)!important;width:56px!important;height:56px!important;min-width:56px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;background:#1a73e8!important;color:#fff!important;border:0!important;border-radius:50%!important;box-shadow:0 6px 16px rgba(24,26,85,.28)!important;z-index:9999}
 .onecup-module-create>svg,.onecup-module-create>i,.onecup-mobile-feed-fab>svg,.onecup-mobile-feed-fab>i{width:16px!important;height:16px!important;font-size:16px!important;margin:0!important;color:#fff!important;stroke-width:3!important}
 .onecup-opportunity-filters form{display:flex!important;flex-wrap:wrap!important;width:100%!important;box-sizing:border-box;gap:0}
 .onecup-opportunity-filters form>h1,.onecup-opportunity-filters form>.menu-actions{display:none!important}
 .onecup-opportunity-filters form>.form-group{flex:0 0 50%!important;width:50%!important;max-width:50%!important;min-width:0!important;box-sizing:border-box}
 .onecup-opportunity-filters form>.form-group-lg{flex-basis:100%!important;width:100%!important;max-width:100%!important}
 .onecup-opportunity-filters input,.onecup-opportunity-filters select{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
 .onecup-opportunity-filters input::placeholder,.onecup-opportunity-filters .onecup-filter-placeholder{color:#90949c!important;opacity:1}
 .onecup-opportunity-filters select option{color:#181a55}
 .onecup-opportunity-filters form>.selectedfilters{width:100%;flex:0 0 100%}
 .onecup-opportunity-filters form>.onecup-filter-submit{width:100%!important;flex:0 0 100%;background:var(--onecup-primary,#1a73e8)!important;color:#fff!important;border-color:var(--onecup-primary,#1a73e8)!important}
 .onecup-opportunity-filters form>.remove{width:100%;margin-top:15px;font-size:10px!important;color:#f9424b!important;display:block;padding:0;background:transparent;border:0}
 .onecup-opportunity-filters form>.remove[style*="display: none"]{display:none!important}
 .onecup-notifications-more>li{justify-content:center!important;text-align:center!important}
 .onecup-notifications-more>li>small>a{color:#1a73e8;cursor:pointer}
}

/* Field administration uses the same circular control as adding an option. */
.form-option:has(.fa-edit),.form-option:has(.fa-pen),.form-option:has(.fa-pencil-alt){display:inline-flex!important;width:24px;height:24px;align-items:center;justify-content:center;padding:0!important;color:#fff!important;background:#1a73e8!important;border-radius:50%!important}
.form-option:has(.fa-edit):hover,.form-option:has(.fa-pen):hover,.form-option:has(.fa-pencil-alt):hover{color:#fff!important;background:linear-gradient(to right,#0389ff,#1c79c0)!important}
.form-option:has(.fa-edit) :is(i,svg),.form-option:has(.fa-pen) :is(i,svg),.form-option:has(.fa-pencil-alt) :is(i,svg){margin:0!important;color:#fff!important}
@media(max-width:1199px){
 .onecup-record-view-page .onecup-view-create{display:none!important}
 html.onecup-record-edit-page main .nav.nav-tabs.onecup-single-information-tab,html.onecup-record-edit-page main .ibox.onecup-single-information-tab{display:none!important}
 .onecup-single-information-tab:only-child{margin:0!important;padding:0!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group:has(>.onecup-record-primary-action){width:0!important;flex:0 0 0!important;border:0!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group>.onecup-record-primary-action{font-size:0!important}
 main .side-0>section:last-child nav .btn-wrapper>.btn-group[data-onecup-toolbar-edge="last"]>.btn:not(.onecup-module-create),
 main .side-0>section:last-child nav .btn-wrapper>.btn-group[data-onecup-toolbar-edge="single"]>.btn:not(.onecup-module-create){border-right:1px solid #1a73e8!important}
 .onecup-notification-filters .task-actions{flex-wrap:nowrap!important;gap:0!important}
 .onecup-notification-filters .task-actions>.btn-select{min-width:0;flex:1 1 auto;border-radius:0!important;margin:0!important;border:1px solid #1a73e8!important}
 .onecup-notification-filters .task-actions>.btn-select+.btn-select{border-left:0!important}
 .onecup-notification-filters .task-actions>.btn-select:first-child{border-radius:4px 0 0 4px!important}
 .onecup-notification-filters .task-actions>.btn-select:last-child{border-radius:0 4px 4px 0!important}
 .onecup-notification-filters .task-actions>.btn-select:only-child{border-radius:4px!important}
 /* All floating primary actions share Home's motion and interaction states. */
 .onecup-module-create,.onecup-mobile-feed-fab{cursor:pointer;transition:background var(--onecup-motion-duration) var(--onecup-motion-easing),box-shadow var(--onecup-motion-duration) var(--onecup-motion-easing),transform var(--onecup-motion-duration) var(--onecup-motion-easing)!important}
 .onecup-module-create:hover,.onecup-module-create:focus-visible,.onecup-mobile-feed-fab:hover,.onecup-mobile-feed-fab:focus-visible,
 main .side-0>section:last-child nav .btn-wrapper>.onecup-toolbar-fab-group>.onecup-module-create:hover{background:linear-gradient(to right,#0389ff,#1c79c0)!important;box-shadow:0 8px 22px rgba(24,26,85,.34)!important;transform:translateY(-2px);outline:2px solid #e0eeff;outline-offset:3px}
 .onecup-module-create:active,.onecup-mobile-feed-fab:active{transform:scale(.96)}
 .onecup-module-create>:is(i,svg){transition:transform var(--onecup-motion-duration) var(--onecup-motion-easing)}
 .onecup-module-create[aria-expanded="true"]>:is(i,svg){transform:rotate(45deg)}
 .onecup-module-create[disabled],.onecup-module-create[aria-disabled="true"]{pointer-events:none;opacity:.55}
 .modal.onecup-field-options-sheet{top: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}
 .modal.onecup-field-options-sheet .modal-dialog{position:absolute!important;left:15px!important;right:15px!important;bottom:0!important;top:auto!important;width:calc(100% - 30px)!important;max-width:none!important;max-height:calc(100% - 15px)!important;margin:0!important;transform:translateY(calc(100% + 20px))!important;transition:transform 160ms cubic-bezier(.2,.8,.2,1)!important}
 .modal.onecup-field-options-sheet.in .modal-dialog,.modal.onecup-field-options-sheet.show .modal-dialog{transform:translateY(0)!important}
 .modal.onecup-field-options-sheet .modal-content{display:flex!important;flex-direction:column!important;width:100%!important;max-height:calc(100dvh - 149px - var(--onecup-mobile-safe-bottom,0px))!important;overflow:hidden!important;border:1px solid #d8dee7!important;border-radius:15px 15px 0 0!important;box-shadow:0 12px 34px rgba(24,26,85,.24)}
 .modal.onecup-field-options-sheet .modal-header,.modal.onecup-field-options-sheet .modal-footer{flex:0 0 auto!important}
 .modal.onecup-field-options-sheet .modal-header{position:relative;padding-top:24px!important}
 .modal.onecup-field-options-sheet .modal-header::before{content:'';position:absolute;top:10px;left:calc(50% - 18px);width:36px;height:4px;border-radius:999px;background:#cbd3dd}
 .modal.onecup-field-options-sheet .modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}
}
@media(prefers-reduced-motion:reduce){.onecup-module-create,.onecup-mobile-feed-fab,.modal.onecup-field-options-sheet .modal-dialog{transition:none!important}}

@media(max-width:1199px){
 .onecup-cancel-action{font-size:0!important}
 .onecup-cancel-action>span{display:none!important}
 .onecup-cancel-action>:is(i,svg){display:inline-block!important;font-size:18px!important;width:18px!important;height:18px!important;margin:0!important}
}

@media(max-width:1199px){
 .modal.onecup-field-options-sheet .modal-header{min-height:74px;padding-right:62px!important}
 .modal.onecup-field-options-sheet .onecup-field-options-close{position:absolute!important;top:24px!important;right:12px!important;display:inline-flex!important;width:38px!important;height:38px!important;align-items:center;justify-content:center;padding:0!important;margin:0!important;color:#4b5360!important;background:#eef1f5!important;border:0!important;border-radius:50%!important;opacity:1!important;z-index:2}
 .modal.onecup-field-options-sheet .onecup-field-options-close>:is(svg,i){width:18px;height:18px;font-size:18px;margin:0!important}
}

/* Read-only profile panels sit flush on phones and tablets. */
@media(max-width:1199px){
 html body.onecup-read-view main>.tabs-container>.side-1,
 html body.onecup-read-view main>.tabs-container>.side-1 .ibox{margin-bottom:0!important}
 html body.onecup-read-view main>.tabs-container>.side-1 .ibox{border-radius:0!important}
}
