/* OPM v12.72 — site-wide clarity + pocket UI system */
:root{
  --opm-bg:#050506;--opm-panel:#0a0a0d;--opm-panel-2:#0f1014;--opm-panel-3:#15161b;
  --opm-border:#26272e;--opm-border-strong:#343640;--opm-text:#f5f5f7;--opm-muted:#94969f;
  --opm-pink:#ff0a78;--opm-radius:14px;--opm-radius-sm:10px;--opm-control:46px;
}
html{font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-synthesis:none}
img,video,canvas,svg{max-width:100%;image-rendering:auto}
.portal-shell,.portal-shell *{box-sizing:border-box}
.portal-shell .container{width:min(2440px,calc(100vw - 32px));max-width:none}
.portal-shell .portal-main{padding:20px 0 42px}
.portal-shell .portal-grid{gap:20px}
.portal-shell .portal-card{border:1px solid var(--opm-border);border-radius:var(--opm-radius);background:var(--opm-panel);box-shadow:none}
.portal-shell .portal-card,.portal-shell .portal-sidebar,.portal-shell .portal-topbar{transform:none!important;zoom:1!important;filter:none!important}
.portal-shell input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),
.portal-shell select,.portal-shell textarea{min-height:var(--opm-control);font-size:14px;line-height:1.35;border-radius:10px}
.portal-shell button,.portal-shell .btn{min-height:42px}
.portal-shell .muted{color:var(--opm-muted)}

