/* OnePlatt mobile workspace R2. Existing card surfaces and icon styles are retained. */
#op_mobile_search {display:none;}
body:not([data-op-page="social"]) #op_page_actions,
body[data-social-post="1"] #op_page_actions,body[data-social-member="1"] #op_page_actions,
body.op-timeline-paused #op_page_actions,
body:has(#soc_panels.soc-detail-open,#soc_panels.soc-mini-open,.swal2-container,.modal.show) #op_page_actions {display:none!important;}
#soc_pull_refresh {height:0;overflow:hidden;transition:height .18s ease;flex:none;overflow-anchor:none;}
#soc_pull_refresh.is-dragging {transition:none;}
.soc-pull-inner {height:100%;min-height:32px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--bs-primary);}
.soc-pull-arrow {display:inline-flex;transform:scaleY(calc(.65 + var(--soc-pull-progress,0)*.35));transform-origin:center;}
.soc-pull-arrow>.op-fa {transition:rotate .15s ease;}
#soc_pull_refresh.is-ready .soc-pull-arrow>.op-fa {rotate:180deg;}
#soc_pull_refresh.is-refreshing .soc-pull-arrow {display:none;}
#soc_pull_refresh .soc-pull-label {font-weight:500;}
@media(max-width:991.98px) {
 body.op-shell {--op-header-height:64px;--op-footer-height:0px!important;}
 body.op-shell #kt_wrapper {padding-bottom:env(safe-area-inset-bottom,0px)!important;}
 body.op-shell footer.footer,body.op-shell .op-reader-panel>.footer {display:none!important;}
 body.op-shell #kt_header .op-shell-header {grid-template-columns:44px minmax(0,1fr);grid-template-rows:48px;align-content:center;padding:8px 16px;gap:0 12px;}
 body.op-shell .op-shell-brand {grid-column:1;grid-row:1;}
 body.op-shell .op-shell-brand>.op-desktop-brand {display:none!important;}
 body.op-shell .op-shell-mobile-toggle {display:inline-flex;width:44px;height:44px;padding:4px;}
 body.op-shell .op-shell-mobile-toggle img {width:36px;height:36px;object-fit:contain;}
 body.op-shell .op-shell-actions {grid-column:2;grid-row:1;justify-self:end;}
 #op_mobile_search {display:grid;flex:none;}
 body.op-shell .op-shell-search {display:none;position:absolute;top:64px;inset-inline:0;padding:8px 16px 12px;background:var(--bs-body-bg);border-bottom:1px solid var(--bs-gray-200);}
 body.op-shell .op-shell-search>.op-fa {left:33px;}
 body.op-shell.op-search-open {--op-header-height:124px;}
 body.op-shell.op-search-open .op-shell-search {display:block;}
 body.op-shell #kt_header {transition:transform .18s ease!important;}
 body.op-shell.op-header-away #kt_header {transform:translateY(-110%)!important;pointer-events:none;}
 /* Header visibility changes only its transform; wrapper geometry stays constant. */
 body.op-shell.op-writing #kt_header {visibility:hidden;pointer-events:none;transform:translateY(-110%)!important;}
 body.op-shell.op-writing #op_page_actions {display:none!important;}
 /* Remove the empty minimum title height, retaining the same gap as post cards. */
 body.op-shell #kt_content>#kt_toolbar>.container-xxl,
 body.op-shell #kt_content>#kt_toolbar>.container-fluid {min-height:0;}
 body.op-shell #kt_content>#kt_toolbar {margin-bottom:1.5rem;}
 body.op-shell.op-writing #kt_wrapper {position:relative;top:var(--op-writing-top,0px);height:var(--op-writing-height,100dvh)!important;}
 body.op-shell.op-writing #kt_content {scroll-padding-block:12px;}
 body.op-shell.op-writing .op-active-editor {scroll-margin-block:12px;}
 body.op-shell.op-writing #soc_compose.op-active-editor>.card-body {max-height:calc(var(--op-writing-height,100dvh) - 24px);overflow:auto;overscroll-behavior:contain;}
 body.op-shell.op-writing #soc_compose.op-active-editor .soc-compose-actions {position:sticky;bottom:-12px;background:var(--bs-body-bg);padding-block:8px;z-index:2;}
 body.op-shell.op-writing #soc_compose.op-active-editor .soc-composer-tabs {display:none!important;}
 body.op-shell.op-writing .op-active-editor textarea {max-height:clamp(64px,calc(var(--op-writing-height,100dvh)*.24),150px);min-height:64px;overflow:auto;}
 body.op-shell.op-writing .soc-comment-form.op-active-editor,
 body.op-shell.op-writing .soc-edit-form.op-active-editor {max-height:calc(var(--op-writing-height,100dvh) - 24px);overflow:auto;}
}
@media(prefers-reduced-motion:reduce) {
 body.op-shell #kt_header,#soc_pull_refresh,.soc-pull-arrow>.op-fa {transition:none!important;}
}
/* R3: expanded search must not recenter or overlap the original header row. */
.op-chat-unread-count {display:inline-grid;place-items:center;min-width:18px;height:18px;padding-inline:4px;margin-inline-start:6px;border-radius:999px;background:var(--bs-primary);color:var(--bs-white,#fff);font-size:11px;vertical-align:middle;}
.op-message-window.has-unread>.op-chat-heading {background:var(--bs-primary-light);}
.op-message-window.has-unread [data-chat-name] {color:var(--bs-primary);}
.op-message-window.has-unread .op-chat-unread-count:not([hidden]) {display:inline-grid;}
.op-chat-switch-unread {box-shadow:inset 0 0 0 2px var(--bs-primary)!important;}
@media(max-width:991.98px) {
 body.op-shell #kt_header .op-shell-header {height:64px!important;min-height:64px;align-content:center;}
 body.op-shell .op-shell-search {top:64px;z-index:1;}
 .op-shell-brand button,.op-aside-brand {-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;}
 .op-aside-brand:focus:not(:focus-visible) {outline:none!important;box-shadow:none;}
 .op-aside-brand:focus-visible {outline:2px solid var(--bs-primary)!important;outline-offset:-5px;}
 body.op-shell .op-message-window [data-chat-expand] {display:none!important;}
 body.op-shell.op-mobile-chat-active #kt_header,
 body.op-shell.op-mobile-chat-active #op_page_actions {visibility:hidden!important;pointer-events:none;}
 body.op-shell.op-mobile-chat-active #op_message_dock {inset:0!important;width:100vw;max-width:none;height:100dvh;z-index:1050;pointer-events:none;}
 body.op-shell.op-mobile-chat-active #op_message_switcher {display:none;}
 body.op-shell.op-mobile-chat-active .op-message-window:not(.is-minimized) {
  position:fixed;inset-inline:0;top:var(--op-chat-viewport-top,0px);bottom:auto;
  width:100vw!important;max-width:none!important;height:var(--op-chat-viewport-height,100dvh)!important;
  max-height:var(--op-chat-viewport-height,100dvh)!important;border-radius:0;box-sizing:border-box;pointer-events:auto;
  padding-bottom:env(safe-area-inset-bottom,0px);
 }
 body.op-shell.op-mobile-chat-active .op-chat-history {flex:1 1 0;min-height:0;overscroll-behavior:contain;}
 body.op-shell.op-mobile-chat-active .op-chat-heading,body.op-shell.op-mobile-chat-active .op-chat-compose {flex-shrink:0;}
 body.op-shell.op-mobile-chat-active .op-chat-compose {max-height:55%;overflow:auto;}
}

/* R4: exclusive community panes keep only the chosen content and its Back action.
   CSS state follows history navigation immediately and preserves composer drafts. */
body[data-op-page="social"]:has(#soc_panels:is(.soc-detail-open,.soc-mini-open)) :is(#soc_sticky,#soc_pull_refresh) {display:none!important;}

/* R5: the Community heading remains useful beside the desktop feed. */
@media(max-width:991.98px) {
 body[data-op-page="social"]:has(#soc_panels:is(.soc-detail-open,.soc-mini-open)) #kt_toolbar {display:none!important;}
}

/* R8: icon actions keep their full translated accessible names on mobile. */
@media(max-width:991.98px){
 .op-mobile-icon-action {font-size:0!important;gap:0!important;min-width:44px;min-height:44px;padding:10px!important;display:inline-flex;align-items:center;justify-content:center;}
 .op-mobile-icon-action :is(span,small,strong) {font-size:0!important;}
 .op-mobile-icon-action :is(.op-fa,.ki-duotone,.bi) {font-size:24px!important;line-height:1!important;margin:0!important;}
 .op-mobile-icon-action .ki-duotone span {font-size:inherit!important;}
 .soc-profile-actions {flex-wrap:nowrap!important;gap:8px!important;}
 .soc-profile-actions>.op-mobile-icon-action {flex:1 1 0;min-width:44px;min-height:48px;}
}

/* R48D: shared mobile chrome behavior on short windows, at any width.
   Keep desktop navigation layout; only reclaim footer/header space. */
@media(max-height:700px){
 body.op-shell{--op-footer-height:0px!important;}
 body.op-shell #kt_wrapper{padding-bottom:env(safe-area-inset-bottom,0px)!important;}
 body.op-shell footer.footer,body.op-shell .op-reader-panel>.footer{display:none!important;}
 body.op-shell #kt_header{transition:transform .18s ease!important;}
 body.op-shell.op-header-away #kt_header{transform:translateY(-110%)!important;pointer-events:none;}
 /* Header visibility changes only its transform; wrapper geometry stays constant. */
}
@media(max-height:700px) and (prefers-reduced-motion:reduce){
 body.op-shell #kt_header{transition:none!important;}
}

/* Header clearance belongs to the scrolling content, never the fixed wrapper. */
@media(max-width:991.98px),(max-height:700px){
 body.op-shell #kt_wrapper{padding-top:0!important;}
 body.op-shell #kt_content::before{content:"";display:block;flex:0 0 var(--op-header-height);height:var(--op-header-height);pointer-events:none;}
 body.op-shell #kt_content{scroll-padding-top:var(--op-header-height);}
}
@media(min-width:1101px) and (max-height:700px){
 body.op-shell #kt_content:has(#soc_timeline_scroll)::before{display:none;}
 body.op-shell #soc_timeline_scroll::before{content:"";display:block;height:var(--op-header-height);flex:none;pointer-events:none;}
 body.op-shell #soc_timeline_scroll{scroll-padding-top:var(--op-header-height);}
 .soc-community-layout:has(#soc_timeline_scroll)>.soc-left-column{padding-top:calc(var(--op-header-height) + 24px);}
}

/* Only full-width section cards extend beyond their existing gutters. */
@media(max-width:991.98px){
 body.op-shell #kt_content .op-mobile-section-card{margin-left:var(--op-card-left)!important;margin-right:var(--op-card-right)!important;width:auto!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
 /* Flatten the two resume columns for mobile ordering; desktop stays intact. */
 body.op-shell .op-resume-columns{display:flex;flex-direction:column;}
 body.op-shell .op-resume-columns>[class*="col-xl-"]{display:contents;}
 body.op-shell .op-resume-columns .card:has(>[data-template="EXPERIENCES"]){order:1;}
 body.op-shell .op-resume-columns .card:has(>[data-template="SKILLS"]){order:2;}
 body.op-shell .op-resume-columns .card:has(>[data-template="CERTS"]){order:3;}
 body.op-shell .op-resume-columns .card:has(>[data-template="LANGUAGES"]){order:4;}
 body.op-shell .op-resume-columns .card:has(>[data-template="EDUCATION"]){order:5;}
 body.op-shell .op-resume-columns .card:has(>[data-template="MATCHING_ROLES"]){order:6;}
 body.op-shell .op-resume-columns .card:has(>[data-template="OTHERINFO"]){order:7;}
}
body.op-shell :is(.btn-icon,.op-mobile-icon-action)[hidden]{display:none!important;}

/* ReadingSpace: scrolling owns header clearance at every signed-in viewport. */
@media screen{
 body.op-shell #kt_wrapper{padding-top:0!important;}
 body.op-shell #kt_header{transition:transform .18s ease!important;}
 body.op-shell.op-header-away #kt_header{transform:translateY(-110%)!important;pointer-events:none;}
 body.op-shell #kt_content::before{content:"";display:block;flex:0 0 var(--op-header-height,76px);height:var(--op-header-height,76px);pointer-events:none;}
 body.op-shell #kt_content{scroll-padding-top:var(--op-header-height,76px);}
}
@media screen and (min-width:1101px){
 body.op-shell #kt_content:has(#soc_timeline_scroll)::before{display:none;}
 body.op-shell #soc_timeline_scroll::before{content:"";display:block;height:var(--op-header-height,76px);flex:none;pointer-events:none;}
 body.op-shell #soc_timeline_scroll{scroll-padding-top:var(--op-header-height,76px);}
 .soc-community-layout:has(#soc_timeline_scroll)>.soc-left-column{padding-top:calc(var(--op-header-height,76px) + 24px);}
}
@media screen and (min-width:768px){
 body.op-shell:is([data-op-page="pdfstyles"],[data-op-page="publicresume"]) #kt_content{overflow-y:auto!important;overflow-anchor:none;}
 body.op-shell #op_pdf_styles{display:block;flex:none;min-height:0;}
 body.op-shell #op_pdf_styles .op-pdf-workspace{overflow:visible;align-items:start;min-height:0;padding-bottom:0;}
 body.op-shell #op_pdf_styles .op-pdf-custom-column{position:sticky!important;top:var(--op-editor-top,160px)!important;height:var(--op-editor-height,320px);max-height:var(--op-editor-height,320px);min-height:0;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:0;margin-bottom:0;}
 body.op-shell #op_pdf_styles .op-editor-preview-wrap{align-self:start;overflow:visible;}
 body.op-shell #op_pdf_styles #op_pdf_viewer{height:auto!important;min-height:0!important;overflow:visible!important;}
 body.op-shell.op-member-reader #kt_content{overflow-y:auto!important;overflow-anchor:none;}
 body.op-shell.op-member-reader #kt_content>.container-xxl{display:block;flex:none;}
 body.op-shell.op-member-reader #kt_content>.container-xxl>.card{position:sticky;top:var(--op-header-height,76px);z-index:30;}
 body.op-shell.op-member-reader.op-header-away #kt_content>.container-xxl>.card{top:0;}
 body.op-shell.op-member-reader #op_member_document_area{overflow:visible;}
 body.op-shell.op-member-reader .op-reader-main{height:auto;overflow:visible;}
 body.op-shell.op-member-reader .op-reader-stage,body.op-shell.op-member-reader #public_document{height:auto;overflow:visible;}
 body.op-shell.op-member-reader .op-reader-tools{position:fixed;top:var(--op-member-tools-top,160px);right:var(--op-member-tools-right,16px);z-index:31;}
 body.op-shell.op-member-reader #kt_toolbar{display:block!important;}
}
@media(prefers-reduced-motion:reduce){body.op-shell #kt_header{transition:none!important;}}

@media screen and (min-width:768px){
 #op_pdf_styles>.op-pdf-toolbar>.op-editor-heading-slot{flex:1;min-width:0;}
 #op_pdf_styles>.op-pdf-toolbar>.op-editor-heading-slot>div{background:transparent;}
}