/* Portal navigation pockets */
.portal-sidebar.opm-pocket-nav{display:grid!important;align-content:start;gap:8px;padding:10px!important;background:#08090c!important;border:1px solid var(--opm-border)!important}
.opm-nav-pocket{border:1px solid transparent;border-radius:12px;overflow:hidden}
.opm-nav-pocket[open]{border-color:#202128;background:#0b0c10}
.opm-nav-pocket>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 10px;color:#8e9098;font:700 9px/1 Orbitron,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;user-select:none}
.opm-nav-pocket>summary::-webkit-details-marker{display:none}.opm-nav-pocket>summary::after{content:'+';font:700 15px Inter,sans-serif;color:#666}.opm-nav-pocket[open]>summary::after{content:'−'}
.opm-nav-pocket-links{display:grid;padding:0 5px 6px}.opm-nav-pocket-links>a{border-radius:9px!important;margin:1px 0!important;padding:10px 9px!important;font-size:11px!important;line-height:1.25!important}
.opm-nav-pocket-links>a.active{background:#1a1117!important;color:#fff!important}

/* ===== OPM Links true app shell ===== */
body.opmlink-mode .portal-main>.container{width:min(2520px,calc(100vw - 24px))!important}
body.opmlink-mode .portal-grid{grid-template-columns:214px minmax(0,1fr)!important;gap:16px!important;align-items:start}
body.opmlink-mode #my-links{padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
body.opmlink-mode #my-links>.eyebrow,body.opmlink-mode #my-links>h3,body.opmlink-mode #my-links>p.muted{display:none!important}
body.opmlink-mode #membershipNotice,body.opmlink-mode #linkModerationNotice{margin:0 0 10px}
body.opmlink-mode #linksForm{margin:0!important}
body.opmlink-mode #my-links .opmlink-builder-grid{
  display:grid!important;grid-template-columns:minmax(620px,1fr) 390px!important;gap:16px!important;align-items:start!important;
  min-height:calc(100vh - 122px);
}
body.opmlink-mode #my-links .opmlink-editor{
  position:relative;min-width:0;height:calc(100vh - 122px);overflow:hidden!important;
  border:1px solid var(--opm-border)!important;border-radius:18px!important;background:#08090c!important;
  display:grid;grid-template-rows:auto minmax(0,1fr);
}
.opm-links-appbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--opm-border);background:#0b0c10;z-index:30}
.opm-links-appbar-left{display:flex;align-items:center;gap:14px;min-width:0}.opm-links-title{display:grid;gap:1px;min-width:0}.opm-links-title b{font:700 13px Orbitron,sans-serif}.opm-links-title small{font-size:10px;color:#7f818a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opm-links-appbar-actions{display:flex;align-items:center;gap:8px}.opm-links-appbar-actions .btn{min-height:38px;padding:0 13px;font-size:10px}
#opmlinkDraftStatus{margin:0 4px 0 0!important;white-space:nowrap}
body.opmlink-mode #my-links .opmlink-builder-tabs{
  position:static!important;display:flex!important;gap:3px!important;padding:3px!important;margin:0!important;border:1px solid #25262d!important;border-radius:999px!important;background:#111217!important;width:max-content;max-width:100%;overflow:auto;
}
body.opmlink-mode #my-links .opmlink-builder-tabs button{min-height:34px!important;padding:0 12px!important;border-radius:999px!important;display:block!important;text-align:center!important;font:700 9px Orbitron,sans-serif!important;white-space:nowrap;color:#8d8f97!important;background:transparent!important;border:0!important}
body.opmlink-mode #my-links .opmlink-builder-tabs button small{display:none!important}
body.opmlink-mode #my-links .opmlink-builder-tabs button.active{background:#f3f3f5!important;color:#111!important}
.opm-links-workspace{min-height:0;overflow:auto;padding:18px 20px 92px;scrollbar-gutter:stable}
body.opmlink-mode #my-links .opmlink-builder-section{padding:0!important;min-height:0!important}
body.opmlink-mode #my-links .opmlink-builder-section-head{margin:0 0 12px!important}
body.opmlink-mode #my-links .opmlink-builder-section-head .eyebrow{display:none}.opmlink-builder-section-head h4{font-size:22px!important;margin:0!important}
body.opmlink-mode #my-links .opmlink-v2-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin:0!important}
body.opmlink-mode #my-links .opmlink-v2-menu-row{min-height:88px!important;border:1px solid #24252c!important;border-radius:14px!important;background:#0c0d11!important;padding:14px!important;box-shadow:none!important}
body.opmlink-mode #my-links .opmlink-v2-menu-row:hover{border-color:#494b55!important;background:#101116!important}
body.opmlink-mode #my-links .opmlink-v2-menu-row b{font-size:11px!important}.opmlink-v2-menu-row small{font-size:11px!important;line-height:1.35!important}
body.opmlink-mode #my-links .opmlink-v2-panel-head{position:sticky!important;top:-18px!important;margin:-18px -20px 14px!important;padding:12px 20px!important;background:#08090c!important;border-bottom:1px solid #202128!important;backdrop-filter:none!important;z-index:20!important}
body.opmlink-mode #my-links .opmlink-v2-panel{animation:none!important}
body.opmlink-mode #my-links .profile-divider{margin:18px 0!important;border-color:#202128!important}
body.opmlink-mode #my-links .profile-section-title{font:700 10px Orbitron,sans-serif!important;letter-spacing:.06em;margin:18px 0 8px!important;color:#d9d9df!important}
body.opmlink-mode #my-links .form-grid{gap:12px!important}
body.opmlink-mode #my-links .field label{font-size:11px!important;color:#b8bac2!important}
body.opmlink-mode #my-links .muted,body.opmlink-mode #my-links .small{font-size:11px!important;line-height:1.45!important}
body.opmlink-mode #my-links .opmlink-live-preview{position:sticky!important;top:82px!important;align-self:start!important;height:calc(100vh - 100px);overflow:hidden!important;border:1px solid var(--opm-border);border-radius:18px;background:#08090c;padding:14px!important;display:grid;grid-template-rows:auto minmax(0,1fr);place-items:start center}
body.opmlink-mode #my-links .opmlink-live-preview>.profile-section-title{width:100%;margin:0 0 10px!important;padding:0 2px!important}
body.opmlink-mode #my-links .opmlink-preview-phone{width:360px!important;max-width:100%!important;min-height:0!important;height:min(690px,calc(100vh - 152px))!important;overflow:auto!important;border-radius:30px!important;margin:0 auto!important;transform:none!important;zoom:1!important;filter:none!important;contain:layout paint;box-shadow:none!important}
body.opmlink-mode #my-links .opmlink-builder-save-global{display:none!important}

/* Compact, single-task cards */
.opm-pocket-intro{margin:-2px 0 14px;color:#858791;font-size:12px;line-height:1.5}
.opm-pocket-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid #2b2c33;border-radius:999px;font-size:9px;color:#a4a6af;background:#0e0f13}
.opm-content-quick-add{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.opm-content-quick-add button{min-height:36px;padding:0 10px;border:1px solid #2b2c33;border-radius:999px;background:#0e0f13;color:#d8d9df;font-size:10px}

/* Dedicated custom link tabs */
.opm-link-subtabs{display:none;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:999px;background:#111217;margin:4px 0 14px}
.custom-link-card.opm-link-is-editing .opm-link-subtabs{display:grid}.opm-link-subtabs button{min-height:36px;border:0;border-radius:999px;background:transparent;color:#8e9098;font:700 9px Orbitron,sans-serif}.opm-link-subtabs button.active{background:#f3f3f5;color:#111}
.custom-link-card.opm-link-is-editing[data-link-tab="details"] .custom-link-options{display:none!important}
.custom-link-card.opm-link-is-editing[data-link-tab="enhance"] .custom-link-fields{display:none!important}
.custom-link-card.opm-link-is-editing[data-link-tab="insights"] .custom-link-fields,.custom-link-card.opm-link-is-editing[data-link-tab="insights"] .custom-link-options{display:none!important}
.opm-link-inline-insights{display:none;padding:18px;border:1px dashed #303139;border-radius:12px;text-align:center;color:#8f919a;font-size:11px}.custom-link-card.opm-link-is-editing[data-link-tab="insights"] .opm-link-inline-insights{display:block}

/* Cleaner connected platform UI */
.opm-platform-row,.opm-tool-row,.opmlink-connected-socials,.opmlink-share-tools,.opmlink-campaign-panel,.opmlink-library-row,.opmlink-version-row{box-shadow:none!important;background:#0c0d11!important;border-color:#24252c!important}
.opm-platform-tabs{background:#111217!important}

/* Global portal mobile: one task at a time */
@media(max-width:980px){
  .portal-shell .container{width:calc(100vw - 12px)!important}
  body.opmlink-mode .portal-grid{display:block!important}
  body.opmlink-mode .portal-sidebar{display:none!important}
  body.opmlink-mode #my-links .opmlink-builder-grid{display:block!important;min-height:0!important}
  body.opmlink-mode #my-links .opmlink-editor{height:auto!important;min-height:calc(100vh - 92px);border-radius:12px!important;overflow:visible!important;display:block!important}
  .opm-links-appbar{position:sticky;top:0;grid-template-columns:1fr;gap:8px;padding:9px 10px;z-index:55}.opm-links-appbar-left{justify-content:space-between}.opm-links-appbar-actions{justify-content:space-between}.opm-links-title{display:none}
  body.opmlink-mode #my-links .opmlink-builder-tabs{width:100%;display:grid!important;grid-template-columns:repeat(4,1fr)!important}.opmlink-builder-tabs button{padding:0 4px!important}
  .opm-links-workspace{overflow:visible;padding:14px 12px 104px!important}
  body.opmlink-mode #my-links .opmlink-v2-menu{grid-template-columns:1fr!important}
  body.opmlink-mode #my-links .opmlink-v2-menu-row{min-height:72px!important}
  body.opmlink-mode #my-links .opmlink-v2-panel-head{top:82px!important;margin:-14px -12px 12px!important;padding:10px 12px!important}
  body.opmlink-mode #my-links .opmlink-live-preview{display:none!important}
  .opmlink-mobile-preview-btn{display:flex!important}
}
@media(max-width:560px){
  .opm-links-appbar-actions .btn{padding:0 9px!important}.opm-links-appbar-actions #opmlinkDraftStatus{font-size:9px}.opm-nav-pocket>summary{min-height:44px}
}