/* Trade Journal shell + Overview — normalized to ANANFX resource/size constitutions */
/* Device/Viewport authority is inherited from assets/system/app-shell-v3.css:
   >=1280px fluid desktop; <1280px same 1280px desktop canvas with horizontal scroll.
   Trade Journal does not define a separate mobile layout or page-local compatibility breakpoint. */
:root{
  --journal-summary-bg:#061A2B;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--brand-white,#FDFDFD);color:var(--color-text-primary,#171717);font-family:var(--font-ui,"Roboto","Noto Sans Thai",Arial,sans-serif)}
img{display:block;max-width:100%}
button,input,select{font:inherit}

/* Journal-only Device/Viewport Constitution guard — 2026-09-10
   Viewport <1280px keeps the same desktop canvas. No journal mobile/tablet reflow. */
@media (max-width:1279px){
  html,body,.journal-page{min-width:1280px}
  html,body{overflow-x:auto}
  .journal-page{width:100%;overflow-x:visible}
}

/* Header: use the shared 56px / 640x40 / 24px icon geometry from app-shell-v3. */
.journal-header{border-bottom:1px solid var(--color-border,#E6E6E6);background:var(--brand-white,#FDFDFD)}
.journal-header .header-icon{border:0;background:transparent;padding:0;color:var(--color-text-strong,#000)}
.journal-header .header-icon:hover{background:var(--gray-100,#F2F2F2)}
.journal-logo{display:block;width:120px;height:auto;max-width:none;max-height:40px;object-fit:contain}
.journal-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}
/* Header Search: same visual component language as the completed Home page.
   Geometry remains owned by app-shell-v3 (640×40, 64×40 button, 24px glyph). */
.journal-search{border:1px solid var(--color-border,#E6E6E6);background:var(--brand-white,#FDFDFD);transition:border-color 150ms ease}
.journal-search:focus-within{border-color:var(--brand-black,#000)}
.journal-search input{border:0;outline:0;background:transparent;color:var(--color-text-primary,#171717)}
.journal-search input::placeholder{color:var(--color-text-placeholder,#8A8A8A);opacity:1}
.journal-search button{border:0;background:transparent;color:var(--brand-black,#000);cursor:pointer;transition:background-color 150ms ease}
.journal-search button:hover{background:var(--gray-050,#F7F7F7)}
.journal-search button:active{background:var(--gray-100,#F2F2F2)}
.journal-search button:focus-visible{outline:2px solid var(--brand-black,#000);outline-offset:-2px}
.notify-dot{position:absolute;right:5px;top:3px;width:8px;height:8px;border-radius:50%;background:var(--brand-yellow,#FDC806)}
.account-button{border:0;background:transparent;color:var(--color-text-primary,#171717);display:flex;align-items:center;gap:8px;padding:0;font-size:14px;line-height:20px;font-weight:500}
.account-button img{width:20px;height:20px}

/* Compact rail fallback before the persistent-sidebar controller hydrates. */
.journal-sidebar{border-right:1px solid var(--color-border,#E6E6E6);background:var(--brand-white,#FDFDFD)}
.side-item{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#0F0F0F;border-radius:10px;font-size:10px;line-height:14px;font-weight:500}
.side-item img{width:24px;height:24px;filter:none;transform:none}
.side-item.active{background:transparent;color:#0F0F0F}
.side-item:hover,.side-item.active:hover{background:var(--gray-100,#F2F2F2);color:#0F0F0F}

/* Resource icon renderer. Every glyph below is sourced from the supplied ANANFX Icon System. */
.journal-resource-icon{display:inline-block;width:24px;height:24px;flex:0 0 24px;background-color:currentColor;-webkit-mask:var(--journal-icon) center/contain no-repeat;mask:var(--journal-icon) center/contain no-repeat}
.journal-resource-icon--small{width:20px;height:20px;flex-basis:20px}
.journal-resource-icon--analytics{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik01IDIxdi02Ii8+PHBhdGggZD0iTTEyIDIxVjMiLz48cGF0aCBkPSJNMTkgMjFWOSIvPjwvc3ZnPgo=")}
.journal-resource-icon--percent{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxsaW5lIHgxPSIxOSIgeDI9IjUiIHkxPSI1IiB5Mj0iMTkiLz48Y2lyY2xlIGN4PSI2LjUiIGN5PSI2LjUiIHI9IjIuNSIvPjxjaXJjbGUgY3g9IjE3LjUiIGN5PSIxNy41IiByPSIyLjUiLz48L3N2Zz4K")}
.journal-resource-icon--target{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iNiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjIiLz48L3N2Zz4K")}
.journal-resource-icon--list{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMSA1SDMiLz48cGF0aCBkPSJNMTAgMTJIMyIvPjxwYXRoIGQ9Ik0xMCAxOUgzIi8+PHBhdGggZD0iTTE1IDEyLjAwM2ExIDEgMCAwIDEgMS41MTctLjg1OWw0Ljk5NyAyLjk5N2ExIDEgMCAwIDEgMCAxLjcxOGwtNC45OTcgMi45OTdhMSAxIDAgMCAxLTEuNTE3LS44NnoiLz48L3N2Zz4K")}
.journal-resource-icon--reports{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik02IDIyYTIgMiAwIDAgMS0yLTJWNGEyIDIgMCAwIDEgMi0yaDhhMi40IDIuNCAwIDAgMSAxLjcwNC43MDZsMy41ODggMy41ODhBMi40IDIuNCAwIDAgMSAyMCA4djEyYTIgMiAwIDAgMS0yIDJ6Ii8+PHBhdGggZD0iTTE0IDJ2NWExIDEgMCAwIDAgMSAxaDUiLz48cGF0aCBkPSJNOCAxOHYtMSIvPjxwYXRoIGQ9Ik0xMiAxOHYtNiIvPjxwYXRoIGQ9Ik0xNiAxOHYtMyIvPjwvc3ZnPgo=")}
.journal-resource-icon--checklist{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjQiIHg9IjgiIHk9IjIiIHJ4PSIxIiByeT0iMSIvPjxwYXRoIGQ9Ik0xNiA0aDJhMiAyIDAgMCAxIDIgMnYxNGEyIDIgMCAwIDEtMiAySDZhMiAyIDAgMCAxLTItMlY2YTIgMiAwIDAgMSAyLTJoMiIvPjxwYXRoIGQ9Im05IDE0IDIgMiA0LTQiLz48L3N2Zz4K")}
.journal-resource-icon--success{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=")}
.journal-resource-icon--error{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBhdGggZD0ibTE1IDktNiA2Ii8+PHBhdGggZD0ibTkgOSA2IDYiLz48L3N2Zz4K")}
.journal-resource-icon--warning{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==")}
.journal-resource-icon--market{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik05IDV2NCIvPjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjYiIHg9IjciIHk9IjkiIHJ4PSIxIi8+PHBhdGggZD0iTTkgMTV2MiIvPjxwYXRoIGQ9Ik0xNyAzdjIiLz48cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI4IiB4PSIxNSIgeT0iNSIgcng9IjEiLz48cGF0aCBkPSJNMTcgMTN2MyIvPjxwYXRoIGQ9Ik0zIDN2MTZhMiAyIDAgMCAwIDIgMmgxNiIvPjwvc3ZnPgo=")}
.journal-resource-icon--settings{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0xMCA1SDMiLz48cGF0aCBkPSJNMTIgMTlIMyIvPjxwYXRoIGQ9Ik0xNCAzdjQiLz48cGF0aCBkPSJNMTYgMTd2NCIvPjxwYXRoIGQ9Ik0yMSAxMmgtOSIvPjxwYXRoIGQ9Ik0yMSAxOWgtNSIvPjxwYXRoIGQ9Ik0yMSA1aC03Ii8+PHBhdGggZD0iTTggMTB2NCIvPjxwYXRoIGQ9Ik04IDEySDMiLz48L3N2Zz4K")}
.journal-resource-icon--chevron-down{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPgo=")}
.journal-resource-icon--info{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBhdGggZD0iTTEyIDE2di00Ii8+PHBhdGggZD0iTTEyIDhoLjAxIi8+PC9zdmc+Cg==")}
.journal-resource-icon--locked{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTYiIHI9IjEiLz48cmVjdCB4PSIzIiB5PSIxMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjEyIiByeD0iMiIvPjxwYXRoIGQ9Ik03IDEwVjdhNSA1IDAgMCAxIDEwIDB2MyIvPjwvc3ZnPgo=")}
.journal-resource-icon--file{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik02IDIyYTIgMiAwIDAgMS0yLTJWNGEyIDIgMCAwIDEgMi0yaDhhMi40IDIuNCAwIDAgMSAxLjcwNC43MDZsMy41ODggMy41ODhBMi40IDIuNCAwIDAgMSAyMCA4djEyYTIgMiAwIDAgMS0yIDJ6Ii8+PHBhdGggZD0iTTE0IDJ2NWExIDEgMCAwIDAgMSAxaDUiLz48L3N2Zz4K")}
.journal-resource-icon--refresh{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMSAxMmE5IDkgMCAwIDAtOS05IDkuNzUgOS43NSAwIDAgMC02Ljc0IDIuNzRMMyA4Ii8+PHBhdGggZD0iTTMgM3Y1aDUiLz48cGF0aCBkPSJNMyAxMmE5IDkgMCAwIDAgOSA5IDkuNzUgOS43NSAwIDAgMCA2Ljc0LTIuNzRMMjEgMTYiLz48cGF0aCBkPSJNMTYgMTZoNXY1Ii8+PC9zdmc+Cg==")}
.journal-resource-icon--arrow-left{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0xMiAxOS03LTcgNy03Ii8+PHBhdGggZD0iTTE5IDEySDUiLz48L3N2Zz4K")}

.journal-main>.page-shell--journal{padding:24px 24px 32px}
.journal-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.journal-topbar[hidden],.journal-tabs[hidden]{display:none!important}
.journal-more-menu{position:relative}
.journal-more-menu summary{height:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-strong,#D2D2D2);border-radius:18px;background:var(--brand-white,#FDFDFD);color:var(--color-text-primary,#171717);padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;list-style:none}
.journal-more-menu summary::-webkit-details-marker{display:none}
.journal-more-menu[open] summary{background:var(--color-inverse-bg,#0F0F0F);border-color:var(--color-inverse-bg,#0F0F0F);color:var(--color-inverse-text,#FFFFFF)}
.journal-more-menu-panel{position:absolute;z-index:40;top:44px;right:0;width:224px;padding:8px;border:1px solid var(--color-border,#E6E6E6);border-radius:12px;background:var(--color-surface,#FDFDFD);box-shadow:0 8px 24px rgba(0,0,0,.12);display:grid;gap:4px}
.journal-more-menu-panel button{width:100%;height:36px;min-height:36px;border:0;border-radius:18px;background:transparent;color:var(--color-text-primary,#171717);padding:0 12px;text-align:left;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-more-menu-panel button:hover,.journal-more-menu-panel button:focus-visible{background:var(--color-surface-hover,#F7F7F7)}
.journal-heading{display:grid;gap:4px}
.journal-heading h1{margin:0;color:var(--color-text-strong,#000);font-size:20px;line-height:28px;font-weight:700}
.journal-heading p{margin:0;color:var(--color-text-secondary,#666);font-size:14px;line-height:20px;font-weight:400}
.journal-actions{display:flex;gap:8px;align-items:center}
.action-button{height:36px;min-height:36px;border-radius:18px;padding:0 16px;border:1px solid transparent;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.action-button.primary{background:var(--brand-yellow,#FDC806);color:var(--brand-black,#000)}
.action-button.primary:hover{background:color-mix(in srgb,var(--brand-yellow,#FDC806) 94%,#000)}
.action-button.secondary{background:var(--brand-white,#FDFDFD);border-color:var(--gray-900,#171717);color:var(--gray-900,#171717)}
.action-button.secondary:hover{background:var(--gray-050,#F7F7F7)}
.journal-tabs{display:flex;gap:12px;align-items:center;flex-wrap:nowrap;overflow:hidden;margin-top:16px}
.journal-tab{height:32px;min-height:32px;min-width:max-content;padding:0 12px;border-radius:16px;border:1px solid var(--color-border,#E6E6E6);background:var(--brand-white,#FDFDFD);color:var(--color-text-primary,#171717);font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-tab:hover{background:var(--gray-050,#F7F7F7)}
.journal-tab.is-active{background:var(--highlight-selected-bg,#0F0F0F);border-color:var(--highlight-selected-bg,#0F0F0F);color:var(--highlight-selected-fg,#FFF);font-weight:500}
.journal-tab.is-active:hover{background:var(--highlight-selected-hover,#272727);color:var(--highlight-selected-fg,#FFF)}

.journal-overview-view{margin-top:16px;display:grid;gap:16px}
.journal-overview-header-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.journal-overview-intro{display:grid;gap:4px}
.journal-overview-title{margin:0;font-size:20px;line-height:28px;font-weight:600;color:var(--color-text-primary,#171717)}
.journal-overview-description{margin:0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary,#666)}
.journal-overview-systemline{margin:8px 0 0;font-size:14px;line-height:20px;color:var(--color-text-primary,#171717)}
.journal-overview-systemlabel{color:var(--color-text-strong,#000);font-weight:500}
.journal-overview-filters{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.journal-overview-pill{position:relative;display:inline-flex;align-items:center;height:40px;min-height:40px;padding:0 16px;border-radius:20px;border:1px solid var(--color-border,#E6E6E6);background:var(--brand-white,#FDFDFD);min-width:160px;overflow:hidden;color:var(--color-text-primary,#171717)}
.journal-overview-pill select{width:100%;height:100%;border:0;outline:0;background:transparent;appearance:none;padding:0 28px 0 0;color:inherit;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-overview-select-chevron{position:absolute;right:12px;top:10px;width:20px;height:20px;flex-basis:20px;color:currentColor;pointer-events:none}
.journal-overview-pill--dark{background:var(--highlight-selected-bg,#0F0F0F);border-color:var(--highlight-selected-bg,#0F0F0F);min-width:108px;color:var(--highlight-selected-fg,#FFF)}
.journal-overview-pill--trigger{justify-content:space-between;gap:8px;cursor:pointer;color:var(--color-text-primary,#171717);font-size:14px;line-height:20px;font-weight:500}
.journal-overview-pill--trigger span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.journal-overview-trigger-arrow{width:20px;height:20px;flex-basis:20px;color:var(--color-text-primary,#171717)}
.journal-overview-export{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;min-height:36px;padding:0 16px;border-radius:18px;border:1px solid var(--color-border,#E6E6E6);background:var(--brand-white,#FDFDFD);color:var(--color-text-primary,#171717);cursor:pointer;font-size:14px;line-height:20px;font-weight:500}
.journal-overview-export:hover{background:var(--gray-050,#F7F7F7)}
.journal-overview-export-icon{width:24px;height:24px;flex-basis:24px}

.journal-overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.journal-overview-kpi-card{border:1px solid var(--color-border,#E6E6E6);border-radius:16px;background:var(--brand-white,#FDFDFD);min-height:92px;padding:16px;display:flex;align-items:center;gap:12px}
.journal-overview-kpi-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--brand-white,#FDFDFD);flex:0 0 48px}
.journal-overview-kpi-icon .journal-resource-icon{width:24px;height:24px}
.journal-overview-kpi-icon--green{border:2px solid #2F9E44;color:#2F9E44}
.journal-overview-kpi-icon--yellow{border:2px solid var(--brand-yellow,#FDC806);color:#B48700}
.journal-overview-kpi-icon--dark{border:2px solid var(--gray-900,#171717);color:var(--gray-900,#171717)}
.journal-overview-kpi-content{display:grid;gap:4px}
.journal-overview-kpi-label{font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-primary,#171717)}
.journal-overview-kpi-value{font-size:24px;line-height:32px;font-weight:700;color:var(--color-text-strong,#000)}
.journal-overview-positive{color:#228B3A}
.journal-overview-negative{color:#D34646}

.journal-overview-body{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(380px,.95fr);gap:24px;align-items:start}
/* Device/Viewport Constitution: flexible Grid children must be allowed to shrink inside their track.
   This prevents Overview cards from intruding into the adjacent card when the desktop canvas
   is narrowed by the persistent sidebar or browser viewport. */
.journal-overview-body>.journal-overview-left,
.journal-overview-body>.journal-overview-active-panel{min-width:0;max-width:100%}
.journal-overview-left{display:grid;gap:32px;min-width:0}
.journal-overview-panel{border:1px solid var(--color-border,#E6E6E6);border-radius:16px;background:var(--brand-white,#FDFDFD);padding:16px;min-width:0;max-width:100%}
.journal-overview-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
.journal-overview-panel-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:var(--color-text-primary,#171717)}
.journal-overview-panel-head p{margin:4px 0 0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary,#666)}
.journal-overview-strategy-list{display:grid}
.journal-overview-strategy-row{display:grid;grid-template-columns:minmax(0,1.4fr) auto auto auto auto;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--color-border,#E6E6E6)}
.journal-overview-strategy-row:first-child{border-top:0}
.journal-overview-strategy-main{display:flex;align-items:center;gap:12px;min-width:0}
.journal-overview-strategy-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--brand-white,#FDFDFD);flex:0 0 40px}
.journal-overview-strategy-icon .journal-resource-icon{width:24px;height:24px}
.journal-overview-strategy-icon--green{border:2px solid #2F9E44;color:#2F9E44}
.journal-overview-strategy-icon--yellow{border:2px solid var(--brand-yellow,#FDC806);color:#B48700}
.journal-overview-strategy-icon--blue{border:2px solid var(--gray-700,#444);color:var(--gray-700,#444)}
.journal-overview-strategy-name{font-size:16px;line-height:20px;font-weight:500;color:var(--color-text-primary,#171717);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-overview-status-pill{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border:1px solid #8EC89F;border-radius:16px;background:#F7FFF9;color:#2A8A3B;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.journal-overview-status-pill--paused{border-color:#D8B56A;background:#FFF9ED;color:#8F6700}
.journal-overview-status-pill--draft{border-color:var(--color-border-strong,#D2D2D2);background:var(--gray-050,#F7F7F7);color:var(--gray-600,#666)}
.journal-overview-status-pill--archived{border-color:var(--color-border-strong,#D2D2D2);background:var(--gray-050,#F7F7F7);color:var(--gray-600,#666)}
.journal-overview-strategy-count{font-size:14px;line-height:20px;color:var(--color-text-primary,#171717);white-space:nowrap}
.journal-overview-strategy-result{font-size:18px;line-height:26px;font-weight:700;white-space:nowrap}
.journal-overview-details{display:inline-flex;align-items:center;justify-content:center;height:36px;min-height:36px;padding:0 16px;border:1px solid var(--color-border,#E6E6E6);border-radius:18px;background:var(--brand-white,#FDFDFD);color:var(--color-text-primary,#171717);cursor:pointer;white-space:nowrap;font-size:14px;line-height:20px;font-weight:500}
.journal-overview-details:hover{background:var(--gray-050,#F7F7F7)}
.journal-overview-empty{padding:16px 0 4px;color:var(--color-text-secondary,#666);font-size:14px;line-height:20px}

.journal-overview-adherence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch}
.journal-overview-adherence-card{display:flex;align-items:center;gap:12px;padding:16px 4px}
.journal-overview-adherence-card + .journal-overview-adherence-card{border-left:1px solid var(--color-border,#E6E6E6);padding-left:24px}
.journal-overview-adherence-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--brand-white,#FDFDFD);flex:0 0 48px}
.journal-overview-adherence-icon .journal-resource-icon{width:24px;height:24px}
.journal-overview-adherence-icon--green{border:2px solid #2F9E44;color:#2F9E44}
.journal-overview-adherence-icon--red{border:2px solid #D34646;color:#D34646}
.journal-overview-adherence-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;flex:1 1 auto}
.journal-overview-adherence-name{font-size:16px;line-height:20px;font-weight:500;color:var(--color-text-primary,#171717)}
.journal-overview-adherence-count{font-size:18px;line-height:26px;font-weight:700;color:var(--color-text-strong,#000)}
.journal-overview-adherence-count span{font-weight:400;font-size:14px;line-height:20px}
.journal-overview-adherence-result{font-size:18px;line-height:26px;font-weight:700;white-space:nowrap}

.journal-overview-active-panel{border:1px solid var(--journal-summary-bg);border-radius:16px;background:var(--journal-summary-bg);padding:24px;color:#FDFDFD;display:grid;gap:16px;min-height:456px}
.journal-overview-active-eyebrow{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#FDFDFD}
.journal-overview-active-panel h3{margin:4px 0 0;font-size:20px;line-height:28px;font-weight:700;color:#FDFDFD}
.journal-overview-statusline{margin-top:8px}
.journal-overview-approved{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;color:var(--brand-yellow,#FDC806)}
.journal-overview-approved::before{content:"";display:inline-block;width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=") center/contain no-repeat}
.journal-overview-active-meta{margin:4px 0 0;font-size:14px;line-height:20px;font-weight:400;color:#FDFDFD}
.journal-overview-active-section{padding-top:16px;border-top:1px solid rgba(253,253,253,.16)}
.journal-overview-active-section h4{margin:0 0 8px;font-size:16px;line-height:20px;font-weight:500;color:#FDFDFD}
.journal-overview-readiness-list{display:grid;gap:8px}
.journal-overview-readiness-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:20px}
.journal-overview-readiness-label{display:inline-flex;align-items:center;gap:12px;color:#FDFDFD}
.journal-overview-mini-icon{display:inline-grid;place-items:center;width:24px;height:24px;color:#FDFDFD}
.journal-overview-mini-icon .journal-resource-icon{width:24px;height:24px}
.journal-overview-progress-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px}
.journal-overview-progress{height:8px;border-radius:999px;background:rgba(253,253,253,.18);overflow:hidden}
.journal-overview-progress span{display:block;height:100%;width:0;border-radius:999px;background:var(--brand-yellow,#FDC806)}
.journal-overview-active-actions{display:grid;gap:8px}
.journal-overview-cta{width:100%;height:36px;min-height:36px;border-radius:18px;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.journal-overview-cta .journal-resource-icon{width:24px;height:24px}
.journal-overview-cta--primary{border:0;background:var(--brand-yellow,#FDC806);color:var(--brand-black,#000)}
.journal-overview-cta--primary:hover{background:color-mix(in srgb,var(--brand-yellow,#FDC806) 94%,#000)}
.journal-overview-cta--secondary{border:1px solid rgba(253,253,253,.78);background:transparent;color:#FDFDFD}
.journal-overview-cta--secondary:hover{background:rgba(253,253,253,.10)}
.journal-overview-warning{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;color:var(--brand-yellow,#FDC806);margin-top:auto}
.journal-overview-warning .journal-resource-icon{width:20px;height:20px;flex-basis:20px}

/* Overview interaction states follow the active Global Color/Button constitutions without changing geometry. */
.journal-overview-pill:focus-within{border-width:2px;border-color:var(--brand-black,#000)}
.journal-overview-pill--dark:focus-within{border-color:var(--highlight-selected-bg,#0F0F0F);outline:2px solid var(--brand-yellow,#FDC806);outline-offset:2px}
.journal-overview-pill--trigger:focus-visible,
.journal-overview-export:focus-visible,
.journal-overview-details:focus-visible{outline:2px solid var(--brand-black,#000);outline-offset:0}
.journal-overview-cta--primary:focus-visible{outline:2px solid var(--brand-black,#000);outline-offset:2px}
.journal-overview-cta--secondary:focus-visible{outline:2px solid var(--brand-yellow,#FDC806);outline-offset:2px}
.journal-overview-export:active,
.journal-overview-details:active{background:var(--gray-100,#F2F2F2)}
.journal-overview-cta--primary:active{background:color-mix(in srgb,var(--brand-yellow,#FDC806) 88%,#000)}
.journal-overview-cta--secondary:active{background:rgba(253,253,253,.16)}
.journal-overview-export:disabled,
.journal-overview-details:disabled{background:var(--gray-050,#F7F7F7);border-color:var(--color-border,#E6E6E6);color:var(--color-text-disabled,#B5B5B5);cursor:not-allowed}
.journal-overview-cta:disabled{background:var(--gray-100,#F2F2F2);border-color:var(--gray-100,#F2F2F2);color:var(--color-text-disabled,#B5B5B5);cursor:not-allowed;opacity:1}

/* Overview Loading State — Skeleton is scoped to the existing Overview card geometry only. */
.journal-overview-view[data-loading="true"] .journal-overview-kpi-card,
.journal-overview-view[data-loading="true"] .journal-overview-panel,
.journal-overview-view[data-loading="true"] .journal-overview-active-panel{opacity:1;transition:none}
.journal-overview-view[data-loading="true"] .journal-overview-export:disabled{background:var(--gray-050,#F7F7F7);border-color:var(--color-border,#E6E6E6);color:var(--color-text-disabled,#B5B5B5);cursor:not-allowed}
.journal-overview-view[data-loading="true"] .journal-overview-loading-kpi{width:100%;display:flex;align-items:center;gap:12px}
.journal-overview-view[data-loading="true"] .journal-overview-loading-kpi-bars{display:grid;gap:8px;min-width:0;flex:1 1 auto}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-circle{display:block;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:var(--gray-100,#F2F2F2)}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-circle--row{width:40px;height:40px;flex-basis:40px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-line,
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-capsule{display:block;background:var(--gray-100,#F2F2F2)}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-line{height:12px;border-radius:6px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-line--kpi-short{width:58%;max-width:124px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-line--kpi-long{width:78%;max-width:156px}
.journal-overview-view[data-loading="true"] .journal-overview-loading-primary{display:grid;gap:8px;min-height:266px}
.journal-overview-view[data-loading="true"] .journal-overview-loading-heading{display:grid;gap:8px;padding-bottom:4px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-line--heading{width:34%;max-width:270px;height:16px;border-radius:8px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-line--support{width:22%;max-width:176px}
.journal-overview-view[data-loading="true"] .journal-overview-loading-rows{display:grid}
.journal-overview-view[data-loading="true"] .journal-overview-loading-row{display:grid;grid-template-columns:40px minmax(0,1.55fr) minmax(70px,.62fr) minmax(70px,.62fr) 92px;align-items:center;gap:12px;min-height:68px;border-top:1px solid var(--color-border,#E6E6E6)}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-line--row-main{width:76%;height:14px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-line--meta{width:82%;justify-self:center}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-capsule{width:92px;height:32px;border-radius:16px;justify-self:end}
.journal-overview-view[data-loading="true"] .journal-overview-loading-secondary{display:grid;gap:16px;min-height:94px}
.journal-overview-view[data-loading="true"] .journal-overview-loading-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
.journal-overview-view[data-loading="true"] .journal-overview-loading-secondary-item{display:flex;align-items:center;gap:12px;min-height:58px;padding:4px}
.journal-overview-view[data-loading="true"] .journal-overview-loading-secondary-item + .journal-overview-loading-secondary-item{border-left:1px solid var(--color-border,#E6E6E6);padding-left:24px}
.journal-overview-view[data-loading="true"] .journal-overview-loading-secondary-bars{display:grid;gap:8px;min-width:0;flex:1 1 auto}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-line--secondary-main{width:68%;height:14px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-line--secondary-sub{width:88%}
.journal-overview-view[data-loading="true"] .journal-overview-loading-dark{min-height:406px;display:grid;grid-template-rows:auto auto 1px minmax(0,1fr) auto auto;gap:16px;color:#FDFDFD}
.journal-overview-view[data-loading="true"] .journal-overview-loading-status{display:flex;align-items:center;gap:8px;font-size:16px;line-height:20px;font-weight:500;color:#FDFDFD}
.journal-overview-view[data-loading="true"] .journal-overview-loading-status-dot{display:block;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:rgba(253,253,253,.20)}
.journal-overview-view[data-loading="true"] .journal-overview-loading-dark-head{display:grid;gap:8px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-dark-line,
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-dark-dot,
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-dark-capsule{display:block;background:rgba(253,253,253,.18)}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-dark-line{height:12px;border-radius:6px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-dark-line--title{width:54%;height:16px;border-radius:8px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-dark-line--meta{width:48%}
.journal-overview-view[data-loading="true"] .journal-overview-loading-dark-divider{display:block;height:1px;background:rgba(253,253,253,.16)}
.journal-overview-view[data-loading="true"] .journal-overview-loading-dark-rows{display:grid;gap:8px;align-content:start}
.journal-overview-view[data-loading="true"] .journal-overview-loading-dark-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:22px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-dark-dot{width:20px;height:20px;border-radius:50%}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-dark-line--row{width:38%;min-width:108px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-dark-line--value{width:52px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-dark-line--progress{width:100%;height:8px;border-radius:999px;margin-top:2px}
.journal-overview-view[data-loading="true"] .journal-overview-loading-dark-actions{display:grid;gap:8px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-dark-capsule{width:100%;height:36px;border-radius:18px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-dark-line--warning{width:48%;height:10px}
.journal-overview-view[data-loading="true"] .journal-overview-skeleton-pulse{animation:journal-overview-skeleton-pulse 1.2s ease-in-out infinite}
@keyframes journal-overview-skeleton-pulse{0%,100%{opacity:.72}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.journal-overview-view[data-loading="true"] .journal-overview-skeleton-pulse{animation:none}}

.journal-system-switcher-backdrop[hidden],
.journal-system-switcher-dialog[hidden],
.drawer-backdrop[hidden],
.nav-drawer[aria-hidden="true"],
.toast[hidden]{display:none!important}
.journal-system-switcher-backdrop{position:fixed;inset:0;background:rgba(15,15,15,.42);z-index:1240}
.journal-system-switcher-dialog{position:fixed;inset:0;display:grid;place-items:center;z-index:1250;padding:24px}
.journal-system-switcher-panel{width:min(640px,calc(max(100vw,1280px) - 40px));max-height:min(82vh,680px);background:#fff;border:1px solid #DEDEDE;border-radius:24px;box-shadow:0 28px 80px rgba(15,15,15,.22);display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden}
.journal-system-switcher-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px 8px}
.journal-system-switcher-head h2{margin:0;font-size:20px;line-height:28px;color:#171717}
.journal-system-switcher-head p{margin:4px 0 0;font-size:15px;line-height:22px;color:var(--color-text-secondary)}
.journal-system-switcher-close{width:40px;height:40px;flex:0 0 40px;border:1px solid #E2E2E2;border-radius:50%;background:#fff;color:#171717;cursor:pointer;font-size:28px;line-height:1;display:grid;place-items:center}
.journal-system-switcher-searchwrap{margin:0 24px 12px;padding:0 16px;height:48px;border:1px solid #DDDDDD;border-radius:18px;display:flex;align-items:center;gap:12px}
.journal-system-switcher-searchicon{font-size:24px;line-height:1;color:#454545}
.journal-system-switcher-searchwrap input{width:100%;border:0;outline:0;background:transparent;color:#171717}
.journal-system-switcher-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 24px 12px}
.journal-system-switcher-filter{height:34px;padding:0 16px;border-radius:999px;border:1px solid #DADADA;background:#fff;color:#171717;cursor:pointer}
.journal-system-switcher-filter.is-active{background:#0F0F0F;border-color:#0F0F0F;color:#fff}
.journal-system-switcher-results{padding:0 16px 0 24px;overflow:auto}
.journal-system-switcher-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 16px 16px 0;border-top:1px solid #E9E9E9}
.journal-system-switcher-row:first-child{border-top:0}
.journal-system-switcher-row.is-current{background:#FFF7E0;border-radius:18px;margin-right:8px;padding-right:16px;padding-left:16px}
.journal-system-switcher-row.is-current::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#F3B600;border-radius:4px 0 0 4px}
.journal-system-switcher-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:700;border:2px solid #D2D2D2;background:#fff;color:#171717;flex:0 0 52px}
.journal-system-switcher-icon--yellow{border-color:#E7B31F;color:#E7B31F}
.journal-system-switcher-icon--green{border-color:#3AA55D;color:#2E8B4A}
.journal-system-switcher-icon--gray{border-color:#AFAFAF;color:#666}
.journal-system-switcher-main{min-width:0;display:grid;gap:8px}
.journal-system-switcher-title{font-size:17px;line-height:24px;font-weight:700;color:#171717;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.journal-system-switcher-titletext{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.journal-system-switcher-subtitle{font-size:15px;line-height:22px;color:#171717}
.journal-system-switcher-badges,.journal-system-switcher-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.journal-system-switcher-badge{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;border:1px solid #E0E0E0;background:#fff;color:#171717;font-size:14px;line-height:20px}
.journal-system-switcher-badge--approved{background:#FFF9E7;border-color:#F3D264}
.journal-system-switcher-badge--approved::before{content:none}
.journal-system-switcher-badge--free{background:#FFF0A9;border-color:#F1CB36;font-weight:700}
.journal-system-switcher-badge--unapproved{background:#FAFAFA;border-color:#D9D9D9}
.journal-system-switcher-badge--unapproved::before{content:none}
.journal-system-switcher-badge--suspended{background:#F5F5F5;border-color:#D1D1D1;color:#666}
.journal-system-switcher-badge--suspended::before{content:none}
.journal-system-switcher-meta{font-size:14px;line-height:20px;color:#555}
.journal-system-switcher-inline{display:inline-flex;align-items:center;gap:8px;padding:0 12px;height:30px;border-radius:999px;border:1px solid #E3E3E3;background:#fff;color:#333;font-size:14px;line-height:20px}
.journal-system-switcher-rowcta{height:38px;padding:0 16px;border-radius:999px;border:1px solid #171717;background:#fff;color:#171717;cursor:pointer;white-space:nowrap;font-weight:500}
.journal-system-switcher-rowcta--current{background:#0F0F0F;border-color:#0F0F0F;color:#fff;cursor:default}
.journal-system-switcher-rowcta--disabled{background:#F3F3F3;border-color:#E2E2E2;color:#8C8C8C;cursor:not-allowed}
.journal-system-switcher-rowcta[disabled]{pointer-events:none}
.journal-system-switcher-empty{padding:16px 0 16px 4px;color:#6E6E73;font-size:15px;line-height:22px}
.journal-system-switcher-empty button{margin-top:12px;height:36px;border-radius:999px;border:1px solid #171717;background:#fff;padding:0 16px;cursor:pointer}
.journal-system-switcher-notice{display:flex;align-items:center;gap:8px;margin:12px 16px 16px 24px;padding:16px 16px;border:1px solid #E9D5A6;background:#FFF7E0;border-radius:16px;color:#5A4C18;font-size:14px;line-height:20px}
.journal-system-switcher-notice-icon{font-size:18px;line-height:1}
.app-root.system-switcher-open{overflow:hidden}

.popover{position:fixed;z-index:1100;min-width:220px;padding:16px;border:1px solid var(--color-border);border-radius:10px;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.14)}
.popover b{display:block;margin-bottom:8px}
.popover p,.popover button{font-size:14px}
.popover button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:8px 0}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:1190}
.nav-drawer{position:fixed;left:0;top:0;bottom:0;width:320px;background:#fff;z-index:1200;transform:translateX(-100%);transition:transform .16s ease;display:flex;flex-direction:column;border-right:1px solid var(--color-border)}
.nav-drawer.open{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;gap:12px;height:56px;padding:0 12px;border-bottom:1px solid var(--color-border)}
.drawer-head button{width:40px;height:40px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center}
.drawer-head img:last-child{height:32px;width:auto}
.nav-drawer nav{display:grid;padding:12px}
.nav-drawer nav a{padding:12px 8px;border-radius:10px;text-decoration:none;color:#111}
.nav-drawer nav a.active{background:#FFF7DA;font-weight:600}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1260;background:#000;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}


/* Single Strategy Overview — same Overview tokens/resources; no separate geometry system. */
.journal-single-strategy-contextline{margin:0;font-size:14px;line-height:20px;color:var(--color-text-primary,#171717)}
.journal-single-strategy-contextlabel{color:var(--color-text-strong,#000);font-weight:500}
.journal-single-strategy-event-list{display:grid}
.journal-single-strategy-event-row{display:grid;grid-template-columns:minmax(0,1.55fr) auto auto auto auto;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--color-border,#E6E6E6)}
.journal-single-strategy-event-row:first-child{border-top:0}
.journal-single-strategy-event-main{display:flex;align-items:center;gap:12px;min-width:0}
.journal-single-strategy-event-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--brand-white,#FDFDFD);flex:0 0 40px}
.journal-single-strategy-event-icon .journal-resource-icon{width:24px;height:24px}
.journal-single-strategy-event-icon--green{border:2px solid #2F9E44;color:#2F9E44}
.journal-single-strategy-event-icon--yellow{border:2px solid var(--brand-yellow,#FDC806);color:#B48700}
.journal-single-strategy-event-icon--blue{border:2px solid var(--gray-700,#444);color:var(--gray-700,#444)}
.journal-single-strategy-event-name{font-size:16px;line-height:20px;font-weight:500;color:var(--color-text-primary,#171717);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-single-strategy-event-count{font-size:14px;line-height:20px;color:var(--color-text-primary,#171717);white-space:nowrap}
.journal-single-strategy-event-result{font-size:18px;line-height:26px;font-weight:700;white-space:nowrap}
.journal-single-strategy-data-error{padding:16px 0;color:#B42318;font-size:14px;line-height:20px}
.journal-single-strategy-data-error strong{display:block;margin-bottom:4px}
.journal-single-strategy-neutral{color:var(--color-text-secondary,#666)}
.journal-overview-view[data-strategy-mode="single"]{gap:16px}
.journal-overview-view[data-strategy-mode="single"] .journal-overview-intro{gap:4px}
.journal-overview-view[data-strategy-mode="single"] .journal-overview-systemline{margin-top:8px;line-height:20px}
.journal-overview-view[data-strategy-mode="single"] .journal-single-strategy-contextline{line-height:20px}
.journal-overview-view[data-strategy-mode="single"] .journal-overview-body{grid-template-columns:minmax(0,1fr) minmax(420px,440px);gap:24px}
.journal-overview-view[data-strategy-mode="single"] .journal-single-strategy-event-row{padding:16px 0}
.journal-overview-view[data-strategy-mode="single"] .journal-overview-active-panel{gap:16px;padding:24px;min-height:0}
.journal-overview-view[data-strategy-mode="single"] .journal-overview-active-section{padding-top:16px}
.journal-overview-view[data-strategy-mode="single"] .journal-overview-active-section h4{margin-bottom:8px}
.journal-overview-view[data-strategy-mode="single"] .journal-overview-readiness-list{gap:8px}
.journal-overview-view[data-strategy-mode="single"] .journal-overview-progress-wrap{margin-top:12px}
.journal-overview-view[data-strategy-mode="single"] .journal-overview-active-actions{gap:8px}

/* Shared Strategy Detail View — Trade Journal only */
.journal-strategy-detail-view{margin-top:20px;display:grid;gap:16px}
.journal-strategy-detail-view[hidden]{display:none!important}
.journal-strategy-detail-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding-top:2px}
.journal-strategy-detail-back,.journal-strategy-detail-edit{height:38px;min-height:38px;padding:0 16px;border:1px solid #171717;border-radius:999px;background:#fff;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-strategy-detail-back span:first-child{font-size:24px;line-height:1;font-weight:400}
.journal-strategy-detail-edit span:first-child{font-size:20px;line-height:1}
.journal-strategy-detail-edit:disabled{color:#777;border-color:#CFCFCF;background:#FAFAFA;cursor:not-allowed}
.journal-strategy-detail-headingwrap{display:flex;align-items:baseline;gap:16px;min-width:0}
.journal-strategy-detail-headingwrap h2{margin:0;font-size:25px;line-height:34px;font-weight:700;color:#171717;outline:none;white-space:nowrap}
.journal-strategy-detail-headingwrap p{margin:0;font-size:14px;line-height:20px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-strategy-detail-breadcrumb{display:flex;align-items:center;gap:8px;min-height:28px;font-size:15px;line-height:22px;color:#171717}
.journal-strategy-detail-breadcrumb-label{color:#3F66C3;font-weight:600}
.journal-strategy-detail-breadcrumb-separator{font-size:24px;color:#444;line-height:1;margin:0 2px}

.journal-strategy-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.journal-strategy-detail-kpi-card{min-height:92px;padding:16px 16px;border:1px solid var(--color-border);border-radius:16px;background:#fff;display:flex;align-items:center;gap:16px}
.journal-strategy-detail-kpi-icon{width:52px;height:52px;flex:0 0 52px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:28px;font-weight:700}
.journal-strategy-detail-kpi-icon--green{border:2px solid #2F9E44;color:#2F9E44}
.journal-strategy-detail-kpi-icon--yellow{border:2px solid #E5B321;color:#E5B321}
.journal-strategy-detail-kpi-icon--dark{border:2px solid #171717;color:#171717}
.journal-strategy-detail-kpi-label{font-size:16px;line-height:22px;color:#171717}
.journal-strategy-detail-kpi-value{margin-top:2px;font-size:24px;line-height:32px;font-weight:700;color:#111}

.journal-strategy-detail-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,440px);gap:16px;align-items:start}
.journal-strategy-detail-main{display:grid;gap:12px;min-width:0}
.journal-strategy-detail-card{border:1px solid var(--color-border);border-radius:16px;background:#fff;padding:16px 20px}
.journal-strategy-detail-card-title,.journal-strategy-detail-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-strategy-detail-name-row{display:flex;align-items:center;gap:16px;margin-top:2px;min-width:0}
.journal-strategy-detail-name-row h3{margin:0;font-size:26px;line-height:34px;font-weight:700;color:#111;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.journal-strategy-detail-status{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 15px;border:1px solid #8EC89F;border-radius:999px;background:#F7FFF9;color:#2A8A3B;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.journal-strategy-detail-status--paused{border-color:#D8B56A;background:#FFF9ED;color:#8F6700}
.journal-strategy-detail-status--draft{border-color:#D3D3D3;background:#FAFAFA;color:#666}
.journal-strategy-detail-meta{margin:8px 0 0;font-size:15px;line-height:22px;color:#555}
.journal-strategy-detail-description{margin:4px 0 0;font-size:15px;line-height:22px;color:#171717}
.journal-strategy-detail-parent{margin:4px 0 0;font-size:14px;line-height:20px;color:#666}
.journal-strategy-detail-parent span{color:#3F66C3;font-weight:600}
.journal-strategy-detail-parent strong{font-weight:400;color:#555}

.journal-strategy-detail-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:2px}
.journal-strategy-detail-card-head>span{font-size:15px;line-height:22px;color:#171717;white-space:nowrap}
.journal-strategy-detail-event-list{display:grid}
.journal-strategy-detail-event-row{display:grid;grid-template-columns:minmax(0,1.7fr) auto auto auto;align-items:center;gap:16px;min-height:50px;border-top:1px solid #ECECEC;padding:8px 0}
.journal-strategy-detail-event-row:first-child{border-top:0}
.journal-strategy-detail-event-main{display:flex;align-items:center;gap:12px;min-width:0}
.journal-strategy-detail-event-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:19px;font-weight:700}
.journal-strategy-detail-event-icon--green{border:2px solid #2F9E44;color:#2F9E44}
.journal-strategy-detail-event-icon--yellow{border:2px solid #E5B321;color:#E5B321}
.journal-strategy-detail-event-icon--blue{border:2px solid #3F66C3;color:#3F66C3}
.journal-strategy-detail-event-name{font-size:15px;line-height:22px;font-weight:500;color:#171717;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-strategy-detail-event-count{font-size:15px;line-height:22px;color:#171717;white-space:nowrap}
.journal-strategy-detail-event-result{font-size:17px;line-height:24px;font-weight:700;white-space:nowrap}
.journal-strategy-detail-event-button{height:34px;padding:0 15px;border:1px solid #171717;border-radius:999px;background:#fff;color:#171717;font-size:14px;line-height:20px;white-space:nowrap}
.journal-strategy-detail-event-button:disabled{color:#777;border-color:#BFBFBF;background:#FAFAFA;cursor:not-allowed}
.journal-strategy-detail-empty{padding:16px 0;color:#6E6E73;font-size:15px;line-height:22px}
.journal-strategy-detail-integrity-error{padding:16px 0;color:#B42318;font-size:15px;line-height:22px}
.journal-strategy-detail-integrity-error strong{display:block;margin-bottom:4px}

.journal-strategy-detail-adherence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:3px}
.journal-strategy-detail-adherence-item{display:flex;align-items:center;gap:16px;padding:8px 4px}
.journal-strategy-detail-adherence-item+.journal-strategy-detail-adherence-item{border-left:1px solid #E7E7E7;padding-left:32px}
.journal-strategy-detail-adherence-icon{width:50px;height:50px;flex:0 0 50px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:29px;font-weight:700}
.journal-strategy-detail-adherence-icon--green{border:2px solid #2F9E44;color:#2F9E44}
.journal-strategy-detail-adherence-icon--red{border:2px solid #E23B3B;color:#E23B3B}
.journal-strategy-detail-adherence-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;flex:1 1 auto;min-width:0}
.journal-strategy-detail-adherence-name{font-size:15px;line-height:22px;color:#171717}
.journal-strategy-detail-adherence-count{font-size:20px;line-height:28px;font-weight:700;color:#111;white-space:nowrap}
.journal-strategy-detail-adherence-count span{font-size:15px;font-weight:400}
.journal-strategy-detail-adherence-result{font-size:20px;line-height:28px;font-weight:700;white-space:nowrap}

.journal-strategy-detail-summary{min-height:454px;border:1px solid #0B1C33;border-radius:16px;background:radial-gradient(circle at 86% 0%,rgba(17,91,193,.23),transparent 34%),linear-gradient(180deg,#021125 0%,#04192F 100%);padding:16px 20px;color:#fff;display:grid;gap:13px}
.journal-strategy-detail-summary-eyebrow{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#fff}
.journal-strategy-detail-summary h3{margin:1px 0 0;font-size:26px;line-height:34px;font-weight:700;color:#fff}
.journal-strategy-detail-summary-context{margin:1px 0 0;font-size:15px;line-height:22px;color:rgba(255,255,255,.9)}
.journal-strategy-detail-summary-status{margin-top:5px;display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:22px;font-weight:600;color:#FFD24A}
.journal-strategy-detail-summary-status::before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#F8C51A;color:#061421;font-size:12px;font-weight:800}
.journal-strategy-detail-summary-status--paused{color:#FFD24A}
.journal-strategy-detail-summary-status--paused::before{content:"Ⅱ";background:#D3A521}
.journal-strategy-detail-summary-section{padding-top:8px;border-top:1px solid rgba(255,255,255,.17)}
.journal-strategy-detail-summary-section h4{margin:0 0 8px;font-size:18px;line-height:26px;color:#fff}
.journal-strategy-detail-readiness-list{display:grid;gap:8px}
.journal-strategy-detail-readiness-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;line-height:22px;color:#fff}
.journal-strategy-detail-readiness-row>span{display:inline-flex;align-items:center;gap:8px}
.journal-strategy-detail-progress-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:8px}
.journal-strategy-detail-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}
.journal-strategy-detail-progress span{display:block;height:100%;width:0;background:var(--brand-yellow);border-radius:999px;transition:width .16s ease}
.journal-strategy-detail-actions{display:grid;gap:8px}
.journal-strategy-detail-cta{height:38px;min-height:38px;border-radius:999px;padding:0 16px;font-size:14px;line-height:20px;font-weight:600;cursor:pointer}
.journal-strategy-detail-cta--primary{border:0;background:var(--brand-yellow);color:#111}
.journal-strategy-detail-cta--secondary{border:1px solid rgba(255,255,255,.78);background:transparent;color:#fff}
.journal-strategy-detail-cta:disabled{opacity:.52;cursor:not-allowed}
.journal-strategy-detail-warning{display:flex;align-items:center;gap:8px;margin-top:auto;color:#FFD24A;font-size:15px;line-height:22px}
.journal-strategy-detail-warning::before{content:"⚠";font-size:21px;line-height:1}

.journal-strategy-detail-view[data-loading="true"] .journal-strategy-detail-kpi-card,
.journal-strategy-detail-view[data-loading="true"] .journal-strategy-detail-card,
.journal-strategy-detail-view[data-loading="true"] .journal-strategy-detail-summary{opacity:.62;transition:opacity .14s ease}
.journal-strategy-detail-view[data-loading="true"] button{pointer-events:none}



/* Shared Checklist View — Trade Journal only */
.journal-checklist-view{margin-top:20px;display:grid;gap:16px}
.journal-checklist-view[hidden]{display:none!important}
.journal-checklist-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding-top:2px}
.journal-checklist-back,.journal-checklist-guide{height:38px;min-height:38px;padding:0 16px;border:1px solid #171717;border-radius:999px;background:#fff;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-checklist-back span:first-child{font-size:24px;line-height:1;font-weight:400}
.journal-checklist-guide span:first-child{font-size:18px;line-height:1}
.journal-checklist-headingwrap{display:flex;align-items:baseline;gap:16px;min-width:0}
.journal-checklist-headingwrap h2{margin:0;font-size:25px;line-height:34px;font-weight:700;color:#171717;outline:none;white-space:nowrap}
.journal-checklist-headingwrap p{margin:0;font-size:14px;line-height:20px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-checklist-breadcrumb{display:flex;align-items:center;gap:8px;min-height:28px;font-size:15px;line-height:22px;color:#171717;flex-wrap:wrap}
.journal-checklist-context-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px;border:1px solid var(--color-border,#E6E6E6);border-radius:12px;background:var(--color-surface,#FDFDFD)}
.journal-checklist-context-picker label{display:grid;gap:8px;color:var(--color-text-primary,#171717);font-size:14px;line-height:20px;font-weight:500}
.journal-checklist-context-picker select{width:100%;height:40px;min-height:40px;padding:0 40px 0 12px;border:1px solid var(--color-border-strong,#D2D2D2);border-radius:20px;background:var(--color-surface,#FDFDFD);color:var(--color-text-primary,#171717);font:inherit;font-weight:400;cursor:pointer}
.journal-checklist-context-picker select:focus{outline:2px solid var(--brand-black,#0F0F0F);outline-offset:2px}
.journal-checklist-breadcrumb-label{color:#3F66C3;font-weight:600}
.journal-checklist-breadcrumb-separator{font-size:24px;color:#444;line-height:1;margin:0 2px}
.journal-checklist-version-badge{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:999px;border:1px solid #D9D9D9;background:#FAFAFA;color:#555;font-size:14px;line-height:20px;white-space:nowrap}

.journal-checklist-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,420px);gap:16px;align-items:start}
.journal-checklist-main{display:grid;gap:16px;min-width:0}
.journal-checklist-card{border:1px solid var(--color-border);border-radius:16px;background:#fff;padding:16px 16px}
.journal-checklist-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.journal-checklist-card-titlewrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.journal-checklist-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-checklist-state-pill{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:999px;border:1px solid #F3CF67;background:#FFF8E0;color:#C48600;font-size:14px;line-height:20px;font-weight:600;white-space:nowrap}
.journal-checklist-state-pill--complete{border-color:#8EC89F;background:#F7FFF9;color:#2A8A3B}
.journal-checklist-progress-copy{font-size:16px;line-height:24px;color:#171717;white-space:nowrap}
.journal-checklist-progress-copy strong{font-weight:700}
.journal-checklist-groups{display:grid;gap:8px}
.journal-checklist-group+.journal-checklist-group{margin-top:4px}
.journal-checklist-group-title{margin:0 0 8px;font-size:15px;line-height:22px;font-weight:700;color:#171717}
.journal-checklist-group-list{display:grid;gap:8px}
.journal-checklist-item{width:100%;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:42px;padding:0 16px;border-radius:14px;border:1px solid #9DC8A5;background:#F6FCF7;color:#171717;text-align:left;cursor:pointer;transition:border-color .15s ease, background-color .15s ease, transform .15s ease}
.journal-checklist-item:hover{transform:translateY(-1px)}
.journal-checklist-item[aria-pressed="true"]{border-color:#8BBF95;background:#F2FBF3}
.journal-checklist-item[aria-pressed="false"]{border-color:#E0BC59;background:#FFF8E3}
.journal-checklist-item-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:700;flex:0 0 26px}
.journal-checklist-item[aria-pressed="true"] .journal-checklist-item-icon{border:2px solid #2F9E44;background:#fff;color:#2F9E44}
.journal-checklist-item[aria-pressed="false"] .journal-checklist-item-icon{border:2px solid #E5B321;background:#fff;color:#E5B321}
.journal-checklist-item-number{font-size:15px;line-height:22px;font-weight:600;color:#333}
.journal-checklist-item-text{font-size:15px;line-height:22px;color:#171717;min-width:0}
.journal-checklist-item-status{font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.journal-checklist-item[aria-pressed="true"] .journal-checklist-item-status{color:#2A8A3B}
.journal-checklist-item[aria-pressed="false"] .journal-checklist-item-status{color:#C48600}
.journal-checklist-note{display:flex;align-items:center;gap:12px;padding:16px 16px;border:1px solid #D9E1F2;border-radius:14px;background:#F7F9FE;color:#3A4868;font-size:15px;line-height:22px}
.journal-checklist-note-icon{font-size:20px;line-height:1;color:#4B64A8}

.journal-checklist-summary{min-height:486px;border:1px solid #0B1C33;border-radius:16px;background:radial-gradient(circle at 86% 0%,rgba(17,91,193,.23),transparent 34%),linear-gradient(180deg,#021125 0%,#04192F 100%);padding:16px 20px;color:#fff;display:grid;gap:12px}
.journal-checklist-summary-eyebrow{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#fff}
.journal-checklist-summary h3{margin:1px 0 0;font-size:26px;line-height:34px;font-weight:700;color:#fff}
.journal-checklist-summary-event{margin:1px 0 0;font-size:15px;line-height:22px;color:rgba(255,255,255,.92)}
.journal-checklist-summary-status{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:22px;font-weight:600;color:#FFD24A}
.journal-checklist-summary-status::before{content:"•";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#F8C51A;color:#061421;font-size:24px;line-height:1}
.journal-checklist-summary-status--complete{color:#FFD24A}
.journal-checklist-summary-status--complete::before{content:"✓";font-size:13px;font-weight:800}
.journal-checklist-summary-section{padding-top:8px;border-top:1px solid rgba(255,255,255,.17)}
.journal-checklist-summary-section--score{padding-top:4px;border-top:1px solid rgba(255,255,255,.17)}
.journal-checklist-summary-ratio{font-size:42px;line-height:50px;font-weight:700;color:#fff}
.journal-checklist-summary-progress-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:8px}
.journal-checklist-summary-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}
.journal-checklist-summary-progress span{display:block;height:100%;width:0;background:var(--brand-yellow);border-radius:999px;transition:width .16s ease}
.journal-checklist-summary-breakdown{display:grid;gap:8px}
.journal-checklist-summary-breakdown-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:15px;line-height:22px;color:#fff}
.journal-checklist-summary-breakdown-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:14px;font-weight:700}
.journal-checklist-summary-breakdown-icon--complete{border:2px solid #73CF88;color:#73CF88}
.journal-checklist-summary-breakdown-icon--pending{border:2px solid #F0C042;color:#F0C042}
.journal-checklist-summary-actions{display:grid;gap:8px;margin-top:auto}
.journal-checklist-cta{height:38px;min-height:38px;border-radius:999px;padding:0 16px;font-size:14px;line-height:20px;font-weight:600;cursor:pointer}
.journal-checklist-cta--primary{border:0;background:var(--brand-yellow);color:#111}
.journal-checklist-cta--primary:disabled{background:#B9BDC7;color:#EAEAEA;cursor:not-allowed;opacity:1}
.journal-checklist-cta--secondary{border:1px solid rgba(255,255,255,.78);background:transparent;color:#fff}
.journal-checklist-summary-warning{display:flex;align-items:center;justify-content:center;gap:8px;color:#FFD24A;font-size:14px;line-height:20px;font-weight:600;text-align:center}
.journal-checklist-summary-warning::before{content:"⚠";font-size:16px;line-height:1}
.journal-checklist-summary-footnote{margin:0;text-align:center;font-size:14px;line-height:20px;color:rgba(255,255,255,.86)}
.journal-checklist-summary-footnote strong{font-weight:700;color:#fff}

.journal-checklist-view[data-loading="true"] .journal-checklist-card,
.journal-checklist-view[data-loading="true"] .journal-checklist-summary{opacity:.62;transition:opacity .14s ease}
.journal-checklist-view[data-loading="true"] button{pointer-events:none}



/* Export Report View — Trade Journal only */
.journal-export-report-view{margin-top:20px;display:grid;gap:16px}
.journal-export-report-view[hidden]{display:none!important}
.journal-export-report-navigation{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;padding-top:2px}
.journal-export-report-back{height:38px;min-height:38px;padding:0 16px;border:1px solid #171717;border-radius:999px;background:#fff;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-export-report-headingwrap{display:flex;align-items:baseline;gap:16px;min-width:0}
.journal-export-report-headingwrap h2{margin:0;font-size:25px;line-height:34px;font-weight:700;color:#171717;outline:none;white-space:nowrap}
.journal-export-report-headingwrap p{margin:0;font-size:14px;line-height:20px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-export-report-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(392px,430px);gap:16px;align-items:start}
.journal-export-report-main{display:grid;gap:16px;min-width:0}
.journal-export-report-card{border:1px solid var(--color-border);border-radius:16px;background:#fff;padding:16px 16px}
.journal-export-report-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.journal-export-report-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-export-report-card-head p{margin:4px 0 0;font-size:14px;line-height:20px;color:#7A7A7A}
.journal-export-report-preset-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.journal-export-report-preset{height:32px;min-height:32px;padding:0 12px;border:1px solid #D8D8D8;border-radius:16px;background:#fff;color:#171717;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-export-report-preset.is-active{background:#111;border-color:#111;color:#fff}
.journal-export-report-date-grid,.journal-export-report-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 26px;margin-top:16px}
.journal-export-report-field{display:grid;gap:8px;min-width:0}
.journal-export-report-field>span{font-size:15px;line-height:22px;font-weight:600;color:#171717}
.journal-export-report-field-control{position:relative;height:40px;border:1px solid #D8D8D8;border-radius:20px;background:#fff;display:flex;align-items:center;overflow:hidden}
.journal-export-report-field-control select,.journal-export-report-field-control input{width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 42px 0 16px;color:#171717;font-size:14px;line-height:20px;font-weight:500}
.journal-export-report-field-control input[type="text"]{padding-right:12px}
.journal-export-report-field-control:focus-within{border-color:#171717;box-shadow:0 0 0 2px rgba(0,0,0,.06)}
.journal-export-report-control-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#171717;pointer-events:none}
.journal-export-report-control-icon--calendar{-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik04IDJ2NCIvPjxwYXRoIGQ9Ik0xNiAydjQiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHg9IjMiIHk9IjQiIHJ4PSIyIi8+PHBhdGggZD0iTTMgMTBoMTgiLz48cGF0aCBkPSJNOCAxNGguMDEiLz48cGF0aCBkPSJNMTIgMTRoLjAxIi8+PHBhdGggZD0iTTE2IDE0aC4wMSIvPjxwYXRoIGQ9Ik04IDE4aC4wMSIvPjxwYXRoIGQ9Ik0xMiAxOGguMDEiLz48cGF0aCBkPSJNMTYgMThoLjAxIi8+PC9zdmc+Cg==") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik04IDJ2NCIvPjxwYXRoIGQ9Ik0xNiAydjQiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHg9IjMiIHk9IjQiIHJ4PSIyIi8+PHBhdGggZD0iTTMgMTBoMTgiLz48cGF0aCBkPSJNOCAxNGguMDEiLz48cGF0aCBkPSJNMTIgMTRoLjAxIi8+PHBhdGggZD0iTTE2IDE0aC4wMSIvPjxwYXRoIGQ9Ik04IDE4aC4wMSIvPjxwYXRoIGQ9Ik0xMiAxOGguMDEiLz48cGF0aCBkPSJNMTYgMThoLjAxIi8+PC9zdmc+Cg==") center/contain no-repeat;background:currentColor}
.journal-export-report-control-icon--chevron{-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPgo=") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPgo=") center/contain no-repeat;background:currentColor}
.journal-export-report-inline-note{display:flex;align-items:center;gap:12px;margin-top:12px;padding:8px 12px;border:1px solid #D9E1F2;border-radius:12px;background:#F7F9FE;color:#42608F;font-size:14px;line-height:20px}
.journal-export-report-inline-note-icon{display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px}
.journal-export-report-checklist{display:grid;gap:8px}
.journal-export-report-checkitem{display:flex;align-items:flex-start;gap:12px;color:#171717;font-size:15px;line-height:22px;cursor:pointer}
.journal-export-report-checkitem input{margin:2px 0 0;width:18px;height:18px;accent-color:#FDC806;flex:0 0 18px}
.journal-export-report-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.journal-export-report-format-option{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px;min-height:98px;padding:16px 16px;border:1.5px solid #D8D8D8;border-radius:16px;background:#fff;color:#171717;text-align:left;cursor:pointer}
.journal-export-report-format-option.is-selected{border-color:#E4C85C;background:#FFFDF4;box-shadow:inset 0 0 0 1px rgba(228,200,92,.18)}
.journal-export-report-format-radio{width:18px;height:18px;border-radius:50%;border:2px solid #171717;display:inline-grid;place-items:center}
.journal-export-report-format-option.is-selected .journal-export-report-format-radio::after{content:"";width:8px;height:8px;border-radius:50%;background:#FDC806}
.journal-export-report-format-icon{width:36px;height:44px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid #E0E0E0;background:#fff;font-size:13px;line-height:1;font-weight:700;color:#171717;position:relative}
.journal-export-report-format-icon::before{content:"";position:absolute;right:0;top:0;border-width:0 10px 10px 0;border-style:solid;border-color:transparent #EFEFEF transparent transparent;border-top-right-radius:8px}
.journal-export-report-format-icon--pdf::after{content:"PDF";color:#D13232}
.journal-export-report-format-icon--csv::after{content:"CSV";color:#2F9E44}
.journal-export-report-format-copy{display:grid;gap:4px;min-width:0}
.journal-export-report-format-copy strong{font-size:16px;line-height:20px;font-weight:600;color:#171717}
.journal-export-report-format-copy small{font-size:14px;line-height:20px;color:#666}
.journal-export-report-field--filename{margin-top:16px}
.journal-export-report-field-control--filename{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:visible}
.journal-export-report-field-control--filename input{padding-right:12px}
.journal-export-report-file-extension{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-left:1px solid #D8D8D8;border-radius:0 20px 20px 0;background:#FAFAFA;color:#171717;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.journal-export-report-summary{min-height:660px;border:1px solid #0B1C33;border-radius:16px;background:radial-gradient(circle at 86% 0%,rgba(17,91,193,.23),transparent 34%),linear-gradient(180deg,#021125 0%,#04192F 100%);padding:16px 20px;color:#fff;display:grid;gap:13px}
.journal-export-report-summary-eyebrow{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#fff}
.journal-export-report-summary h3{margin:1px 0 0;font-size:24px;line-height:32px;font-weight:700;color:#fff}
.journal-export-report-summary-context{margin:1px 0 0;font-size:15px;line-height:22px;color:rgba(255,255,255,.92)}
.journal-export-report-summary-format{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:999px;background:#FDC806;color:#111;font-size:14px;line-height:20px;font-weight:700;white-space:nowrap}
.journal-export-report-summary-section{padding-top:12px;border-top:1px solid rgba(255,255,255,.17)}
.journal-export-report-summary-section h4{margin:0 0 8px;font-size:18px;line-height:26px;font-weight:700;color:#fff}
.journal-export-report-summary-list{display:grid;gap:8px}
.journal-export-report-summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;line-height:22px;color:#fff}
.journal-export-report-summary-row>span{display:inline-flex;align-items:center;gap:8px;min-width:0}
.journal-export-report-summary-row strong{font-size:15px;line-height:22px;font-weight:600;color:#fff;white-space:nowrap;text-align:right}
.journal-export-report-summary-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.journal-export-report-summary-icon--clock{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBhdGggZD0iTTEyIDZ2Nmg0Ii8+PC9zdmc+Cg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBhdGggZD0iTTEyIDZ2Nmg0Ii8+PC9zdmc+Cg==")}
.journal-export-report-summary-icon--calendar{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik04IDJ2NCIvPjxwYXRoIGQ9Ik0xNiAydjQiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHg9IjMiIHk9IjQiIHJ4PSIyIi8+PHBhdGggZD0iTTMgMTBoMTgiLz48cGF0aCBkPSJNOCAxNGguMDEiLz48cGF0aCBkPSJNMTIgMTRoLjAxIi8+PHBhdGggZD0iTTE2IDE0aC4wMSIvPjxwYXRoIGQ9Ik04IDE4aC4wMSIvPjxwYXRoIGQ9Ik0xMiAxOGguMDEiLz48cGF0aCBkPSJNMTYgMThoLjAxIi8+PC9zdmc+Cg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik04IDJ2NCIvPjxwYXRoIGQ9Ik0xNiAydjQiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHg9IjMiIHk9IjQiIHJ4PSIyIi8+PHBhdGggZD0iTTMgMTBoMTgiLz48cGF0aCBkPSJNOCAxNGguMDEiLz48cGF0aCBkPSJNMTIgMTRoLjAxIi8+PHBhdGggZD0iTTE2IDE0aC4wMSIvPjxwYXRoIGQ9Ik04IDE4aC4wMSIvPjxwYXRoIGQ9Ik0xMiAxOGguMDEiLz48cGF0aCBkPSJNMTYgMThoLjAxIi8+PC9zdmc+Cg==")}
.journal-export-report-summary-icon--target{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iNiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjIiLz48L3N2Zz4K");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iNiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjIiLz48L3N2Zz4K")}
.journal-export-report-summary-icon--strategy{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik01IDIxdi02Ii8+PHBhdGggZD0iTTEyIDIxVjMiLz48cGF0aCBkPSJNMTkgMjFWOSIvPjwvc3ZnPgo=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik01IDIxdi02Ii8+PHBhdGggZD0iTTEyIDIxVjMiLz48cGF0aCBkPSJNMTkgMjFWOSIvPjwvc3ZnPgo=")}
.journal-export-report-summary-icon--list{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMSA1SDMiLz48cGF0aCBkPSJNMTAgMTJIMyIvPjxwYXRoIGQ9Ik0xMCAxOUgzIi8+PHBhdGggZD0iTTE1IDEyLjAwM2ExIDEgMCAwIDEgMS41MTctLjg1OWw0Ljk5NyAyLjk5N2ExIDEgMCAwIDEgMCAxLjcxOGwtNC45OTcgMi45OTdhMSAxIDAgMCAxLTEuNTE3LS44NnoiLz48L3N2Zz4K");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMSA1SDMiLz48cGF0aCBkPSJNMTAgMTJIMyIvPjxwYXRoIGQ9Ik0xMCAxOUgzIi8+PHBhdGggZD0iTTE1IDEyLjAwM2ExIDEgMCAwIDEgMS41MTctLjg1OWw0Ljk5NyAyLjk5N2ExIDEgMCAwIDEgMCAxLjcxOGwtNC45OTcgMi45OTdhMSAxIDAgMCAxLTEuNTE3LS44NnoiLz48L3N2Zz4K")}
.journal-export-report-summary-icon--analytics{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik01IDIxdi02Ii8+PHBhdGggZD0iTTEyIDIxVjMiLz48cGF0aCBkPSJNMTkgMjFWOSIvPjwvc3ZnPgo=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik01IDIxdi02Ii8+PHBhdGggZD0iTTEyIDIxVjMiLz48cGF0aCBkPSJNMTkgMjFWOSIvPjwvc3ZnPgo=")}
.journal-export-report-summary-icon--percent{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxsaW5lIHgxPSIxOSIgeDI9IjUiIHkxPSI1IiB5Mj0iMTkiLz48Y2lyY2xlIGN4PSI2LjUiIGN5PSI2LjUiIHI9IjIuNSIvPjxjaXJjbGUgY3g9IjE3LjUiIGN5PSIxNy41IiByPSIyLjUiLz48L3N2Zz4K");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxsaW5lIHgxPSIxOSIgeDI9IjUiIHkxPSI1IiB5Mj0iMTkiLz48Y2lyY2xlIGN4PSI2LjUiIGN5PSI2LjUiIHI9IjIuNSIvPjxjaXJjbGUgY3g9IjE3LjUiIGN5PSIxNy41IiByPSIyLjUiLz48L3N2Zz4K")}
.journal-export-report-summary-icon--checklist{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjQiIHg9IjgiIHk9IjIiIHJ4PSIxIiByeT0iMSIvPjxwYXRoIGQ9Ik0xNiA0aDJhMiAyIDAgMCAxIDIgMnYxNGEyIDIgMCAwIDEtMiAySDZhMiAyIDAgMCAxLTItMlY2YTIgMiAwIDAgMSAyLTJoMiIvPjxwYXRoIGQ9Im05IDE0IDIgMiA0LTQiLz48L3N2Zz4K");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjQiIHg9IjgiIHk9IjIiIHJ4PSIxIiByeT0iMSIvPjxwYXRoIGQ9Ik0xNiA0aDJhMiAyIDAgMCAxIDIgMnYxNGEyIDIgMCAwIDEtMiAySDZhMiAyIDAgMCAxLTItMlY2YTIgMiAwIDAgMSAyLTJoMiIvPjxwYXRoIGQ9Im05IDE0IDIgMiA0LTQiLz48L3N2Zz4K")}
.journal-export-report-summary-section--content{display:grid;gap:8px;align-content:start}
.journal-export-report-summary-content-count{display:flex;align-items:center;gap:8px;color:#FDC806;font-size:15px;line-height:22px;font-weight:600}
.journal-export-report-summary-content-check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#FDC806;color:#111;font-weight:700}
.journal-export-report-summary-content-check::before{content:"✓";font-size:12px;line-height:1}
.journal-export-report-summary-selected-list{display:grid;gap:8px}
.journal-export-report-summary-chip{display:inline-flex;align-items:center;min-height:30px;padding:4px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#fff;font-size:13px;line-height:18px;font-weight:500}
.journal-export-report-summary-actions{display:grid;gap:8px;margin-top:auto}
.journal-export-report-cta{height:48px;min-height:48px;border-radius:999px;padding:0 16px;font-size:14px;line-height:20px;font-weight:700;cursor:pointer}
.journal-export-report-cta--primary{border:0;background:var(--brand-yellow);color:#111}
.journal-export-report-cta--primary:disabled{background:#B9BDC7;color:#EAEAEA;cursor:not-allowed;opacity:1}
.journal-export-report-cta--secondary{border:1px solid rgba(255,255,255,.78);background:transparent;color:#fff}
.journal-export-report-summary-warning{display:flex;align-items:center;justify-content:center;gap:8px;color:#FDC806;font-size:14px;line-height:20px;font-weight:600;text-align:center}
.journal-export-report-view[data-loading="true"] .journal-export-report-card,
.journal-export-report-view[data-loading="true"] .journal-export-report-summary{opacity:.62;transition:opacity .14s ease}
.journal-export-report-view[data-loading="true"] button,
.journal-export-report-view[data-loading="true"] input,
.journal-export-report-view[data-loading="true"] select{pointer-events:none}



/* Trade Record View — Trade Journal only */
.journal-trade-record-view{margin-top:20px;display:grid;gap:16px}
.journal-trade-record-view[hidden]{display:none!important}
.journal-trade-record-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding-top:2px}
.journal-trade-record-back,.journal-trade-record-draft-top{height:38px;min-height:38px;padding:0 16px;border:1px solid #171717;border-radius:999px;background:#fff;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-trade-record-back span:first-child{font-size:24px;line-height:1;font-weight:400}
.journal-trade-record-draft-top span:first-child{font-size:18px;line-height:1}
.journal-trade-record-headingwrap{display:flex;align-items:baseline;gap:16px;min-width:0}
.journal-trade-record-headingwrap h2{margin:0;font-size:25px;line-height:34px;font-weight:700;color:#171717;outline:none;white-space:nowrap}
.journal-trade-record-headingwrap p{margin:0;font-size:14px;line-height:20px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-trade-record-breadcrumb{display:flex;align-items:center;gap:8px;min-height:28px;font-size:15px;line-height:22px;color:#171717;flex-wrap:wrap}
.journal-trade-record-breadcrumb-label{color:#3F66C3;font-weight:600}
.journal-trade-record-breadcrumb-separator{font-size:24px;color:#444;line-height:1;margin:0 2px}
.journal-trade-record-version-badge{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 16px;border-radius:999px;border:1px solid #D9D9D9;background:#FAFAFA;color:#555;font-size:14px;line-height:20px;white-space:nowrap}
.journal-trade-record-receipt{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:22px;font-weight:600;color:#1F7A31}
.journal-trade-record-receipt::before{content:"✓";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2F9E44;color:#fff;font-size:12px;font-weight:800}
.journal-trade-record-receipt--pending{color:#8F6700}
.journal-trade-record-receipt--pending::before{content:"!";background:#F3C74E;color:#3B2C00}

.journal-trade-record-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(392px,430px);gap:16px;align-items:start}
.journal-trade-record-main{display:grid;gap:16px;min-width:0}
.journal-trade-record-card{border:1px solid var(--color-border);border-radius:16px;background:#fff;padding:16px 16px}
.journal-trade-record-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.journal-trade-record-card-head--stack h3{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-trade-record-card-head--stack p{margin:4px 0 0;font-size:14px;line-height:20px;color:#7A7A7A}
.journal-trade-record-section+.journal-trade-record-section{margin-top:8px}
.journal-trade-record-section-title{margin:0 0 8px;font-size:18px;line-height:26px;font-weight:700;color:#171717}
.journal-trade-record-market-grid{display:grid;grid-template-columns:1.05fr auto .9fr .95fr;gap:16px;align-items:end}
.journal-trade-record-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 26px}
.journal-trade-record-field{display:grid;gap:8px;min-width:0}
.journal-trade-record-field>span{font-size:15px;line-height:22px;font-weight:600;color:#171717}
.journal-trade-record-field select,.journal-trade-record-field input{height:58px;border:1px solid #1A1A1A;border-radius:16px;padding:0 16px;background:#fff;color:#171717;font-size:17px;line-height:24px;outline:none}
.journal-trade-record-field select:focus,.journal-trade-record-field input:focus{border-color:#3F66C3;box-shadow:0 0 0 3px rgba(63,102,195,.12)}
.journal-trade-record-field.is-invalid select,.journal-trade-record-field.is-invalid input{border-color:#D13232;background:#FFF8F8}
.journal-trade-record-field-error{min-height:18px;font-size:13px;line-height:18px;color:#C21D1D}
.journal-trade-record-segmented{height:58px;padding:4px;border:1px solid #1A1A1A;border-radius:999px;background:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.journal-trade-record-segment{border:0;border-radius:999px;background:#fff;color:#171717;font-size:17px;line-height:24px;font-weight:500;cursor:pointer}
.journal-trade-record-segment.is-active{background:#0F0F0F;color:#fff}

.journal-trade-record-calculation{margin-top:16px;border:1px solid #E4C85C;border-radius:16px;background:#FFFDF4;padding:8px 0 8px}
.journal-trade-record-calculation-head{padding:0 16px 8px;font-size:18px;line-height:26px;font-weight:700;color:#171717}
.journal-trade-record-calculation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.journal-trade-record-calculation-item{padding:0 16px;text-align:center;display:grid;gap:4px;min-height:72px;align-content:start}
.journal-trade-record-calculation-item+.journal-trade-record-calculation-item{border-left:1px solid #E9D690}
.journal-trade-record-calculation-item span{font-size:14px;line-height:20px;color:#171717}
.journal-trade-record-calculation-item strong{font-size:21px;line-height:30px;font-weight:700;color:#171717}
.journal-trade-record-calculation-item:first-child strong{color:#2F9E44}
.journal-trade-record-calculation-item:nth-child(2) strong{color:#D13232}
.journal-trade-record-calculation-footnote{margin:4px 16px 0;font-size:13px;line-height:18px;color:#555;text-align:center}

.journal-trade-record-note{display:flex;align-items:center;gap:12px;margin-top:16px;padding:16px 16px;border:1px solid #D9E1F2;border-radius:14px;background:#F7F9FE;color:#3A4868;font-size:15px;line-height:22px}
.journal-trade-record-note-icon{font-size:20px;line-height:1;color:#4B64A8}
.journal-trade-record-error-summary{margin-top:16px;padding:12px 16px;border-radius:14px;border:1px solid #F0C7C7;background:#FFF6F6;color:#8C1A1A;font-size:14px;line-height:20px}
.journal-trade-record-error-summary strong{display:block;margin-bottom:8px;font-size:15px}
.journal-trade-record-error-summary ul{margin:0;padding-left:16px}

.journal-trade-record-summary{min-height:535px;border:1px solid #0B1C33;border-radius:16px;background:radial-gradient(circle at 86% 0%,rgba(17,91,193,.23),transparent 34%),linear-gradient(180deg,#021125 0%,#04192F 100%);padding:16px 20px;color:#fff;display:grid;gap:13px}
.journal-trade-record-summary-eyebrow{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#fff}
.journal-trade-record-summary h3{margin:1px 0 0;font-size:28px;line-height:36px;font-weight:700;color:#fff}
.journal-trade-record-summary-dot{display:inline-block;margin:0 4px;color:#fff}
.journal-trade-record-summary-direction--buy{color:#fff}
.journal-trade-record-summary-direction--sell{color:#FF4C47}
.journal-trade-record-summary-context{margin:1px 0 0;font-size:15px;line-height:22px;color:rgba(255,255,255,.92)}
.journal-trade-record-summary-status{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:22px;font-weight:600;color:#73CF88}
.journal-trade-record-summary-status::before{content:"✓";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid currentColor;color:currentColor;font-size:12px;font-weight:800}
.journal-trade-record-summary-status--pending{color:#FFD24A}
.journal-trade-record-summary-status--pending::before{content:"!"}
.journal-trade-record-summary-section{padding-top:12px;border-top:1px solid rgba(255,255,255,.17)}
.journal-trade-record-summary-list{display:grid;gap:8px}
.journal-trade-record-summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;line-height:22px;color:#fff}
.journal-trade-record-summary-row>span{display:inline-flex;align-items:center;gap:8px}
.journal-trade-record-summary-row strong{font-size:15px;line-height:22px;font-weight:600;color:#fff;white-space:nowrap}
.journal-trade-record-timer-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 16px;border:1px solid rgba(255,255,255,.75);border-radius:22px;background:rgba(255,255,255,.02)}
.journal-trade-record-timer-box p{margin:0;font-size:15px;line-height:22px;color:#fff}
.journal-trade-record-timer-box strong{display:block;margin-top:2px;font-size:46px;line-height:50px;font-weight:700;color:#fff}
.journal-trade-record-timer-box span{font-size:15px;line-height:22px;color:rgba(255,255,255,.9);text-align:right}
.journal-trade-record-summary-actions{display:grid;gap:8px}
.journal-trade-record-cta{height:48px;min-height:48px;border-radius:999px;padding:0 16px;font-size:14px;line-height:20px;font-weight:700;cursor:pointer}
.journal-trade-record-cta--primary{border:0;background:var(--brand-yellow);color:#111}
.journal-trade-record-cta--primary:disabled{background:#B9BDC7;color:#EAEAEA;cursor:not-allowed;opacity:1}
.journal-trade-record-cta--secondary{border:1px solid rgba(255,255,255,.78);background:transparent;color:#fff}
.journal-trade-record-summary-warning{display:flex;align-items:center;justify-content:center;gap:8px;color:#FFD24A;font-size:14px;line-height:20px;font-weight:600;text-align:center}
.journal-trade-record-summary-warning::before{content:"⚠";font-size:16px;line-height:1}
.journal-trade-record-summary-meta{min-height:20px;text-align:center;font-size:13px;line-height:18px;color:rgba(255,255,255,.78)}
.journal-trade-record-summary-meta strong{color:#fff}

.journal-trade-record-view[data-loading="true"] .journal-trade-record-card,
.journal-trade-record-view[data-loading="true"] .journal-trade-record-summary{opacity:.62;transition:opacity .14s ease}
.journal-trade-record-view[data-loading="true"] button,
.journal-trade-record-view[data-loading="true"] input,
.journal-trade-record-view[data-loading="true"] select{pointer-events:none}
.journal-trade-record-view[data-running="true"] .journal-trade-record-cta--primary{background:#B9BDC7;color:#EAEAEA;cursor:not-allowed}


/* ========================================================================== */
/* Trade Journal Constitution Alignment — scoped views 1→5 only              */
/* Resource icons + geometry/typography/spacing tokens                       */
/* ========================================================================== */
.journal-ui-icon{display:block;width:24px;height:24px;flex:0 0 24px}
.journal-ui-icon--small{width:20px;height:20px;flex-basis:20px}
.journal-ui-icon--micro{width:16px;height:16px;flex-basis:16px}

/* 1. System Selector / Switcher */
.journal-system-switcher-panel{width:min(640px,calc(max(100vw,1280px) - 48px));height:min(84vh,720px);max-height:min(84vh,720px);background:#FDFDFD;border:1px solid #E6E6E6;border-radius:24px;box-shadow:0 24px 64px rgba(0,0,0,.18)}
.journal-system-switcher-head{gap:16px;padding:24px 24px 16px}
.journal-system-switcher-head h2{font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-system-switcher-head p{margin:4px 0 0;font-size:14px;line-height:20px;font-weight:400;color:#666}
.journal-system-switcher-close{width:40px;height:40px;flex:0 0 40px;border:1px solid #E6E6E6;border-radius:20px;background:#FDFDFD;color:#171717;padding:8px;cursor:pointer}
.journal-system-switcher-close:hover{background:#F7F7F7}
.journal-system-switcher-close:active{background:#F2F2F2}
.journal-system-switcher-close:focus-visible{outline:2px solid #000;outline-offset:2px}
.journal-system-switcher-searchwrap{margin:0 24px 16px;padding:0 16px;height:40px;border:1px solid #E6E6E6;border-radius:20px;background:#FDFDFD;gap:8px}
.journal-system-switcher-searchwrap:focus-within{border:2px solid #000;padding:0 15px}
.journal-system-switcher-searchicon{width:24px;height:24px;color:#171717}
.journal-system-switcher-searchwrap input{font-size:14px;line-height:20px;font-weight:400;color:#171717}
.journal-system-switcher-searchwrap input::placeholder{color:#8A8A8A}
.journal-system-switcher-filters{gap:8px;padding:0 24px 16px}
.journal-system-switcher-filter{height:32px;min-height:32px;padding:0 12px;border-radius:16px;border:1px solid #E6E6E6;background:#FDFDFD;color:#171717;font-size:14px;line-height:20px;font-weight:500}
.journal-system-switcher-filter:hover{background:#F7F7F7}
.journal-system-switcher-filter:active{background:#F2F2F2}
.journal-system-switcher-filter:focus-visible{outline:2px solid #000;outline-offset:2px}
.journal-system-switcher-filter.is-active{background:#0F0F0F;border-color:#0F0F0F;color:#FDFDFD}
.journal-system-switcher-filter.is-active:focus-visible{outline-color:#FDC806}
.journal-system-switcher-results{min-height:0;padding:0 24px;overflow:auto;overscroll-behavior:contain}
.journal-system-switcher-row{grid-template-columns:40px minmax(0,1fr) auto;gap:16px;padding:16px 0;border-top:1px solid #E6E6E6}
.journal-system-switcher-row.is-current{margin:0;padding:16px;background:#FFF9DE;border-radius:16px}
.journal-system-switcher-row.is-current::before{width:4px;background:#FDC806;border-radius:4px 0 0 4px}
.journal-system-switcher-icon{width:40px;height:40px;flex:0 0 40px;border:1px solid #E6E6E6;background:#FDFDFD;color:#171717}
.journal-system-switcher-icon--yellow{border-color:#FDC806;color:#171717}
.journal-system-switcher-icon--green{border-color:#D2D2D2;color:#171717}
.journal-system-switcher-icon--gray{border-color:#D2D2D2;color:#666}
.journal-system-switcher-main{gap:4px}
.journal-system-switcher-title{font-size:16px;line-height:20px;font-weight:500;color:#171717;gap:8px}
.journal-system-switcher-subtitle{font-size:14px;line-height:20px;font-weight:400;color:#444}
.journal-system-switcher-badges,.journal-system-switcher-meta{gap:8px}
.journal-system-switcher-badge,.journal-system-switcher-inline{height:28px;padding:0 12px;border-radius:14px;border:1px solid #E6E6E6;background:#FDFDFD;color:#171717;font-size:14px;line-height:20px;font-weight:400;gap:8px}
.journal-system-switcher-badge--approved{background:#FFF9DE;border-color:#FDC806}
.journal-system-switcher-badge--free{background:#FFF9DE;border-color:#FDC806;font-weight:500}
.journal-system-switcher-badge--unapproved,.journal-system-switcher-badge--suspended{background:#F7F7F7;border-color:#D2D2D2;color:#666}
.journal-system-switcher-badge--approved::before,.journal-system-switcher-badge--unapproved::before,.journal-system-switcher-badge--suspended::before{content:none}
.journal-system-switcher-rowcta{height:36px;min-height:36px;padding:0 16px;border-radius:18px;border:1px solid #E6E6E6;background:#FDFDFD;color:#171717;font-size:14px;line-height:20px;font-weight:500}
.journal-system-switcher-rowcta:hover:not(:disabled){background:#F7F7F7}
.journal-system-switcher-rowcta:active:not(:disabled){background:#F2F2F2}
.journal-system-switcher-rowcta:focus-visible{outline:2px solid #000;outline-offset:2px}
.journal-system-switcher-rowcta--current{background:#000;border-color:#000;color:#FDFDFD}
.journal-system-switcher-rowcta--current:focus-visible{outline-color:#FDC806}
.journal-system-switcher-rowcta--disabled,.journal-system-switcher-rowcta:disabled{background:#F2F2F2;border-color:#E6E6E6;color:#B5B5B5}
.journal-system-switcher-empty{padding:16px 0;color:#666;font-size:14px;line-height:20px}
.journal-system-switcher-empty button{height:36px;margin-top:16px;padding:0 16px;border:1px solid #E6E6E6;border-radius:18px;background:#FDFDFD;color:#171717;font-size:14px;line-height:20px;font-weight:500}
.journal-system-switcher-notice{gap:12px;margin:16px 24px 24px;padding:16px;border:1px solid #E6E6E6;background:#FFF9DE;border-radius:16px;color:#444;font-size:14px;line-height:20px}
.journal-system-switcher-notice-icon{width:24px;height:24px;flex:0 0 24px}

/* Open System Selector — entitlement/version/current presentation only */
.journal-system-switcher-title{align-items:center;flex-wrap:wrap}
.journal-system-switcher-title .journal-system-switcher-badges{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.journal-system-switcher-subtitleline{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}
.journal-system-switcher-subtitle{min-width:0}
.journal-system-switcher-access-source{font-size:14px;line-height:20px;font-weight:400;color:#666;white-space:nowrap}
.journal-system-switcher-row.is-current .journal-system-switcher-access-source{color:#555}

/* 2. Single Strategy Overview — keep data/layout, align reusable controls */
.journal-overview-view .journal-overview-pill,.journal-overview-view .journal-overview-export,.journal-overview-view .journal-overview-details,.journal-overview-view .journal-overview-cta{font-size:14px;line-height:20px;font-weight:500}
.journal-overview-view .journal-overview-export,.journal-overview-view .journal-overview-details,.journal-overview-view .journal-overview-cta{min-height:36px;height:36px;border-radius:18px}
.journal-overview-view .journal-overview-export,.journal-overview-view .journal-overview-details{background:#FDFDFD;border-color:#E6E6E6;color:#171717}
.journal-overview-view .journal-overview-export:hover,.journal-overview-view .journal-overview-details:hover{background:#F7F7F7}
.journal-overview-view .journal-overview-export:active,.journal-overview-view .journal-overview-details:active{background:#F2F2F2}
.journal-overview-view .journal-overview-export:focus-visible,.journal-overview-view .journal-overview-details:focus-visible{outline:2px solid #000;outline-offset:2px}

/* 3. Strategy Detail Shared View */
.journal-strategy-detail-view{margin-top:20px;gap:16px}
.journal-strategy-detail-navigation{gap:24px;padding-top:0}
.journal-strategy-detail-back,.journal-strategy-detail-edit{height:36px;min-height:36px;padding:0 16px;border:1px solid #E6E6E6;border-radius:18px;background:#FDFDFD;color:#171717;gap:8px;font-size:14px;line-height:20px;font-weight:500}
.journal-strategy-detail-back:hover,.journal-strategy-detail-edit:hover:not(:disabled){background:#F7F7F7}
.journal-strategy-detail-back:active,.journal-strategy-detail-edit:active:not(:disabled){background:#F2F2F2}
.journal-strategy-detail-back:focus-visible,.journal-strategy-detail-edit:focus-visible{outline:2px solid #000;outline-offset:2px}
.journal-strategy-detail-edit:disabled{background:#F2F2F2;border-color:#E6E6E6;color:#B5B5B5}
.journal-strategy-detail-headingwrap{gap:16px}
.journal-strategy-detail-headingwrap h2{font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-strategy-detail-headingwrap p{font-size:14px;line-height:20px;color:#666}
.journal-strategy-detail-breadcrumb{gap:8px;min-height:24px;font-size:14px;line-height:20px;color:#171717}
.journal-strategy-detail-breadcrumb-label{color:#171717;font-weight:500}
.journal-strategy-detail-breadcrumb-separator{font-size:20px;line-height:20px;color:#666;margin:0}
.journal-strategy-detail-kpis{gap:16px}
.journal-strategy-detail-kpi-card{min-height:88px;padding:16px;border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;gap:16px}
.journal-strategy-detail-kpi-icon{width:40px;height:40px;flex:0 0 40px;border-radius:20px}
.journal-strategy-detail-kpi-icon--green,.journal-strategy-detail-kpi-icon--yellow,.journal-strategy-detail-kpi-icon--dark{border:1px solid #D2D2D2;color:#171717}
.journal-strategy-detail-kpi-label{font-size:16px;line-height:20px;font-weight:500;color:#171717}
.journal-strategy-detail-kpi-value{margin-top:4px;font-size:24px;line-height:32px;font-weight:700}
.journal-strategy-detail-body{grid-template-columns:minmax(0,2fr) minmax(360px,1fr);gap:24px}
.journal-strategy-detail-main{gap:16px}
.journal-strategy-detail-card{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:16px}
.journal-strategy-detail-card-title,.journal-strategy-detail-card-head h3{font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-strategy-detail-name-row{gap:16px;margin-top:4px}
.journal-strategy-detail-name-row h3{font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-strategy-detail-status{height:32px;padding:0 12px;border-radius:16px;font-size:14px;line-height:20px;font-weight:500}
.journal-strategy-detail-meta,.journal-strategy-detail-description{margin-top:8px;font-size:14px;line-height:20px;color:#444}
.journal-strategy-detail-parent{margin:8px 0 0;font-size:14px;line-height:20px}
.journal-strategy-detail-event-row{gap:16px;padding:12px 0}
.journal-strategy-detail-event-main{gap:12px}
.journal-strategy-detail-event-icon{width:36px;height:36px;flex:0 0 36px;border-width:1px}
.journal-strategy-detail-event-name,.journal-strategy-detail-event-count{font-size:14px;line-height:20px}
.journal-strategy-detail-event-button{height:36px;min-height:36px;padding:0 16px;border-radius:18px;border:1px solid #E6E6E6;background:#FDFDFD;color:#171717;font-size:14px;line-height:20px;font-weight:500}
.journal-strategy-detail-event-button:disabled{background:#F2F2F2;color:#B5B5B5;border-color:#E6E6E6}
.journal-strategy-detail-adherence-grid{gap:0}
.journal-strategy-detail-adherence-item{gap:16px;padding:12px 4px}
.journal-strategy-detail-adherence-icon{width:40px;height:40px;flex:0 0 40px;border-width:1px}
.journal-strategy-detail-adherence-name{font-size:14px;line-height:20px}
.journal-strategy-detail-adherence-count,.journal-strategy-detail-adherence-result{font-size:18px;line-height:24px}
.journal-strategy-detail-summary{min-height:0;border-radius:16px;padding:16px;gap:16px}
.journal-strategy-detail-summary-eyebrow,.journal-strategy-detail-summary h3,.journal-strategy-detail-summary-section h4{font-size:20px;line-height:28px;font-weight:600}
.journal-strategy-detail-summary-context,.journal-strategy-detail-summary-status,.journal-strategy-detail-readiness-row,.journal-strategy-detail-warning{font-size:14px;line-height:20px}
.journal-strategy-detail-summary-status::before,.journal-strategy-detail-summary-status--paused::before{content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=") center/contain no-repeat}
.journal-strategy-detail-summary-status--paused::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxyZWN0IHg9IjE0IiB5PSIzIiB3aWR0aD0iNSIgaGVpZ2h0PSIxOCIgcng9IjEiLz48cmVjdCB4PSI1IiB5PSIzIiB3aWR0aD0iNSIgaGVpZ2h0PSIxOCIgcng9IjEiLz48L3N2Zz4K");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxyZWN0IHg9IjE0IiB5PSIzIiB3aWR0aD0iNSIgaGVpZ2h0PSIxOCIgcng9IjEiLz48cmVjdCB4PSI1IiB5PSIzIiB3aWR0aD0iNSIgaGVpZ2h0PSIxOCIgcng9IjEiLz48L3N2Zz4K")}
.journal-strategy-detail-readiness-list{gap:8px}
.journal-strategy-detail-readiness-row>span{gap:8px}
.journal-strategy-detail-readiness-row .journal-ui-icon{width:20px;height:20px;flex-basis:20px}
.journal-strategy-detail-actions{gap:8px}
.journal-strategy-detail-cta{height:36px;min-height:36px;padding:0 16px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500}
.journal-strategy-detail-cta--primary{background:#FDC806;color:#000}
.journal-strategy-detail-cta--primary:hover{background:linear-gradient(rgba(0,0,0,.06),rgba(0,0,0,.06)),#FDC806}
.journal-strategy-detail-cta--secondary{background:transparent;border:1px solid rgba(253,253,253,.72);color:#FDFDFD}
.journal-strategy-detail-warning{gap:8px}
.journal-strategy-detail-warning::before{content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==") center/contain no-repeat}

/* 4. Pre-Trade Checklist */
.journal-checklist-view{margin-top:20px;gap:16px}
.journal-checklist-navigation{gap:24px;padding-top:0}
.journal-checklist-back,.journal-checklist-guide{height:36px;min-height:36px;padding:0 16px;border:1px solid #E6E6E6;border-radius:18px;background:#FDFDFD;color:#171717;gap:8px;font-size:14px;line-height:20px;font-weight:500}
.journal-checklist-back:hover,.journal-checklist-guide:hover{background:#F7F7F7}
.journal-checklist-back:active,.journal-checklist-guide:active{background:#F2F2F2}
.journal-checklist-back:focus-visible,.journal-checklist-guide:focus-visible{outline:2px solid #000;outline-offset:2px}
.journal-checklist-headingwrap{gap:16px}
.journal-checklist-headingwrap h2{font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-checklist-headingwrap p{font-size:14px;line-height:20px;color:#666}
.journal-checklist-breadcrumb{gap:8px;min-height:32px;font-size:14px;line-height:20px;color:#171717}
.journal-checklist-breadcrumb-label{color:#171717;font-weight:500}
.journal-checklist-breadcrumb-separator{font-size:20px;line-height:20px;color:#666;margin:0}
.journal-checklist-version-badge{height:32px;padding:0 12px;border-radius:16px;border:1px solid #E6E6E6;background:#F7F7F7;color:#444;font-size:14px;line-height:20px}
.journal-checklist-event-picker select{height:32px;padding:0 32px 0 12px;border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;color:#171717;font-size:14px;line-height:20px}
.journal-checklist-event-picker select:focus{outline:2px solid #000;outline-offset:2px}
.journal-checklist-context-picker .journal-checklist-event-picker select{width:100%;height:40px;min-height:40px;border-radius:20px}
@media(max-width:900px){.journal-checklist-context-picker{grid-template-columns:1fr}}
.journal-checklist-body{grid-template-columns:minmax(0,2fr) minmax(360px,1fr);gap:24px}
.journal-checklist-main{gap:16px}
.journal-checklist-card{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:16px}
.journal-checklist-card-head{gap:16px;margin-bottom:16px}
.journal-checklist-card-titlewrap{gap:12px}
.journal-checklist-card-head h3{font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-checklist-state-pill{height:32px;padding:0 12px;border-radius:16px;font-size:14px;line-height:20px;font-weight:500}
.journal-checklist-progress-copy{font-size:14px;line-height:20px}
.journal-checklist-groups{gap:16px}
.journal-checklist-group+.journal-checklist-group{margin-top:0}
.journal-checklist-group-title{margin:0 0 8px;font-size:16px;line-height:20px;font-weight:500;color:#171717}
.journal-checklist-group-list{gap:8px}
.journal-checklist-item{grid-template-columns:24px 24px minmax(0,1fr) auto;gap:12px;min-height:40px;padding:8px 12px;border-radius:12px;font-size:14px;line-height:20px}
.journal-checklist-item-icon{width:24px;height:24px;flex:0 0 24px;border:0!important;background:transparent!important}
.journal-checklist-item-icon .journal-ui-icon{width:24px;height:24px}
.journal-checklist-item-number,.journal-checklist-item-text,.journal-checklist-item-status{font-size:14px;line-height:20px}
.journal-checklist-item-number{font-weight:500}
.journal-checklist-note{gap:12px;padding:16px;border:1px solid #E6E6E6;border-radius:16px;background:#F7F7F7;color:#444;font-size:14px;line-height:20px}
.journal-checklist-note-icon{width:24px;height:24px;flex:0 0 24px}
.journal-checklist-event-required{padding:24px;border:1px dashed #D2D2D2;border-radius:16px;background:#F7F7F7;color:#666;font-size:14px;line-height:20px;text-align:center}
.journal-checklist-summary{min-height:0;border-radius:16px;padding:16px;gap:16px}
.journal-checklist-summary-eyebrow,.journal-checklist-summary h3{font-size:20px;line-height:28px;font-weight:600}
.journal-checklist-summary-event,.journal-checklist-summary-status,.journal-checklist-summary-breakdown-row,.journal-checklist-summary-warning,.journal-checklist-summary-footnote{font-size:14px;line-height:20px}
.journal-checklist-summary-status::before,.journal-checklist-summary-status--complete::before{content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==") center/contain no-repeat}
.journal-checklist-summary-status--complete::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=")}
.journal-checklist-summary-ratio{font-size:32px;line-height:40px;font-weight:700}
.journal-checklist-summary-breakdown{gap:8px}
.journal-checklist-summary-breakdown-icon{width:20px;height:20px;border:0!important}
.journal-checklist-summary-actions{gap:8px}
.journal-checklist-cta{height:36px;min-height:36px;padding:0 16px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500}
.journal-checklist-cta--primary{background:#FDC806;color:#000}
.journal-checklist-cta--primary:disabled{background:#F2F2F2;color:#B5B5B5}
.journal-checklist-cta--secondary{border:1px solid rgba(253,253,253,.72);background:transparent;color:#FDFDFD}
.journal-checklist-summary-warning::before{content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==") center/contain no-repeat}

/* 5. Trade Record */
.journal-trade-record-view{margin-top:20px;gap:16px}
.journal-trade-record-navigation{gap:24px;padding-top:0}
.journal-trade-record-back,.journal-trade-record-draft-top{height:36px;min-height:36px;padding:0 16px;border:1px solid #E6E6E6;border-radius:18px;background:#FDFDFD;color:#171717;gap:8px;font-size:14px;line-height:20px;font-weight:500}
.journal-trade-record-back:hover,.journal-trade-record-draft-top:hover:not(:disabled){background:#F7F7F7}
.journal-trade-record-back:active,.journal-trade-record-draft-top:active:not(:disabled){background:#F2F2F2}
.journal-trade-record-back:focus-visible,.journal-trade-record-draft-top:focus-visible{outline:2px solid #000;outline-offset:2px}
.journal-trade-record-draft-top:disabled{background:#F2F2F2;border-color:#E6E6E6;color:#B5B5B5}
.journal-trade-record-headingwrap{gap:16px}
.journal-trade-record-headingwrap h2{font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-trade-record-headingwrap p{font-size:14px;line-height:20px;color:#666}
.journal-trade-record-breadcrumb{gap:8px;min-height:32px;font-size:14px;line-height:20px;color:#171717}
.journal-trade-record-breadcrumb-label{color:#171717;font-weight:500}
.journal-trade-record-breadcrumb-separator{font-size:20px;line-height:20px;color:#666;margin:0}
.journal-trade-record-version-badge{height:32px;padding:0 12px;border-radius:16px;border:1px solid #E6E6E6;background:#F7F7F7;color:#444;font-size:14px;line-height:20px}
.journal-trade-record-receipt{font-size:14px;line-height:20px;font-weight:500;gap:8px}
.journal-trade-record-receipt::before,.journal-trade-record-receipt--pending::before{content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=") center/contain no-repeat;border:0;border-radius:0}
.journal-trade-record-receipt--pending::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==")}
.journal-trade-record-body{grid-template-columns:minmax(0,2fr) minmax(360px,1fr);gap:24px}
.journal-trade-record-card{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:16px}
.journal-trade-record-card-head{gap:16px;margin-bottom:16px}
.journal-trade-record-card-head--stack h3{font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-trade-record-card-head--stack p{margin:4px 0 0;font-size:14px;line-height:20px;color:#666}
.journal-trade-record-section+.journal-trade-record-section{margin-top:24px}
.journal-trade-record-section-title{margin:0 0 12px;font-size:16px;line-height:20px;font-weight:500;color:#171717}
.journal-trade-record-section-help{margin:-4px 0 12px;font-size:14px;line-height:20px;color:#666}
.journal-trade-record-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.journal-trade-record-market-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}
.journal-trade-record-order-grid{gap:16px 24px}
.journal-trade-record-field{gap:8px}
.journal-trade-record-field>span{font-size:14px;line-height:20px;font-weight:500;color:#171717}
.journal-trade-record-field select,.journal-trade-record-field input{height:40px;border:1px solid #E6E6E6;border-radius:12px;padding:0 12px;background:#FDFDFD;color:#171717;font-size:14px;line-height:20px}
.journal-trade-record-field select:focus,.journal-trade-record-field input:focus{border:2px solid #000;box-shadow:none;padding-left:11px;padding-right:11px;outline:none}
.journal-trade-record-field.is-invalid select,.journal-trade-record-field.is-invalid input{border:2px solid #C62828;background:#FDFDFD}
.journal-trade-record-field-error{min-height:16px;font-size:12px;line-height:16px;color:#C62828}
.journal-trade-record-segmented{height:40px;padding:2px;border:1px solid #E6E6E6;border-radius:20px;background:#FDFDFD;gap:4px}
.journal-trade-record-segment{border-radius:18px;font-size:14px;line-height:20px;font-weight:500}
.journal-trade-record-segment.is-active{background:#0F0F0F;color:#FDFDFD}
.journal-trade-record-segment:focus-visible{outline:2px solid #FDC806;outline-offset:2px}
.journal-trade-record-calculation{margin-top:24px;border:1px solid #FDC806;border-radius:16px;background:#FFFDF4;padding:16px}
.journal-trade-record-calculation-head{padding:0 0 12px;font-size:16px;line-height:20px;font-weight:500;color:#171717}
.journal-trade-record-calculation-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.journal-trade-record-calculation-item{padding:0 16px;gap:4px;min-height:64px}
.journal-trade-record-calculation-item:first-child{padding-left:0}
.journal-trade-record-calculation-item:last-child{padding-right:0}
.journal-trade-record-calculation-item span{font-size:14px;line-height:20px}
.journal-trade-record-calculation-item strong{font-size:20px;line-height:28px}
.journal-trade-record-calculation-footnote{margin:8px 0 0;font-size:12px;line-height:16px;color:#666}
.journal-trade-record-note{gap:12px;margin-top:16px;padding:16px;border:1px solid #E6E6E6;border-radius:16px;background:#F7F7F7;color:#444;font-size:14px;line-height:20px}
.journal-trade-record-note-icon{width:24px;height:24px;flex:0 0 24px}
.journal-trade-record-error-summary{margin-top:16px;padding:16px;border-radius:16px;font-size:14px;line-height:20px}
.journal-trade-record-summary{min-height:0;border-radius:16px;padding:16px;gap:16px}
.journal-trade-record-summary-eyebrow,.journal-trade-record-summary h3{font-size:20px;line-height:28px;font-weight:600}
.journal-trade-record-summary-context,.journal-trade-record-summary-status,.journal-trade-record-summary-row,.journal-trade-record-timer-box p,.journal-trade-record-timer-box span,.journal-trade-record-summary-warning,.journal-trade-record-summary-meta{font-size:14px;line-height:20px}
.journal-trade-record-summary-status{gap:8px}
.journal-trade-record-summary-status::before,.journal-trade-record-summary-status--pending::before{content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=") center/contain no-repeat;border:0}
.journal-trade-record-summary-status--pending::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==")}
.journal-trade-record-summary-list{gap:8px}
.journal-trade-record-summary-row>span{gap:8px}
.journal-trade-record-summary-row .journal-ui-icon{width:20px;height:20px;flex-basis:20px}
.journal-trade-record-summary-row strong{font-size:14px;line-height:20px}
.journal-trade-record-timer-box{gap:16px;padding:12px 16px;border-radius:16px}
.journal-trade-record-timer-box strong{font-size:32px;line-height:40px}
.journal-trade-record-summary-actions{gap:8px}
.journal-trade-record-cta{height:36px;min-height:36px;border-radius:18px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500}
.journal-trade-record-cta--primary{background:#FDC806;color:#000}
.journal-trade-record-cta--primary:disabled{background:#F2F2F2;color:#B5B5B5}
.journal-trade-record-cta--secondary{border:1px solid rgba(253,253,253,.72);background:transparent;color:#FDFDFD}
.journal-trade-record-summary-warning::before{content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==") center/contain no-repeat}
.journal-system-switcher-rowcta--current:disabled{background:#000;border-color:#000;color:#FDFDFD}
.journal-overview-view[hidden]{display:none!important}

/* =========================================================
   JOURNAL MAP VIEW — Trade Journal only
   Specific Constitution v1.0 / Owner reference aligned
   ========================================================= */
.journal-map-view{min-width:0;padding-top:16px;color:#171717;font-family:"Roboto","Noto Sans Thai",Arial,sans-serif}
.journal-map-view[hidden]{display:none!important}
.journal-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:24px;align-items:start}
.journal-map-main{min-width:0;display:grid;gap:16px}
.journal-map-heading{text-align:center;display:grid;gap:2px;padding-top:4px}
.journal-map-view-title{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717;outline:none}
.journal-map-heading p{margin:0;color:#666;font-size:14px;line-height:20px;font-weight:400}
.journal-map-context{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1.35fr) minmax(0,.72fr) auto;gap:12px;align-items:center}
.journal-map-select{height:36px;border:1px solid #E6E6E6;border-radius:18px;background:#FDFDFD;display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;padding:0 12px 0 16px;min-width:0}
.journal-map-select select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;width:100%;min-width:0;color:#171717;font:500 14px/20px "Roboto","Noto Sans Thai",Arial,sans-serif;cursor:pointer;padding:0}
.journal-map-select>img{width:20px;height:20px;pointer-events:none}
.journal-map-select:focus-within{outline:2px solid #000;outline-offset:2px}
.journal-map-entitlement{height:36px;border:1px solid #29B765;border-radius:18px;background:#F4FFF8;color:#159447;display:inline-flex;align-items:center;gap:8px;padding:0 16px;white-space:nowrap;font-size:14px;line-height:20px;font-weight:500}
.journal-map-entitlement img{width:20px;height:20px}
.journal-map-entitlement.is-locked,.journal-map-entitlement.is-suspended{border-color:#E6B400;background:#FFF9E8;color:#8A6500}
.journal-map-entitlement.is-locked img,.journal-map-entitlement.is-suspended img{filter:none}
.journal-map-journey{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:16px;display:grid;gap:16px;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.journal-map-journey-head{display:grid;gap:2px}
.journal-map-journey-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-map-journey-head p{margin:0;font-size:14px;line-height:20px;color:#666}
.journal-map-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px;align-items:stretch}
.journal-map-step{position:relative;min-width:0;min-height:196px;border:1px solid #E6E6E6;border-radius:12px;background:#FDFDFD;padding:16px 12px 12px;display:flex;flex-direction:column;align-items:center;text-align:center}
.journal-map-step:not(:last-child)::after{content:"";position:absolute;top:86px;right:-25px;width:16px;height:16px;border-top:1.8px solid #7A7A7A;border-right:1.8px solid #7A7A7A;transform:rotate(45deg)}
.journal-map-step-number{position:absolute;left:12px;top:10px;width:28px;height:28px;border-radius:50%;background:#000;color:#FFF;display:grid;place-items:center;font-size:14px;line-height:20px;font-weight:600}
.journal-map-step-icon{width:48px;height:48px;margin:16px 0 8px;display:grid;place-items:center}
.journal-map-step-icon img{width:44px;height:44px}
.journal-map-step h4{margin:0;font-size:16px;line-height:20px;font-weight:600;color:#171717}
.journal-map-step p{margin:8px 0 8px;font-size:14px;line-height:20px;color:#666;min-height:40px}
.journal-map-step-status{margin-top:auto;min-height:36px;border-radius:18px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#F2F2F2;color:#333;font-size:14px;line-height:20px;font-weight:500;width:100%}
.journal-map-step-status img{width:20px;height:20px}
.journal-map-step.is-complete .journal-map-step-status{background:#EAF9EF;color:#159447}
.journal-map-step.is-current .journal-map-step-status{background:#FFF1C7;color:#6E5200}
.journal-map-step.is-exception .journal-map-step-status{background:#FFF1C7;color:#8A6500}
.journal-map-snapshot-note{min-height:44px;border:1px solid #8DCBFF;border-radius:10px;background:#ECF7FF;color:#1677C8;display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;line-height:20px}
.journal-map-snapshot-note img{width:24px;height:24px}
.journal-map-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.journal-map-evidence-card{min-height:126px;border:1px solid #E6E6E6;border-radius:14px;background:#FDFDFD;padding:16px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start}
.journal-map-evidence-icon{width:52px;height:52px;border:1px solid #E6E6E6;border-radius:50%;display:grid;place-items:center}
.journal-map-evidence-icon img{width:30px;height:30px}
.journal-map-evidence-card h3{margin:0 0 2px;font-size:16px;line-height:20px;font-weight:600;color:#171717}
.journal-map-evidence-card p{margin:0;font-size:14px;line-height:20px;color:#666}
.journal-map-evidence-card .journal-map-evidence-meta{color:#6E7890;margin-bottom:8px}
.journal-map-current{border:1px solid #071F32;border-radius:16px;background:#071F32;color:#FDFDFD;min-height:648px;padding:24px;position:sticky;top:82px;display:flex;flex-direction:column}
.journal-map-current-eyebrow{margin:0 0 4px;font-size:16px;line-height:20px;font-weight:600;color:#FDFDFD}
.journal-map-current h3{margin:0;font-size:32px;line-height:40px;font-weight:700;color:#FDFDFD}
.journal-map-current-strategy{margin:0;padding:0 0 16px;border-bottom:1px solid rgba(253,253,253,.18);font-size:16px;line-height:20px;font-weight:500;color:#FDFDFD}
.journal-map-current-ready{min-height:48px;border-bottom:1px solid rgba(253,253,253,.18);display:flex;align-items:center;gap:8px;color:#26D56C;font-size:16px;line-height:20px;font-weight:600}
.journal-map-current-ready img{width:24px;height:24px}
.journal-map-current-ready.is-locked{color:#FDC806}
.journal-map-progress-section{display:grid;gap:12px;padding:16px 0 12px}
.journal-map-progress-section h4{margin:0;font-size:16px;line-height:20px;font-weight:600;color:#FDFDFD}
.journal-map-progress-list{display:grid;gap:0}
.journal-map-progress-item{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:8px;min-height:58px}
.journal-map-progress-item:not(:last-child)::after{content:"";position:absolute;left:13px;top:27px;bottom:-2px;width:2px;background:#708091}
.journal-map-progress-dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;border:3px solid #8EA0B1;background:#071F32;display:grid;place-items:center;color:#071F32;font-size:0}
.journal-map-progress-dot img{width:18px;height:18px;display:none}
.journal-map-progress-item.is-complete .journal-map-progress-dot{border-color:#26D56C;background:#26D56C}.journal-map-progress-item.is-complete .journal-map-progress-dot img{display:block}
.journal-map-progress-item.is-complete:not(:last-child)::after{background:#26D56C}
.journal-map-progress-item.is-current .journal-map-progress-dot{border-color:#FDC806;background:#FDC806;color:#000;font-size:14px;line-height:20px;font-weight:600}
.journal-map-progress-copy{display:grid;gap:2px;padding-top:2px}
.journal-map-progress-copy strong{font-size:14px;line-height:20px;font-weight:500;color:#FDFDFD}
.journal-map-progress-copy span{font-size:12px;line-height:18px;color:#C8D2DC}
.journal-map-progress-item.is-current .journal-map-progress-copy strong{color:#FDC806}
.journal-map-progress-summary{display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:20px}.journal-map-progress-summary strong{font-weight:600;color:#FDFDFD}
.journal-map-progressbar{height:10px;border-radius:5px;background:#4B5968;overflow:hidden}.journal-map-progressbar span{display:block;height:100%;width:0;border-radius:5px;background:#FDC806;transition:width .18s ease}
.journal-map-current-actions{display:grid;gap:8px;margin-top:auto}
.journal-map-action{height:40px;border-radius:20px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:600;cursor:pointer}
.journal-map-action img{width:20px;height:20px}
.journal-map-action--primary{border:1px solid #FDC806;background:#FDC806;color:#000}.journal-map-action--primary:disabled{opacity:.5;cursor:not-allowed}
.journal-map-action--secondary{border:1px solid rgba(253,253,253,.86);background:transparent;color:#FDFDFD}.journal-map-action--secondary img{filter:brightness(0) invert(1)}
.journal-map-warning{margin:16px 0 0;padding-top:12px;border-top:1px solid rgba(253,253,253,.18);display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:14px;line-height:20px}.journal-map-warning img{width:20px;height:20px;flex:0 0 20px}
.journal-map-view button:focus-visible,.journal-map-view select:focus-visible{outline:2px solid #000;outline-offset:2px}.journal-map-current button:focus-visible{outline-color:#FDC806}




/* =========================================================
   CYCLE / ZONE / SIGNAL VISUAL REFERENCE GUIDE — page scoped
   Specific Constitution v1.0 FINAL ACTIVE
   ========================================================= */
.journal-reference-guide-view{min-width:0;padding-top:16px;color:#171717;font-family:"Roboto","Noto Sans Thai",Arial,sans-serif}
.journal-reference-guide-view[hidden]{display:none!important}
.journal-reference-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:24px;align-items:start}
.journal-reference-guide-main{min-width:0;display:grid;gap:12px}
.journal-reference-guide-navrow{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:16px;align-items:center}
.journal-reference-guide-back{justify-self:start;height:36px;border:1px solid #171717;border-radius:18px;background:#FDFDFD;color:#171717;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 14px/20px "Roboto","Noto Sans Thai",Arial,sans-serif;cursor:pointer}
.journal-reference-guide-back img{width:20px;height:20px}
.journal-reference-guide-heading{text-align:center;display:grid;gap:2px;min-width:0}
.journal-reference-guide-heading h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717;outline:none}
.journal-reference-guide-heading p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#666}
.journal-reference-guide-context{min-height:32px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:14px;line-height:20px;color:#566070}
.journal-reference-guide-context>span:not(.journal-reference-guide-context-badge){white-space:nowrap}
.journal-reference-guide-context-badge{height:32px;border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;color:#171717;padding:0 12px;display:inline-flex;align-items:center;font-weight:500;white-space:nowrap}
.journal-reference-guide-tabs{height:36px;border:1px solid #E6E6E6;border-radius:18px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;background:#FDFDFD}
.journal-reference-guide-tab{border:0;border-right:1px solid #E6E6E6;background:#FDFDFD;color:#171717;font:500 14px/20px "Roboto","Noto Sans Thai",Arial,sans-serif;cursor:pointer}
.journal-reference-guide-tab:last-child{border-right:0}
.journal-reference-guide-tab.is-active{background:#0F0F0F;color:#FFF}
.journal-reference-guide-tab:hover:not(.is-active){background:#F7F7F7}
.journal-reference-guide-complete,.journal-reference-guide-incomplete{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:12px;display:grid;gap:8px}
.journal-reference-guide-sectionhead{display:grid;gap:2px}
.journal-reference-guide-sectionhead h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-reference-guide-sectionhead p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#666}
.journal-reference-guide-media{border:1px dashed #BFC7D0;border-radius:12px;background:#F7F9FB;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#566070;padding:16px}
.journal-reference-guide-media--large{min-height:206px}
.journal-reference-guide-media img{width:36px;height:36px;margin-bottom:8px;opacity:.72}
.journal-reference-guide-media strong{font-size:16px;line-height:20px;font-weight:600;color:#171717}
.journal-reference-guide-media span{margin-top:4px;max-width:560px;font-size:14px;line-height:20px;font-weight:400;color:#666}
.journal-reference-guide-components{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.journal-reference-guide-component{min-height:68px;border:1px solid #E6E6E6;border-radius:12px;background:#FDFDFD;padding:8px 8px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:center}
.journal-reference-guide-component.is-active{border-color:#B7B7B7;background:#FAFAFA}
.journal-reference-guide-component-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:2px solid currentColor}
.journal-reference-guide-component-icon img{width:24px;height:24px}
.journal-reference-guide-component-icon--cycle{color:#159447}
.journal-reference-guide-component-icon--zone{color:#D9485F}
.journal-reference-guide-component-icon--signal{color:#D6A600}
.journal-reference-guide-component div{display:grid;gap:2px;min-width:0}
.journal-reference-guide-component strong{font-size:14px;line-height:20px;font-weight:600;color:#171717}
.journal-reference-guide-component span{font-size:12px;line-height:18px;color:#666}
.journal-reference-guide-incomplete-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.journal-reference-guide-incomplete-card{min-height:92px;border:1px solid #E6E6E6;border-radius:12px;background:#FDFDFD;padding:8px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;align-items:center}
.journal-reference-guide-mini-media{height:72px;border:1px dashed #C8CFD6;border-radius:8px;background:#F7F9FB;display:grid;place-items:center}
.journal-reference-guide-mini-media img{width:24px;height:24px;opacity:.58}
.journal-reference-guide-incomplete-copy{min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start}
.journal-reference-guide-incomplete-copy>img{width:20px;height:20px}
.journal-reference-guide-incomplete-copy div{display:grid;gap:2px}
.journal-reference-guide-incomplete-copy strong{font-size:14px;line-height:20px;font-weight:500;color:#171717}
.journal-reference-guide-incomplete-copy span{font-size:12px;line-height:18px;color:#666}
.journal-reference-guide-notice{min-height:40px;border:1px solid #8DCBFF;border-radius:10px;background:#ECF7FF;color:#1677C8;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px}
.journal-reference-guide-notice img{width:20px;height:20px;flex:0 0 20px}
.journal-reference-guide-aside{position:sticky;top:82px;min-height:648px;border:1px solid #071F32;border-radius:16px;background:#071F32;color:#FDFDFD;padding:24px;display:flex;flex-direction:column}
.journal-reference-guide-eyebrow{margin:0 0 8px;font-size:16px;line-height:20px;font-weight:600;color:#FDFDFD}
.journal-reference-guide-aside h3{margin:0;font-size:24px;line-height:32px;font-weight:700;color:#FDFDFD}
.journal-reference-guide-aside-context{margin:4px 0 0;padding-bottom:16px;border-bottom:1px solid rgba(253,253,253,.18);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;line-height:20px;font-weight:500;color:#FDFDFD}
.journal-reference-guide-required,.journal-reference-guide-legend{padding:16px 0;border-bottom:1px solid rgba(253,253,253,.18)}
.journal-reference-guide-required h4,.journal-reference-guide-legend h4{margin:0 0 8px;font-size:16px;line-height:20px;font-weight:600;color:#FDFDFD}
.journal-reference-guide-required ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.journal-reference-guide-required li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;font-size:14px;line-height:20px;color:#FDFDFD}
.journal-reference-guide-required li img{width:20px;height:20px}
.journal-reference-guide-legend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.journal-reference-guide-legend-grid>div{display:grid;justify-items:center;text-align:center;gap:2px}
.journal-reference-guide-legend-icon{width:40px;height:40px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center}
.journal-reference-guide-legend-icon img{width:22px;height:22px}
.journal-reference-guide-legend-icon--cycle{color:#26D56C}
.journal-reference-guide-legend-icon--zone{color:#FF5D72}
.journal-reference-guide-legend-icon--signal{color:#FDC806}
.journal-reference-guide-legend-grid strong{font-size:12px;line-height:18px;font-weight:600;color:#FDFDFD}
.journal-reference-guide-legend-grid small{font-size:11px;line-height:16px;color:#C8D2DC}
.journal-reference-guide-actions{display:grid;gap:8px;margin-top:auto;padding-top:16px}
.journal-reference-guide-action{height:40px;border-radius:20px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 14px/20px "Roboto","Noto Sans Thai",Arial,sans-serif;cursor:pointer}
.journal-reference-guide-action img{width:20px;height:20px}
.journal-reference-guide-action--primary{border:1px solid #FDC806;background:#FDC806;color:#000}
.journal-reference-guide-action--secondary{border:1px solid rgba(253,253,253,.86);background:transparent;color:#FDFDFD}
.journal-reference-guide-action--secondary img{filter:brightness(0) invert(1)}
.journal-reference-guide-action:disabled{opacity:.5;cursor:not-allowed}
.journal-reference-guide-disclaimer{margin:16px 0 0;padding-top:12px;border-top:1px solid rgba(253,253,253,.18);display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:14px;line-height:20px}
.journal-reference-guide-disclaimer img{width:20px;height:20px;flex:0 0 20px}
.journal-reference-guide-view button:focus-visible{outline:2px solid #000;outline-offset:2px}
.journal-reference-guide-aside button:focus-visible{outline-color:#FDC806}
.journal-reference-guide-view[data-guide-state="forbidden"] .journal-reference-guide-complete,
.journal-reference-guide-view[data-guide-state="forbidden"] .journal-reference-guide-incomplete{opacity:.55}



/* Analysis Result View */
.journal-analysis-view{
  min-width:0;
  padding-top:16px;
}
.journal-analysis-view[hidden]{display:none!important}
.journal-analysis-header{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  margin-bottom:20px;
}
.journal-analysis-view-title{
  margin:0;
  font-size:28px;
  line-height:38px;
  font-weight:700;
  color:var(--color-text-primary,#171717);
  text-align:center;
}
.journal-analysis-view-subtitle{
  margin:0;
  color:#5F646D;
  font-size:16px;
  line-height:24px;
  text-align:center;
}
.journal-analysis-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:20px;
  align-items:start;
}
.journal-analysis-main-column{
  min-width:0;
}
.journal-analysis-filter-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) auto;
  gap:12px;
  align-items:center;
  margin-bottom:12px;
}
.journal-analysis-filter-control{
  position:relative;
  display:flex;
  align-items:center;
  min-height:48px;
  border:1px solid #D7DBE4;
  border-radius:14px;
  background:#FFFFFF;
}
.journal-analysis-filter-control span:not(.sr-only){
  position:absolute;
  left:16px;
  top:9px;
  font-size:12px;
  line-height:16px;
  color:#6B7280;
  pointer-events:none;
}
.journal-analysis-filter-control select{
  width:100%;
  min-height:48px;
  padding:0 42px 0 16px;
  border:none;
  border-radius:14px;
  font:inherit;
  color:#171717;
  background:transparent;
  appearance:none;
  -webkit-appearance:none;
}
.journal-analysis-filter-control span:not(.sr-only)+select{padding-top:16px;padding-bottom:8px}
.journal-analysis-filter-control img{
  position:absolute;
  right:14px;
  width:16px;
  height:16px;
  pointer-events:none;
}
.journal-analysis-extra-filter,
.journal-analysis-advanced-reset,
#analysisEmptyResetButton,
#analysisRetryButton{
  border:1px solid #171717;
  border-radius:999px;
  background:#FFFFFF;
  color:#171717;
  min-height:48px;
  padding:0 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font:inherit;
  font-weight:600;
  cursor:pointer;
}
.journal-analysis-extra-filter img{width:18px;height:18px}
.journal-analysis-extra-filter:focus-visible,
.journal-analysis-advanced-reset:focus-visible,
#analysisEmptyResetButton:focus-visible,
#analysisRetryButton:focus-visible{outline:2px solid #000;outline-offset:2px}
.journal-analysis-advanced-panel{
  border:1px solid #DDE6F8;
  background:#F8FBFF;
  border-radius:18px;
  padding:16px;
  margin-bottom:12px;
}
.journal-analysis-advanced-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.journal-analysis-advanced-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:16px;
}
.journal-analysis-context-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.journal-analysis-context{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  min-height:30px;
}
.journal-analysis-context-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 8px;
  min-height:30px;
  border-radius:999px;
  background:#FFFFFF;
  border:1px solid #E5E7EB;
  font-size:14px;
  line-height:20px;
  color:#48515D;
}
.journal-analysis-context-sep{color:#A0A8B5}
.journal-analysis-sample-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  min-height:34px;
  border-radius:12px;
  border:1px solid #BFD7FF;
  background:#F5FAFF;
  color:#2B66B1;
  font-size:14px;
  line-height:20px;
  white-space:nowrap;
}
.journal-analysis-sample-badge img{width:18px;height:18px}
.journal-analysis-sample-badge.is-strong{border-color:#CBE7D4;background:#F4FBF6;color:#227748}
.journal-analysis-sample-badge.is-empty{border-color:#E4E7EC;background:#F8FAFC;color:#6B7280}
.journal-analysis-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:16px;
}
.journal-analysis-kpi-card,
.journal-analysis-comparison-card,
.journal-analysis-chart-card,
.journal-analysis-holding-card,
.journal-analysis-insight-panel,
.journal-analysis-empty-state,
.journal-analysis-error-state{
  background:#FFFFFF;
  border:1px solid #E5E7EB;
  border-radius:24px;
  box-shadow:0 10px 24px rgba(15,23,42,.04);
}
.journal-analysis-kpi-card{
  padding:16px 16px;
  display:flex;
  align-items:center;
  gap:16px;
  min-height:110px;
}
.journal-analysis-kpi-icon{
  width:64px;
  height:64px;
  border-radius:999px;
  border:2px solid #111111;
  display:grid;
  place-items:center;
  background:#FFFFFF;
  flex:0 0 64px;
}
.journal-analysis-kpi-icon img{width:30px;height:30px}
.journal-analysis-kpi-icon--green{border-color:#22C55E}
.journal-analysis-kpi-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.journal-analysis-kpi-copy span{font-size:14px;line-height:20px;color:#4B5563}
.journal-analysis-kpi-copy strong{font-size:18px;line-height:24px;color:#171717;font-weight:700}
.journal-analysis-kpi-copy b{font-size:18px;line-height:24px;font-weight:700;color:#171717}
.journal-analysis-kpi-copy b.is-positive{color:#13A34B}
.journal-analysis-kpi-copy b.is-negative{color:#E33A47}
.journal-analysis-comparison-card,
.journal-analysis-chart-card,
.journal-analysis-holding-card{padding:16px}
.journal-analysis-section-head{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.journal-analysis-section-head h3{margin:0;font-size:17px;line-height:24px;color:#171717}
.journal-analysis-section-head p{margin:0;font-size:14px;line-height:20px;color:#6B7280}
.journal-analysis-comparison-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.journal-analysis-comparison-item{
  border:1px solid #E5E7EB;
  border-radius:18px;
  padding:16px 16px;
  background:#FFFFFF;
}
.journal-analysis-comparison-item--positive{border-color:#C5E8CF;background:#FBFFFC}
.journal-analysis-comparison-item--negative{border-color:#F6D1D6;background:#FFF9FA}
.journal-analysis-comparison-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.journal-analysis-comparison-icon{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
}
.journal-analysis-comparison-item--positive .journal-analysis-comparison-icon{background:#13A34B}
.journal-analysis-comparison-item--negative .journal-analysis-comparison-icon{background:#FF385C}
.journal-analysis-comparison-icon img{width:18px;height:18px;filter:brightness(0) invert(1)}
.journal-analysis-comparison-title{display:flex;flex-direction:column;gap:2px}
.journal-analysis-comparison-title strong{font-size:16px;line-height:22px;color:#171717}
.journal-analysis-comparison-title span{font-size:13px;line-height:18px;color:#6B7280}
.journal-analysis-comparison-metrics{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:8px 8px;
  align-items:start;
}
.journal-analysis-comparison-metrics span{font-size:14px;line-height:20px;color:#4B5563}
.journal-analysis-comparison-metrics b{font-size:14px;line-height:20px;font-weight:700;color:#171717;justify-self:end}
.journal-analysis-comparison-metrics b.is-positive{color:#13A34B}
.journal-analysis-comparison-metrics b.is-negative{color:#E33A47}
.journal-analysis-r-bar-wrap{margin-top:16px}
.journal-analysis-r-bar-labels{display:flex;justify-content:space-between;gap:16px;font-size:15px;line-height:22px;margin-bottom:8px}
.journal-analysis-r-bar-labels strong:first-child{color:#13A34B}
.journal-analysis-r-bar-labels strong:last-child{color:#E33A47}
.journal-analysis-r-bar{
  width:100%;
  height:22px;
  border-radius:999px;
  background:#EEF1F5;
  overflow:hidden;
  display:flex;
}
.journal-analysis-r-bar-segment{display:block;height:100%}
.journal-analysis-r-bar-segment--positive{background:#22C55E}
.journal-analysis-r-bar-segment--negative{background:#F27A8B}
.journal-analysis-lower-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:16px;
  margin-top:16px;
}
.journal-analysis-chart-wrap{min-height:200px;border:1px solid #EEF1F5;border-radius:18px;background:#FCFEFD;padding:8px}
.journal-analysis-chart-svg{width:100%;height:170px;display:block}
.journal-analysis-chart-axis{stroke:#D7DEE8;stroke-width:1}
.journal-analysis-chart-line{fill:none;stroke:#16A34A;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.journal-analysis-chart-area{fill:rgba(34,197,94,.12)}
.journal-analysis-chart-dot{fill:#16A34A}
.journal-analysis-chart-dot--negative{fill:#E33A47}
.journal-analysis-chart-labels{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#6B7280;font-size:12px;line-height:16px}
.journal-analysis-chart-summary{display:flex;justify-content:flex-end;margin-top:4px;font-size:14px;line-height:20px;font-weight:700;color:#13A34B}
.journal-analysis-holding-list{display:flex;flex-direction:column;gap:12px}
.journal-analysis-holding-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.journal-analysis-holding-row span{font-size:14px;line-height:20px;color:#171717}
.journal-analysis-holding-row strong{font-size:14px;line-height:20px;color:#4B5563}
.journal-analysis-holding-track{height:16px;border-radius:999px;background:#ECEFF4;overflow:hidden;position:relative}
.journal-analysis-holding-fill{height:100%;border-radius:999px;background:#78B9FF;display:block}
.journal-analysis-holding-fill.is-positive{background:#4ADE80}
.journal-analysis-holding-fill.is-negative{background:#F59AA8}
.journal-analysis-info-note{
  margin-top:16px;
  border:1px solid #BFD7FF;
  border-radius:14px;
  background:#F5FAFF;
  padding:12px 16px;
  display:flex;
  gap:8px;
  align-items:flex-start;
  color:#2B66B1;
  font-size:14px;
  line-height:20px;
}
.journal-analysis-info-note img{width:18px;height:18px;flex:0 0 18px}
.journal-analysis-insight-panel{
  position:sticky;
  top:96px;
  padding:24px 24px;
  background:linear-gradient(180deg,#05233C 0%,#031F34 100%);
  border-color:#05233C;
  color:#FFFFFF;
}
.journal-analysis-insight-eyebrow{margin:0 0 8px;font-size:14px;line-height:20px;color:#C9DBF3}
.journal-analysis-insight-panel h3{margin:0 0 8px;font-size:24px;line-height:33px;color:#FFFFFF}
.journal-analysis-insight-summary{margin:0;font-size:15px;line-height:24px;color:#F7FAFC}
.journal-analysis-insight-divider{height:1px;background:rgba(255,255,255,.15);margin:16px 0}
.journal-analysis-insight-section h4{margin:0 0 8px;font-size:16px;line-height:22px;color:#FDC806}
.journal-analysis-insight-list{display:flex;flex-direction:column;gap:8px}
.journal-analysis-insight-item{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:start;color:#FFFFFF;font-size:14px;line-height:20px}
.journal-analysis-insight-item img{width:22px;height:22px}
.journal-analysis-insight-item strong{font-size:14px;line-height:20px;color:#FFFFFF;font-weight:400}
.journal-analysis-insight-item b{font-size:14px;line-height:20px;color:#FFFFFF;font-weight:700}
.journal-analysis-insight-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.journal-analysis-panel-action{
  min-height:52px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.78);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 16px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.journal-analysis-panel-action img{width:20px;height:20px}
.journal-analysis-panel-action--primary{background:#FDC806;color:#111111;border-color:#FDC806}
.journal-analysis-panel-action--secondary{background:transparent;color:#FFFFFF}
.journal-analysis-panel-action--secondary img{filter:brightness(0) invert(1)}
.journal-analysis-panel-action:focus-visible{outline:2px solid #FDC806;outline-offset:2px}
.journal-analysis-panel-disclaimer{margin:16px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);display:flex;gap:8px;align-items:flex-start;color:#FDC806;font-size:14px;line-height:20px}
.journal-analysis-panel-disclaimer img{width:18px;height:18px;flex:0 0 18px}
.journal-analysis-loading,.journal-analysis-empty-state,.journal-analysis-error-state{padding:28px 24px}
.journal-analysis-empty-state,.journal-analysis-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:320px}
.journal-analysis-empty-state img,.journal-analysis-error-state img{width:40px;height:40px}
.journal-analysis-empty-state h3,.journal-analysis-error-state h3{margin:0;font-size:22px;line-height:30px;color:#171717}
.journal-analysis-empty-state p,.journal-analysis-error-state p{margin:0;color:#6B7280;font-size:15px;line-height:22px;max-width:540px}
.journal-analysis-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}
.journal-analysis-skeleton-grid span,.journal-analysis-skeleton-block{display:block;border-radius:24px;background:linear-gradient(90deg,#F1F5F9 25%,#E5EAF1 40%,#F1F5F9 65%);background-size:220% 100%;animation:journalAnalysisPulse 1.2s ease infinite}
.journal-analysis-skeleton-grid span{height:110px}
.journal-analysis-skeleton-block{height:190px}
.journal-analysis-skeleton-row{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-top:16px}
@keyframes journalAnalysisPulse{0%{background-position:100% 0}100%{background-position:-100% 0}}



/* Dedicated Checklist List / Trade List / Mistakes / Goals view boundaries. Content remains intentionally
   minimal until each page-specific design/reference is approved; this prevents Overview
   or New Trade content from leaking into the wrong top-level tab. */
.journal-checklist-list-view,
.journal-trade-list-view,
.journal-mistakes-view,
.journal-goals-view{
  min-width:0;
  padding-top:16px;
}
.journal-checklist-list-view[hidden],
.journal-trade-list-view[hidden],
.journal-mistakes-view[hidden],
.journal-goals-view[hidden]{display:none!important}
.journal-checklist-list-view-title,
.journal-trade-list-view-title,
.journal-mistakes-view-title,
.journal-goals-view-title{
  margin:0;
  font-size:20px;
  line-height:28px;
  font-weight:700;
  color:var(--color-text-primary,#171717);
}

/* =========================================================
   SYSTEM MANAGEMENT VIEW — Trade Journal only
   Specific Constitution v1.0 / Resource + Size aligned
   ========================================================= */
.journal-system-management-view{position:relative;margin-top:20px;display:grid;gap:16px;background:#FDFDFD;font-family:"Roboto","Noto Sans Thai",Arial,sans-serif;color:#171717}
.journal-system-management-view[hidden]{display:none!important}
.journal-system-management-view button,.journal-system-management-view a{font-family:inherit;font-weight:500}
.journal-system-management-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}
.journal-system-management-heading{display:flex;align-items:baseline;gap:12px;min-width:0}
.journal-system-management-heading h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#000;outline:none;white-space:nowrap}
.journal-system-management-heading p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#606060;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-system-management-button{height:36px;min-height:36px;padding:0 16px;border-radius:18px;border:1px solid #E6E6E6;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-system-management-button:hover{background:#F7F7F7}
.journal-system-management-button:focus-visible,.journal-system-management-form-action:focus-visible,.journal-system-management-manage:focus-visible,.journal-system-management-add-strategy:focus-visible{outline:2px solid #0F0F0F;outline-offset:2px}
.journal-system-management-icon{display:block;width:24px;height:24px;flex:0 0 24px;object-fit:contain}
.journal-system-management-icon--small{width:20px;height:20px;flex-basis:20px}
.journal-system-management-context{display:flex;align-items:center;gap:8px;min-height:32px;font-size:14px;line-height:20px}
.journal-system-management-context-label{color:#3F66C3;font-weight:600}
.journal-system-management-context strong{font-weight:500;color:#171717}
.journal-system-management-status-pill{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;border-radius:14px;border:1px solid #86C79A;background:#F7FFF9;color:#2F8D46;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.journal-system-management-status-pill--draft{border-color:#D2D2D2;background:#F7F7F7;color:#606060}
.journal-system-management-status-pill--archived{border-color:#D2D2D2;background:#F7F7F7;color:#606060}
.journal-system-management-status-pill--suspended{border-color:#E2C76F;background:#FFF9E7;color:#8B6500}

.journal-system-management-layout{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(360px,.92fr);gap:24px;align-items:start}
.journal-system-management-main{display:grid;gap:16px;min-width:0}
.journal-system-management-card{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:16px}
.journal-system-management-card h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-system-management-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.journal-system-management-card-head>span{font-size:14px;line-height:20px;color:#606060;font-weight:400}
.journal-system-management-identity{display:flex;align-items:center;gap:16px;margin-top:12px}
.journal-system-management-identity-icon{width:48px;height:48px;border:1px solid #D2D2D2;border-radius:50%;display:grid;place-items:center;color:#171717;flex:0 0 48px}
.journal-system-management-identity-icon img{width:24px;height:24px}
.journal-system-management-identity h4{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-system-management-identity p{margin:4px 0 0;font-size:14px;line-height:20px;font-weight:400;color:#606060}
.journal-system-management-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0;border:1px solid #E6E6E6;border-radius:12px;overflow:hidden}
.journal-system-management-metadata>div{display:grid;grid-template-columns:minmax(86px,auto) minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:8px 12px;border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6}
.journal-system-management-metadata>div:nth-child(3n){border-right:0}
.journal-system-management-metadata>div:nth-last-child(-n+3){border-bottom:0}
.journal-system-management-metadata dt{font-size:14px;line-height:20px;font-weight:400;color:#606060}
.journal-system-management-metadata dd{margin:0;font-size:14px;line-height:20px;font-weight:500;color:#171717;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.journal-system-management-table-wrap{width:100%;overflow:auto}
.journal-system-management-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:20px}
.journal-system-management-table th{height:36px;padding:8px 8px;text-align:left;font-weight:500;color:#606060;border-bottom:1px solid #E6E6E6;white-space:nowrap}
.journal-system-management-table td{height:52px;padding:8px 8px;border-bottom:1px solid #E6E6E6;vertical-align:middle;color:#171717;font-weight:400}
.journal-system-management-table th:nth-child(1){width:29%}.journal-system-management-table th:nth-child(2){width:17%}.journal-system-management-table th:nth-child(3){width:11%}.journal-system-management-table th:nth-child(4){width:18%}.journal-system-management-table th:nth-child(5){width:16%}.journal-system-management-table th:nth-child(6){width:9%}
.journal-system-management-strategy-name{display:flex;align-items:center;gap:8px;font-weight:500;min-width:0}
.journal-system-management-strategy-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:0 0 32px;border:1px solid currentColor}
.journal-system-management-strategy-icon img{width:20px;height:20px}
.journal-system-management-strategy-icon--green{color:#2F9E44}.journal-system-management-strategy-icon--yellow{color:#D5A900}.journal-system-management-strategy-icon--blue{color:#3F66C3}.journal-system-management-strategy-icon--neutral{color:#606060}
.journal-system-management-manage{height:36px;min-height:36px;padding:0 16px;border-radius:18px;border:1px solid #D2D2D2;background:#FDFDFD;color:#171717;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-system-management-manage:hover{background:#F7F7F7}
.journal-system-management-add-strategy{width:100%;height:36px;min-height:36px;margin-top:8px;border-radius:18px;border:1px solid #D2D2D2;background:#FDFDFD;color:#171717;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-system-management-add-strategy:hover{background:#F7F7F7}

.journal-system-management-structure{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1.2fr);align-items:center;gap:8px;margin-top:12px}
.journal-system-management-structure-item{height:56px;border:1px solid #E6E6E6;border-radius:12px;background:#FDFDFD;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;font-size:14px;line-height:20px;color:#171717;white-space:nowrap}
.journal-system-management-structure-item strong{font-size:16px;line-height:20px;font-weight:600}
.journal-system-management-structure-icon{width:32px;height:32px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;flex:0 0 32px}
.journal-system-management-structure-icon img{width:20px;height:20px}
.journal-system-management-structure-item--green{color:#2F9E44}.journal-system-management-structure-item--yellow{color:#D5A900}.journal-system-management-structure-item--green span:last-child,.journal-system-management-structure-item--yellow span:last-child{color:#171717}
.journal-system-management-chevron{width:20px;height:20px;justify-self:center}

.journal-system-management-status-panel{position:sticky;top:72px;border-radius:16px;background:radial-gradient(circle at 82% 0%,rgba(17,91,193,.20),transparent 34%),linear-gradient(180deg,#03152B 0%,#061B31 100%);color:#fff;padding:20px;display:grid;gap:16px;min-height:560px}
.journal-system-management-panel-eyebrow{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#fff}
.journal-system-management-status-panel h3{margin:2px 0 0;font-size:20px;line-height:28px;font-weight:700;color:#fff}
.journal-system-management-status-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:16px}
.journal-system-management-status-columns>div{min-width:0}.journal-system-management-status-columns>div+div{border-left:1px solid rgba(255,255,255,.18);padding-left:20px;margin-left:20px}
.journal-system-management-status-caption{font-size:14px;line-height:20px;font-weight:400;color:rgba(255,255,255,.82)}
.journal-system-management-status-value{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:16px;line-height:20px;font-weight:500}
.journal-system-management-status-value img{width:24px;height:24px}.journal-system-management-status-value strong{font-weight:500}
.journal-system-management-status-value--yellow{color:#FDC806}.journal-system-management-status-value--green{color:#64C77A}
.journal-system-management-panel-section{padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}
.journal-system-management-panel-section h4{margin:0 0 8px;font-size:16px;line-height:20px;font-weight:500;color:#fff}
.journal-system-management-version-list{display:grid;gap:8px}
.journal-system-management-version-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;font-size:14px;line-height:20px}
.journal-system-management-version-row strong{font-weight:500;color:#fff}.journal-system-management-version-row span{color:rgba(255,255,255,.82)}
.journal-system-management-version-badge{justify-self:start;display:inline-flex;align-items:center;height:28px;padding:0 12px;border:1px solid rgba(255,255,255,.45);border-radius:14px;color:#fff!important;font-size:14px;line-height:20px;font-weight:500}
.journal-system-management-version-badge--current{border-color:#FDC806;color:#FDC806!important}
.journal-system-management-version-state{font-size:14px;line-height:20px;color:#64C77A!important;font-weight:500}
.journal-system-management-count-list{display:grid;gap:8px}
.journal-system-management-count-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:20px}
.journal-system-management-count-list span{display:inline-flex;align-items:center;gap:8px;color:#fff}.journal-system-management-count-list img{width:20px;height:20px}.journal-system-management-count-list strong{font-size:14px;line-height:20px;font-weight:500;color:#fff}
.journal-system-management-panel-actions{display:grid;gap:8px;margin-top:auto}
.journal-system-management-form-action{height:40px;min-height:40px;padding:0 16px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-system-management-form-action--primary{border:1px solid #FDC806;background:#FDC806;color:#000}
.journal-system-management-form-action--primary:hover{filter:brightness(.97)}
.journal-system-management-form-action--secondary{border:1px solid rgba(255,255,255,.75);background:transparent;color:#fff}
.journal-system-management-form-action--secondary:hover{background:rgba(255,255,255,.06)}
.journal-system-management-panel-warning{display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:14px;line-height:20px;font-weight:400}
.journal-system-management-panel-warning img{width:20px;height:20px;flex:0 0 20px;margin-top:1px}
.journal-system-management-message{border:1px solid #E6E6E6;border-radius:12px;background:#F7F7F7;padding:16px;font-size:14px;line-height:20px;color:#171717}
.journal-system-management-message--error{border-color:#E6BDBD;background:#FFF7F7;color:#9E2D2D}
.journal-system-management-message--forbidden{border-color:#E8D184;background:#FFF9E7;color:#7A5A00}
.journal-system-management-view[data-loading="true"] .journal-system-management-card,.journal-system-management-view[data-loading="true"] .journal-system-management-status-panel{opacity:.60}
.journal-system-management-view[data-loading="true"] button{pointer-events:none}
.journal-system-management-view button:disabled{background:#F2F2F2;border-color:#E6E6E6;color:#B5B5B5;cursor:not-allowed}

.journal-system-management-mask-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;background-color:currentColor;-webkit-mask:var(--sm-icon) center/contain no-repeat;mask:var(--sm-icon) center/contain no-repeat}
.journal-system-management-mask-icon--24{width:24px;height:24px;flex-basis:24px}
.journal-system-management-mask-icon--success{--sm-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=")}
.journal-system-management-mask-icon--analytics{--sm-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik01IDIxdi02Ii8+PHBhdGggZD0iTTEyIDIxVjMiLz48cGF0aCBkPSJNMTkgMjFWOSIvPjwvc3ZnPgo=")}
.journal-system-management-mask-icon--target{--sm-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iNiIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjIiLz48L3N2Zz4K")}
.journal-system-management-mask-icon--checklist{--sm-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBhdGggZD0ibTkgMTIgMiAyIDQtNCIvPjwvc3ZnPgo=")}
.journal-system-management-mask-icon--reports{--sm-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik02IDIyYTIgMiAwIDAgMS0yLTJWNGEyIDIgMCAwIDEgMi0yaDhhMi40IDIuNCAwIDAgMSAxLjcwNC43MDZsMy41ODggMy41ODhBMi40IDIuNCAwIDAgMSAyMCA4djEyYTIgMiAwIDAgMS0yIDJ6Ii8+PHBhdGggZD0iTTE0IDJ2NWExIDEgMCAwIDAgMSAxaDUiLz48cGF0aCBkPSJNOCAxOHYtMSIvPjxwYXRoIGQ9Ik0xMiAxOHYtNiIvPjxwYXRoIGQ9Ik0xNiAxOHYtMyIvPjwvc3ZnPgo=")}
.journal-system-management-mask-icon--version{--sm-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0xNSA2YTkgOSAwIDAgMC05IDlWMyIvPjxjaXJjbGUgY3g9IjE4IiBjeT0iNiIgcj0iMyIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxOCIgcj0iMyIvPjwvc3ZnPgo=")}
.journal-system-management-mask-icon--edit{--sm-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS4xNzQgNi44MTJhMSAxIDAgMCAwLTMuOTg2LTMuOTg3TDMuODQyIDE2LjE3NGEyIDIgMCAwIDAtLjUuODNsLTEuMzIxIDQuMzUyYS41LjUgMCAwIDAgLjYyMy42MjJsNC4zNTMtMS4zMmEyIDIgMCAwIDAgLjgzLS40OTd6Ii8+PHBhdGggZD0ibTE1IDUgNCA0Ii8+PC9zdmc+Cg==")}
.journal-system-management-mask-icon--warning{--sm-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==")}

.journal-system-management-status-pill::before{content:"";display:inline-block;width:16px;height:16px;flex:0 0 16px;margin-right:8px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=") center/contain no-repeat;mask:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0yMS44MDEgMTBBMTAgMTAgMCAxIDEgMTcgMy4zMzUiLz48cGF0aCBkPSJtOSAxMSAzIDNMMjIgNCIvPjwvc3ZnPgo=") center/contain no-repeat}
.journal-system-management-status-pill--suspended::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+Cg==")}
.journal-system-management-status-pill--draft::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBhdGggZD0iTTEyIDE2di00Ii8+PHBhdGggZD0iTTEyIDhoLjAxIi8+PC9zdmc+Cg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PHBhdGggZD0iTTEyIDE2di00Ii8+PHBhdGggZD0iTTEyIDhoLjAxIi8+PC9zdmc+Cg==")}
.journal-system-management-status-pill--archived::before{-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0xNSA2YTkgOSAwIDAgMC05IDlWMyIvPjxjaXJjbGUgY3g9IjE4IiBjeT0iNiIgcj0iMyIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxOCIgcj0iMyIvPjwvc3ZnPgo=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0xNSA2YTkgOSAwIDAgMC05IDlWMyIvPjxjaXJjbGUgY3g9IjE4IiBjeT0iNiIgcj0iMyIvPjxjaXJjbGUgY3g9IjYiIGN5PSIxOCIgcj0iMyIvPjwvc3ZnPgo=")}

.journal-system-management-view[data-state="loading"] .journal-system-management-context,.journal-system-management-view[data-state="loading"] .journal-system-management-layout{visibility:hidden}
.journal-system-management-view[data-state="loading"]::after{content:"";display:block;position:absolute;left:0;right:0;top:56px;height:520px;border-radius:16px;background:linear-gradient(90deg,#F2F2F2 25%,#F7F7F7 37%,#F2F2F2 63%);background-size:400% 100%;animation:journal-system-management-skeleton 1.2s ease infinite}
.journal-system-management-view[data-state="error"] .journal-system-management-context,.journal-system-management-view[data-state="error"] .journal-system-management-layout,.journal-system-management-view[data-state="forbidden"] .journal-system-management-context,.journal-system-management-view[data-state="forbidden"] .journal-system-management-layout{display:none}
@keyframes journal-system-management-skeleton{0%{background-position:100% 0}100%{background-position:0 0}}


/* Create Checklist View */

.journal-create-checklist-view{margin-top:16px;display:grid;gap:16px;min-width:0}
.journal-create-checklist-view[hidden]{display:none!important}
.journal-create-checklist-navigation{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.journal-create-checklist-back,.journal-create-checklist-draft-top{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;min-height:36px;padding:0 16px;border-radius:18px;border:1px solid var(--color-border,#E6E6E6);background:var(--brand-white,#FDFDFD);color:var(--color-text-primary,#171717);cursor:pointer;font-size:14px;line-height:20px;font-weight:500}
.journal-create-checklist-back:hover,.journal-create-checklist-draft-top:hover,.journal-create-checklist-editor-action:hover,.journal-create-checklist-add-item:hover{background:var(--gray-050,#F7F7F7)}
.journal-create-checklist-headingwrap{display:grid;gap:4px;min-width:0;flex:1}
.journal-create-checklist-headingwrap h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:var(--brand-black,#000)}
.journal-create-checklist-headingwrap p{margin:0;font-size:14px;line-height:20px;color:var(--color-text-secondary,#666)}
.journal-create-checklist-body{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(360px,.9fr);gap:24px;align-items:start}
.journal-create-checklist-main{display:grid;gap:16px}
.journal-create-checklist-card{border:1px solid var(--color-border,#E6E6E6);border-radius:16px;background:var(--brand-white,#FDFDFD);padding:16px;display:grid;gap:16px}
.journal-create-checklist-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.journal-create-checklist-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:var(--color-text-primary,#171717)}
.journal-create-checklist-card-head p{margin:4px 0 0;font-size:14px;line-height:20px;color:var(--color-text-secondary,#666)}
.journal-create-checklist-card-head--split{align-items:center}
.journal-create-checklist-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;line-height:20px;color:var(--color-text-secondary,#666)}
.journal-create-checklist-breadcrumb-separator{color:var(--color-text-placeholder,#999)}
.journal-create-checklist-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.journal-create-checklist-field{display:grid;gap:8px;font-size:14px;line-height:20px;color:var(--color-text-primary,#171717)}
.journal-create-checklist-field>span{font-weight:500;color:var(--brand-black,#000)}
.journal-create-checklist-field--full{grid-column:1/-1}
.journal-create-checklist-field input,.journal-create-checklist-field select,.journal-create-checklist-static-field{width:100%;height:40px;min-height:40px;border-radius:20px;border:1px solid var(--color-border,#E6E6E6);padding:0 16px;background:var(--brand-white,#FDFDFD);font-size:14px;line-height:20px;color:var(--color-text-primary,#171717)}
.journal-create-checklist-field input:focus,.journal-create-checklist-field select:focus{outline:2px solid var(--brand-black,#000);outline-offset:1px;border-color:var(--brand-black,#000)}
.journal-create-checklist-static-field{display:flex;align-items:center;color:var(--color-text-secondary,#666);background:#FAFAFA}
.journal-create-checklist-field-hint,.journal-create-checklist-field-error{margin:0;font-size:12px;line-height:16px;min-height:16px}
.journal-create-checklist-field-hint{color:var(--color-text-secondary,#666)}
.journal-create-checklist-field-error{color:#D34646}
.journal-create-checklist-field--status{grid-column:span 2}
.journal-create-checklist-status-toggle{display:flex;align-items:center;height:40px;min-height:40px;border:1px solid var(--color-border,#E6E6E6);border-radius:20px;padding:2px;background:#FAFAFA}
.journal-create-checklist-status-option{flex:1;border:0;border-radius:18px;height:32px;background:transparent;color:var(--color-text-primary,#171717);font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-create-checklist-status-option.is-active{background:var(--highlight-selected-bg,#0F0F0F);color:#FFF}
.journal-create-checklist-inline-note{display:flex;align-items:flex-start;gap:8px;border:1px solid #D9E4F8;background:#F6F9FF;color:#355B94;border-radius:12px;padding:8px 12px;font-size:14px;line-height:20px}
.journal-create-checklist-inline-note-icon,.journal-create-checklist-preview-warning-icon{width:20px;height:20px;flex:0 0 20px}
.journal-create-checklist-editor-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.journal-create-checklist-editor-count{font-size:14px;line-height:20px;font-weight:500;color:var(--color-text-primary,#171717)}
.journal-create-checklist-editor-action{height:36px;min-height:36px;border-radius:18px;border:1px solid var(--gray-900,#171717);padding:0 16px;background:var(--brand-white,#FDFDFD);color:var(--gray-900,#171717);font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-create-checklist-validation-summary{border:1px solid #F0C6C6;background:#FFF7F7;color:#B02A2A;border-radius:12px;padding:12px 16px;font-size:14px;line-height:20px}
.journal-create-checklist-validation-summary strong{display:block;margin-bottom:4px}
.journal-create-checklist-validation-summary ul{margin:0;padding-left:16px}
.journal-create-checklist-sections{display:grid;gap:16px}
.journal-create-checklist-section{border:1px solid var(--color-border,#E6E6E6);border-radius:14px;padding:16px;display:grid;gap:12px;background:#FFF}
.journal-create-checklist-section-head{display:flex;align-items:center;gap:12px;justify-content:space-between}
.journal-create-checklist-section-titlewrap{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.journal-create-checklist-section-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:14px;background:#F4F4F4;font-size:13px;line-height:18px;font-weight:600;color:var(--brand-black,#000);flex:0 0 28px}
.journal-create-checklist-section-input{flex:1;min-width:0;height:40px;border-radius:20px;border:1px solid var(--color-border,#E6E6E6);padding:0 16px;font-size:16px;line-height:20px;font-weight:500;color:var(--brand-black,#000)}
.journal-create-checklist-section-input:focus{outline:2px solid var(--brand-black,#000);outline-offset:1px;border-color:var(--brand-black,#000)}
.journal-create-checklist-section-actions{display:flex;align-items:center;gap:8px}
.journal-create-checklist-chip-button,.journal-create-checklist-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:32px;min-height:32px;border-radius:16px;border:1px solid var(--color-border,#E6E6E6);background:#FFF;color:var(--color-text-primary,#171717);padding:0 12px;cursor:pointer;font-size:13px;line-height:18px;font-weight:500}
.journal-create-checklist-icon-button{width:32px;padding:0;position:relative}
.journal-create-checklist-chip-button:hover,.journal-create-checklist-icon-button:hover{background:var(--gray-050,#F7F7F7)}
.journal-create-checklist-items{display:grid;gap:8px}
.journal-create-checklist-item{display:grid;grid-template-columns:18px 22px 32px minmax(0,1fr) 32px;align-items:center;gap:8px;position:relative}
.journal-create-checklist-item-handle{width:18px;height:32px;display:grid;grid-template-columns:repeat(2,4px);grid-auto-rows:4px;gap:3px;align-content:center;justify-content:center;color:#989898}
.journal-create-checklist-item-handle span{display:block;width:4px;height:4px;border-radius:50%;background:currentColor}
.journal-create-checklist-item-marker{width:22px;height:22px;border-radius:50%;border:1.5px solid #808080}
.journal-create-checklist-item-order{font-size:16px;line-height:20px;font-weight:500;color:var(--brand-black,#000);text-align:center}
.journal-create-checklist-item-input{width:100%;height:40px;border-radius:20px;border:1px solid var(--color-border,#E6E6E6);padding:0 16px;background:#FFF;font-size:14px;line-height:20px;color:var(--color-text-primary,#171717)}
.journal-create-checklist-item-input:focus{outline:2px solid var(--brand-black,#000);outline-offset:1px;border-color:var(--brand-black,#000)}
.journal-create-checklist-item-input.is-invalid,.journal-create-checklist-section-input.is-invalid{border-color:#D34646;background:#FFF9F9}
.journal-create-checklist-item-menu{position:relative}
.journal-create-checklist-menu-trigger{width:32px;height:32px;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--brand-black,#000);display:grid;place-items:center;cursor:pointer}
.journal-create-checklist-menu-trigger:hover{background:var(--gray-050,#F7F7F7);border-color:var(--color-border,#E6E6E6)}
.journal-create-checklist-menu-trigger img{width:20px;height:20px}
.journal-create-checklist-menu{position:absolute;right:0;top:36px;min-width:140px;display:grid;gap:4px;border:1px solid var(--color-border,#E6E6E6);border-radius:12px;background:#FFF;padding:8px;box-shadow:0 12px 28px rgba(17,17,17,.12);z-index:4}
.journal-create-checklist-menu[hidden]{display:none}
.journal-create-checklist-menu button{display:flex;align-items:center;justify-content:flex-start;width:100%;height:32px;border:0;border-radius:10px;background:transparent;padding:0 8px;font-size:13px;line-height:18px;color:var(--color-text-primary,#171717);cursor:pointer}
.journal-create-checklist-menu button:hover{background:var(--gray-050,#F7F7F7)}
.journal-create-checklist-add-item{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:40px;min-height:40px;border-radius:20px;border:1px solid var(--gray-900,#171717);background:var(--brand-white,#FDFDFD);color:var(--gray-900,#171717);font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-create-checklist-add-item-plus{width:20px;height:20px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:16px;line-height:1}
.journal-create-checklist-preview{background:linear-gradient(180deg,#061A2B 0%,#041420 100%);color:#FFF;border-radius:16px;padding:20px;display:grid;gap:20px;position:sticky;top:88px}
.journal-create-checklist-preview-top{display:grid;gap:8px}
.journal-create-checklist-preview-eyebrow{margin:0;font-size:14px;line-height:20px;font-weight:500;color:#D7E4F4}
.journal-create-checklist-preview h3{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#FFF}
.journal-create-checklist-preview-context,.journal-create-checklist-preview-meta{margin:0;font-size:14px;line-height:20px;color:#F4F7FB}
.journal-create-checklist-preview-meta{display:flex;flex-wrap:wrap;gap:8px}
.journal-create-checklist-preview-list{display:grid;gap:16px}
.journal-create-checklist-preview-group{display:grid;gap:8px}
.journal-create-checklist-preview-group h4{margin:0;font-size:16px;line-height:20px;font-weight:600;color:var(--brand-yellow,#FDC806)}
.journal-create-checklist-preview-group ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.journal-create-checklist-preview-group li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:flex-start;font-size:14px;line-height:20px;color:#FFF}
.journal-create-checklist-preview-bullet{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.92)}
.journal-create-checklist-preview-score{display:grid;gap:8px}
.journal-create-checklist-preview-score strong{font-size:18px;line-height:24px;font-weight:600}
.journal-create-checklist-preview-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}
.journal-create-checklist-preview-progress span{display:block;height:100%;width:0;background:var(--brand-yellow,#FDC806);border-radius:inherit}
.journal-create-checklist-preview-actions{display:grid;gap:12px}
.journal-create-checklist-preview-cta{width:100%;height:40px;min-height:40px;border-radius:20px;border:1px solid transparent;font-size:14px;line-height:20px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.journal-create-checklist-preview-cta--primary{background:var(--brand-yellow,#FDC806);color:var(--brand-black,#000)}
.journal-create-checklist-preview-cta--secondary{background:transparent;border-color:rgba(255,255,255,.88);color:#FFF}
.journal-create-checklist-preview-cta[disabled]{opacity:.55;cursor:not-allowed}
.journal-create-checklist-preview-warning{display:flex;align-items:flex-start;gap:8px;color:var(--brand-yellow,#FDC806);font-size:14px;line-height:20px;font-weight:500}


/* Unapproved System Overview — SPECIFIC VIEW ONLY (v1.0 FINAL ACTIVE). */
.journal-overview-view.is-unapproved-preview > :not(.journal-unapproved-overview){display:none!important}
.journal-unapproved-overview[hidden]{display:none!important}
.journal-unapproved-overview{display:grid;gap:16px}
.journal-unapproved-overview-header-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end}
.journal-unapproved-overview-intro{display:grid;gap:4px}
.journal-unapproved-overview-intro h2{margin:0;font-size:20px;line-height:28px;font-weight:600;color:var(--color-text-primary,#171717)}
.journal-unapproved-overview-intro>p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary,#666)}
.journal-unapproved-overview-context{display:flex;align-items:center;gap:8px;color:var(--color-text-primary,#171717)!important}
.journal-unapproved-overview-context:first-of-type{margin-top:8px!important}
.journal-unapproved-overview-context span{font-weight:500;color:var(--color-text-strong,#000)}
.journal-unapproved-overview-context strong{font-weight:400;color:var(--color-text-primary,#171717)}
.journal-unapproved-overview-filters{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.journal-unapproved-kpi-icon{border:2px solid var(--gray-700,#444);color:var(--gray-700,#444)}
.journal-unapproved-overview-body{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(380px,.95fr);gap:24px;align-items:start}
.journal-unapproved-overview-left{display:grid;gap:16px}
.journal-unapproved-card{border:1px solid var(--color-border,#E6E6E6);border-radius:16px;background:var(--brand-white,#FDFDFD);padding:16px}
.journal-unapproved-card-head{display:grid;gap:4px;margin-bottom:8px}
.journal-unapproved-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:var(--color-text-primary,#171717)}
.journal-unapproved-card-head p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary,#666)}
.journal-unapproved-strategy-row{display:grid;grid-template-columns:minmax(220px,1.2fr) auto minmax(190px,1fr) auto;align-items:center;gap:16px;padding-top:16px}
.journal-unapproved-strategy-main{display:flex;align-items:center;gap:12px;min-width:0}
.journal-unapproved-strategy-main>strong{font-size:16px;line-height:20px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary,#171717)}
.journal-unapproved-topic-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;color:var(--gray-900,#171717)}
.journal-unapproved-topic-icon--round{border:2px solid var(--gray-500,#888);border-radius:50%}
.journal-unapproved-topic-icon img{display:block;width:24px;height:24px}
.journal-unapproved-status-pill{height:32px;padding:0 12px;border:1px solid var(--color-border,#E6E6E6);border-radius:16px;background:var(--gray-050,#F7F7F7);color:var(--color-text-secondary,#666);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.journal-unapproved-status-pill img{width:16px;height:16px}
.journal-unapproved-description{font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary,#666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-unapproved-topic-list{display:grid}
.journal-unapproved-topic-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;border-top:1px solid var(--color-border,#E6E6E6)}
.journal-unapproved-topic-row:first-child{border-top:0}
.journal-unapproved-topic-label{display:flex;align-items:center;gap:12px;min-width:0}
.journal-unapproved-topic-label .journal-unapproved-topic-icon{width:40px;height:40px}
.journal-unapproved-topic-label strong{font-size:16px;line-height:20px;font-weight:500;color:var(--color-text-primary,#171717)}
.journal-unapproved-entitlement-panel{border:1px solid var(--journal-summary-bg);border-radius:16px;background:var(--journal-summary-bg);padding:24px;color:var(--brand-white,#FDFDFD);display:grid;gap:16px;min-height:424px}
.journal-unapproved-entitlement-eyebrow{margin:0;font-size:20px;line-height:28px;font-weight:600;color:var(--brand-white,#FDFDFD)}
.journal-unapproved-entitlement-panel h3{margin:4px 0 0;font-size:20px;line-height:28px;font-weight:700;color:var(--brand-white,#FDFDFD)}
.journal-unapproved-entitlement-status{margin:8px 0 0;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;color:var(--brand-yellow,#FDC806)}
.journal-unapproved-entitlement-status .journal-resource-icon{width:20px;height:20px;flex-basis:20px}
.journal-unapproved-entitlement-meta{margin:4px 0 0;font-size:14px;line-height:20px;font-weight:400;color:var(--brand-white,#FDFDFD)}
.journal-unapproved-entitlement-section{padding-top:16px;border-top:1px solid rgba(253,253,253,.16)}
.journal-unapproved-entitlement-section h4{margin:0 0 8px;font-size:16px;line-height:20px;font-weight:500;color:var(--brand-white,#FDFDFD)}
.journal-unapproved-permission-list{display:grid;gap:8px}
.journal-unapproved-permission-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:20px}
.journal-unapproved-permission-row>span{display:flex;align-items:center;gap:12px;color:var(--brand-white,#FDFDFD)}
.journal-unapproved-permission-row .journal-resource-icon{width:20px;height:20px;flex-basis:20px}
.journal-unapproved-permission-row strong{font-weight:500;color:var(--brand-white,#FDFDFD)}
.journal-unapproved-entitlement-notice{margin:8px 0 0;display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:20px;color:var(--brand-white,#FDFDFD)}
.journal-unapproved-entitlement-notice .journal-resource-icon{width:20px;height:20px;flex-basis:20px}
.journal-unapproved-entitlement-actions{display:grid;gap:8px}
.journal-unapproved-locked-action,.journal-unapproved-detail-action{width:100%;height:36px;min-height:36px;border-radius:18px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500}
.journal-unapproved-locked-action{border:1px solid var(--gray-100,#F2F2F2);background:var(--gray-100,#F2F2F2);color:var(--color-text-disabled,#B5B5B5);cursor:not-allowed}
.journal-unapproved-detail-action{border:1px solid rgba(253,253,253,.78);background:transparent;color:var(--brand-white,#FDFDFD);cursor:pointer}
.journal-unapproved-detail-action:hover{background:rgba(253,253,253,.10)}
.journal-unapproved-locked-action .journal-resource-icon,.journal-unapproved-detail-action .journal-resource-icon{width:20px;height:20px;flex-basis:20px}
.journal-unapproved-entitlement-warning{display:flex;align-items:center;gap:8px;margin:auto 0 0;font-size:14px;line-height:20px;color:var(--brand-yellow,#FDC806)}
.journal-unapproved-entitlement-warning .journal-resource-icon{width:20px;height:20px;flex-basis:20px}
.journal-unapproved-overview .journal-overview-details:focus-visible,
.journal-unapproved-detail-action:focus-visible{outline:2px solid var(--brand-black,#000);outline-offset:2px}
.journal-unapproved-entitlement-panel .journal-unapproved-detail-action:focus-visible{outline-color:var(--brand-yellow,#FDC806)}
body.journal-unapproved-preview-active #createTradeButton{display:inline-flex;align-items:center;justify-content:center;gap:8px}
body.journal-unapproved-preview-active #createTradeButton:disabled{background:var(--gray-050,#F7F7F7);border-color:var(--color-border-strong,#D2D2D2);color:var(--color-text-disabled,#B5B5B5);cursor:not-allowed}
body.journal-unapproved-preview-active #createTradeButton img{width:16px;height:16px}

/* Empty System Overview / First-use state — scoped to the approved Overview only.
   Reuses Global tokens and supplied Trade Journal V001 assets; no sibling/global component changes. */
.journal-overview-view.is-empty-first-use .journal-overview-left{gap:16px}
.journal-overview-view.is-empty-first-use .journal-overview-panel--strategies{min-height:240px}
.journal-overview-view.is-empty-first-use .journal-overview-panel--adherence{min-height:184px}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-list{display:block}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-result{
  min-height:164px;
  padding:0 16px 4px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-hero-icon{
  width:56px;
  height:56px;
  flex:0 0 56px;
  display:grid;
  place-items:center;
  border:1px solid var(--gray-700,#444);
  border-radius:28px;
  color:var(--gray-700,#444);
  background:var(--brand-white,#FDFDFD);
  margin-bottom:8px;
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-hero-icon>.journal-resource-icon--analytics{
  width:28px;
  height:28px;
  flex-basis:28px;
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-headline{
  font-size:20px;
  line-height:28px;
  font-weight:600;
  color:var(--color-text-primary,#171717);
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-support{
  margin:4px 0 0;
  font-size:14px;
  line-height:20px;
  font-weight:400;
  color:var(--color-text-secondary,#666);
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-steps{
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-step{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  min-width:132px;
  padding-top:12px;
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-step-icon{
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:grid;
  place-items:center;
  border:1px solid var(--gray-700,#444);
  border-radius:20px;
  color:var(--gray-700,#444);
  background:var(--brand-white,#FDFDFD);
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-step-icon .journal-resource-icon{
  width:24px;
  height:24px;
  flex-basis:24px;
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-step-number{
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:24px;
  height:24px;
  flex:0 0 24px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:var(--highlight-selected-bg,#0F0F0F);
  color:var(--highlight-selected-fg,#FFF);
  font-size:12px;
  line-height:16px;
  font-weight:600;
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-step-label{
  font-size:14px;
  line-height:20px;
  font-weight:500;
  color:var(--color-text-primary,#171717);
  white-space:nowrap;
  text-align:center;
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-arrow{
  width:20px;
  height:20px;
  flex:0 0 20px;
  color:var(--color-text-placeholder,#8A8A8A);
  display:grid;
  place-items:center;
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-arrow .journal-resource-icon{
  width:20px;
  height:20px;
  flex-basis:20px;
  transform:rotate(-90deg);
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-comparison{display:block}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-comparison-content{
  min-height:116px;
  padding:0 16px 4px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-comparison-icon{
  width:56px;
  height:56px;
  flex:0 0 56px;
  display:grid;
  place-items:center;
  border:1px solid var(--gray-700,#444);
  border-radius:28px;
  color:var(--gray-700,#444);
  background:var(--brand-white,#FDFDFD);
  margin-bottom:8px;
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-comparison-icon .journal-resource-icon{
  width:28px;
  height:28px;
  flex-basis:28px;
  --journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik0xMiAzdjE4Ii8+PHBhdGggZD0ibTE5IDggMyA4YTUgNSAwIDAgMS02IDB6VjciLz48cGF0aCBkPSJNMyA3aDFhMTcgMTcgMCAwIDAgOC0yIDE3IDE3IDAgMCAwIDggMmgxIi8+PHBhdGggZD0ibTUgOCAzIDhhNSA1IDAgMCAxLTYgMHpWNyIvPjxwYXRoIGQ9Ik03IDIxaDEwIi8+PC9zdmc+Cg==");
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-comparison-headline{
  font-size:18px;
  line-height:24px;
  font-weight:600;
  color:var(--color-text-primary,#171717);
}
.journal-overview-view.is-empty-first-use .journal-empty-first-use-comparison-support{
  margin:4px 0 0;
  font-size:14px;
  line-height:20px;
  font-weight:400;
  color:var(--color-text-secondary,#666);
}
.journal-overview-view.is-empty-first-use .journal-overview-active-panel{
  min-height:440px;
  padding:24px;
}
.journal-overview-view.is-empty-first-use .journal-overview-active-section h4{
  font-size:16px;
  line-height:20px;
  font-weight:500;
}
.journal-overview-view.is-empty-first-use .journal-overview-warning{
  color:var(--brand-yellow,#FDC806);
}



/* Insufficient Data System Overview (0–9 valid records) — scoped to approved Overview only. */
.journal-overview-view.is-insufficient-data .journal-overview-left{gap:16px}
.journal-overview-view.is-insufficient-data .journal-overview-panel--strategies{min-height:300px}
.journal-overview-view.is-insufficient-data .journal-overview-panel--adherence{min-height:126px}
.journal-overview-view.is-insufficient-data .journal-insufficient-kpi-state{font-size:18px;line-height:24px;font-weight:500;color:var(--color-text-primary,#171717)}
.journal-overview-view.is-insufficient-data .journal-insufficient-raw-list{display:block}
.journal-overview-view.is-insufficient-data .journal-insufficient-raw-table{width:100%;min-width:0;max-width:100%;display:grid;font-size:14px;line-height:20px;color:var(--color-text-primary,#171717);overflow:hidden}
.journal-overview-view.is-insufficient-data .journal-insufficient-raw-head,
.journal-overview-view.is-insufficient-data .journal-insufficient-raw-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr) minmax(0,.72fr) minmax(0,.86fr) minmax(0,1fr);align-items:center;column-gap:16px;min-width:0;max-width:100%;min-height:40px;padding:0 8px;border-bottom:1px solid var(--color-border-subtle,#E8E8E8)}
.journal-overview-view.is-insufficient-data .journal-insufficient-raw-head>*,
.journal-overview-view.is-insufficient-data .journal-insufficient-raw-row>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.journal-overview-view.is-insufficient-data .journal-insufficient-raw-head{min-height:36px;font-size:12px;line-height:16px;font-weight:500;color:var(--color-text-secondary,#666)}
.journal-overview-view.is-insufficient-data .journal-insufficient-raw-row:last-child{border-bottom:0}
.journal-overview-view.is-insufficient-data .journal-insufficient-raw-row strong{font-weight:500}
.journal-overview-view.is-insufficient-data .journal-insufficient-empty-row{min-height:72px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary,#666);border-top:1px solid var(--color-border-subtle,#E8E8E8)}
.journal-overview-view.is-insufficient-data .journal-insufficient-sufficiency{display:block}
.journal-overview-view.is-insufficient-data .journal-insufficient-sufficiency-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,42%);align-items:center;gap:24px;padding:8px 0 0;min-width:0;max-width:100%}
.journal-overview-view.is-insufficient-data .journal-insufficient-sufficiency-copy,
.journal-overview-view.is-insufficient-data .journal-insufficient-sufficiency-meter{min-width:0}
.journal-overview-view.is-insufficient-data .journal-insufficient-sufficiency-copy strong{display:block;font-size:14px;line-height:20px;font-weight:500;color:var(--color-text-primary,#171717)}
.journal-overview-view.is-insufficient-data .journal-insufficient-sufficiency-copy p{margin:4px 0 0;font-size:12px;line-height:16px;color:var(--color-text-secondary,#666)}
.journal-overview-view.is-insufficient-data .journal-insufficient-sufficiency-meter{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.journal-overview-view.is-insufficient-data .journal-insufficient-sufficiency-track{height:8px;border-radius:999px;background:var(--gray-100,#F2F2F2);overflow:hidden}
.journal-overview-view.is-insufficient-data .journal-insufficient-sufficiency-track span{display:block;height:100%;border-radius:999px;background:var(--brand-yellow,#FDC806)}
.journal-overview-view.is-insufficient-data .journal-insufficient-sufficiency-meter>strong{font-size:14px;line-height:20px;font-weight:600;color:var(--color-text-primary,#171717)}
.journal-overview-view.is-insufficient-data .journal-overview-active-panel{min-height:440px;padding:24px}
.journal-overview-view.is-insufficient-data .journal-overview-active-top{padding-bottom:16px}
.journal-overview-view.is-insufficient-data .journal-overview-active-eyebrow{margin-bottom:2px}
.journal-overview-view.is-insufficient-data .journal-overview-active-top h3{font-size:24px;line-height:32px}
.journal-overview-view.is-insufficient-data .journal-overview-statusline{margin-top:8px;display:flex;align-items:center;gap:8px}
.journal-overview-view.is-insufficient-data .journal-overview-active-meta{margin-top:0;order:0;color:var(--brand-white,#FDFDFD);font-weight:500}
.journal-overview-view.is-insufficient-data .journal-overview-approved{margin-left:8px}
.journal-overview-view.is-insufficient-data .journal-overview-active-section h4:empty{display:none}
.journal-overview-view.is-insufficient-data .journal-overview-active-section{padding-top:16px}
.journal-overview-view.is-insufficient-data .journal-overview-readiness-list{gap:8px}
.journal-overview-view.is-insufficient-data .journal-overview-warning{color:var(--brand-yellow,#FDC806)}
.journal-overview-view.is-insufficient-data .journal-overview-export:disabled{opacity:.56;cursor:not-allowed}


/* Overview Load Error State — scoped to the existing Trade Journal Overview only */
.journal-overview-view.is-overview-load-error .journal-overview-left{gap:0}
.journal-overview-view.is-overview-load-error .journal-overview-panel--strategies{min-height:404px;padding:0;overflow:hidden}
.journal-overview-view.is-overview-load-error .journal-overview-panel--strategies .journal-overview-panel-head{display:none}
.journal-overview-view.is-overview-load-error .journal-overview-panel--adherence{display:none}
.journal-overview-view.is-overview-load-error .journal-overview-error-primary{display:block;min-height:404px;height:100%}
.journal-overview-error-primary-content{min-height:404px;height:100%;padding:24px 24px 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;color:var(--color-text-primary,#171717);outline:0}
.journal-overview-error-illustration{position:relative;width:116px;height:96px;flex:0 0 96px;margin-top:4px;display:grid;place-items:center;color:var(--gray-800,#2A2A2A)}
.journal-overview-error-illustration::before{content:"";position:absolute;inset:18px 2px 7px;border-radius:46% 54% 52% 48%/45% 44% 56% 55%;background:linear-gradient(135deg,rgba(242,244,248,.96),rgba(250,250,252,.4));z-index:0}
.journal-overview-error-file{position:relative;z-index:1;width:68px;height:78px;display:grid;place-items:center;color:var(--gray-800,#2A2A2A)}
.journal-overview-error-file .journal-resource-icon{width:68px;height:68px;flex-basis:68px}
.journal-overview-error-badge{position:absolute;right:12px;bottom:5px;z-index:2;width:54px;height:48px;display:grid;place-items:center;border-radius:16px;color:#FDFDFD;background:#E9004F;border:2px solid var(--gray-900,#171717);box-shadow:0 2px 0 rgba(15,15,15,.08)}
.journal-overview-error-badge .journal-resource-icon{width:28px;height:28px;flex-basis:28px}
.journal-overview-error-primary-content h3{margin:8px 0 0;font-size:20px;line-height:28px;font-weight:700;color:var(--color-text-primary,#171717)}
.journal-overview-error-primary-content>p{margin:4px 0 0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary,#666)}
.journal-overview-error-primary-content>p+p{margin-top:0}
.journal-overview-error-actions{display:grid;grid-template-columns:minmax(180px,240px) minmax(180px,240px);gap:12px;justify-content:center;width:100%;margin-top:16px}
.journal-overview-error-action{height:36px;min-height:36px;border-radius:18px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-overview-error-action .journal-resource-icon{width:20px;height:20px;flex-basis:20px}
.journal-overview-error-action--primary{border:1px solid var(--brand-yellow,#FDC806);background:var(--brand-yellow,#FDC806);color:var(--brand-black,#000)}
.journal-overview-error-action--secondary{border:1px solid var(--gray-900,#171717);background:var(--brand-white,#FDFDFD);color:var(--gray-900,#171717)}
.journal-overview-error-action:hover:not(:disabled){filter:brightness(.985)}
.journal-overview-error-action:focus-visible{outline:2px solid var(--brand-black,#000);outline-offset:2px}
.journal-overview-error-action:disabled{cursor:wait;opacity:.68}
.journal-overview-error-help{width:100%;margin-top:auto;min-height:82px;padding:16px 20px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;text-align:left;border-radius:12px;background:var(--gray-50,#F7F8FA);color:var(--color-text-primary,#171717)}
.journal-overview-error-help-icon{width:24px;height:24px;display:grid;place-items:center;color:var(--gray-800,#2A2A2A)}
.journal-overview-error-help-icon .journal-resource-icon{width:20px;height:20px;flex-basis:20px}
.journal-overview-error-help strong{display:block;font-size:14px;line-height:20px;font-weight:600}
.journal-overview-error-help p{margin:2px 0 0;font-size:14px;line-height:20px;font-weight:400;color:var(--color-text-secondary,#666)}
.journal-overview-view.is-overview-load-error .journal-overview-error-secondary{display:none}
.journal-overview-view.is-overview-load-error .journal-overview-active-panel{min-height:404px;padding:24px}
.journal-overview-view.is-overview-load-error .journal-overview-active-top{padding-bottom:16px}
.journal-overview-view.is-overview-load-error .journal-overview-statusline{margin-top:8px;display:flex;align-items:center;gap:8px}
.journal-overview-view.is-overview-load-error .journal-overview-active-meta{display:block;margin-top:0;color:var(--brand-white,#FDFDFD);font-weight:500}
.journal-overview-view.is-overview-load-error .journal-overview-approved{color:var(--brand-yellow,#FDC806)}
.journal-overview-view.is-overview-load-error .journal-overview-active-section{padding-top:16px}
.journal-overview-view.is-overview-load-error .journal-overview-active-section>h4{display:block}
.journal-overview-view.is-overview-load-error .journal-overview-readiness-list{gap:8px}
.journal-overview-view.is-overview-load-error .journal-overview-readiness-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
.journal-overview-view.is-overview-load-error .journal-overview-readiness-label{font-size:14px;line-height:20px;color:var(--brand-white,#FDFDFD)}
.journal-overview-view.is-overview-load-error .journal-overview-readiness-label .journal-overview-mini-icon{display:grid}
.journal-overview-view.is-overview-load-error .journal-overview-readiness-row strong{font-size:14px;line-height:20px;color:var(--brand-white,#FDFDFD);font-weight:600;text-align:right}
.journal-overview-view.is-overview-load-error .journal-overview-progress-wrap{display:grid}
.journal-overview-view.is-overview-load-error .journal-overview-active-actions{margin-top:16px}
.journal-overview-view.is-overview-load-error .journal-overview-cta--primary{background:var(--brand-yellow,#FDC806);color:var(--brand-black,#000)}
.journal-overview-view.is-overview-load-error .journal-overview-cta--secondary{background:transparent;border-color:rgba(255,255,255,.82);color:var(--brand-white,#FDFDFD)}
.journal-overview-view.is-overview-load-error .journal-overview-warning{color:var(--brand-yellow,#FDC806)}
.journal-overview-view.is-overview-load-error .journal-overview-warning span:last-child{color:var(--brand-yellow,#FDC806)}
.journal-overview-view.is-overview-load-error .journal-overview-export:disabled{opacity:.56;cursor:not-allowed}


/* Trade Journal / Open Strategy Selector Menu — scoped implementation */
.journal-strategy-selector{position:relative;display:inline-flex;align-items:center;min-width:160px}
.journal-strategy-selector-trigger{width:100%;min-width:160px;justify-content:space-between;gap:8px;cursor:pointer;overflow:visible}
.journal-strategy-selector-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.journal-strategy-selector-chevron{flex:0 0 16px;width:16px;height:16px;transition:transform .16s ease}
.journal-strategy-selector-trigger[aria-expanded="true"] .journal-strategy-selector-chevron{transform:rotate(180deg)}
.journal-strategy-selector-trigger:focus-visible{outline:2px solid #000;outline-offset:2px}
.journal-strategy-selector-menu[hidden]{display:none}
.journal-strategy-selector-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:1180;width:max(100%,240px);max-width:320px;max-height:min(360px,calc(100vh - 180px));overflow:auto;padding:8px;background:#FDFDFD;border:1px solid #E6E6E6;border-radius:16px;box-shadow:0 14px 34px rgba(15,15,15,.14)}
.journal-strategy-selector-heading{padding:4px 8px 8px;color:#666;font-size:14px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-strategy-selector-options{display:grid;gap:2px}
.journal-strategy-selector-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:8px 8px 8px 12px;border-radius:12px;color:#171717;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;outline:0}
.journal-strategy-selector-option:hover,.journal-strategy-selector-option.is-active{background:#F7F7F7}
.journal-strategy-selector-option[aria-selected="true"]{background:#FFF9DE}
.journal-strategy-selector-option:focus-visible{outline:2px solid #000;outline-offset:-2px}
.journal-strategy-selector-option-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.journal-strategy-selector-marker{display:none;flex:0 0 20px;width:20px;height:20px;color:#FDC806}
.journal-strategy-selector-option[aria-selected="true"] .journal-strategy-selector-marker{display:inline-block}
@media (prefers-reduced-motion:reduce){.journal-strategy-selector-chevron{transition:none}}


/* Trade Journal / Overview / Open Time Period Selector — scoped namespace only */
.journal-period-selector{position:relative;display:inline-flex;align-items:center;min-width:108px}
.journal-period-selector-trigger{width:100%;min-width:108px;justify-content:space-between;gap:8px;cursor:pointer;overflow:visible}
.journal-period-selector-trigger-label{min-width:0;white-space:nowrap}
.journal-period-selector-chevron{flex:0 0 20px;width:20px;height:20px;transition:transform .16s ease}
.journal-period-selector-trigger[aria-expanded="true"] .journal-period-selector-chevron{transform:rotate(180deg)}
.journal-period-selector-trigger:focus-visible{outline:2px solid var(--brand-yellow,#FDC806);outline-offset:2px}
.journal-period-selector-menu[hidden]{display:none}
.journal-period-selector-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:1190;min-width:100%;width:156px;max-height:min(280px,calc(100vh - 180px));overflow:auto;padding:8px;background:var(--brand-white,#FDFDFD);border:1px solid var(--color-border,#E6E6E6);border-radius:16px;box-shadow:0 14px 34px rgba(15,15,15,.14)}
.journal-period-selector-options{display:grid;gap:2px;outline:0}
.journal-period-selector-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:8px 8px 8px 12px;border-radius:12px;color:var(--color-text-primary,#171717);font-size:14px;line-height:20px;font-weight:500;cursor:pointer;outline:0}
.journal-period-selector-option:hover,.journal-period-selector-option.is-active{background:#F7F7F7}
.journal-period-selector-option[aria-selected="true"]{background:#FFF9DE}
.journal-period-selector-option:focus-visible{outline:2px solid var(--brand-black,#000);outline-offset:-2px}
.journal-period-selector-marker{display:none;flex:0 0 20px;width:20px;height:20px;color:var(--brand-yellow,#FDC806)}
.journal-period-selector-option[aria-selected="true"] .journal-period-selector-marker{display:inline-block}
.journal-period-selector-custom{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:2px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:var(--color-text-primary,#171717);font:inherit;font-size:14px;line-height:20px;font-weight:500;text-align:left;cursor:pointer}
.journal-period-selector-custom:hover{background:#F7F7F7}
.journal-period-selector-custom:focus-visible{outline:2px solid var(--brand-black,#000);outline-offset:-2px}
.journal-period-selector-custom-icon{--journal-icon:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgYXJpYS1oaWRkZW49InRydWUiPjxwYXRoIGQ9Ik04IDJ2NCIvPjxwYXRoIGQ9Ik0xNiAydjQiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHg9IjMiIHk9IjQiIHJ4PSIyIi8+PHBhdGggZD0iTTMgMTBoMTgiLz48cGF0aCBkPSJNOCAxNGguMDEiLz48cGF0aCBkPSJNMTIgMTRoLjAxIi8+PHBhdGggZD0iTTE2IDE0aC4wMSIvPjxwYXRoIGQ9Ik04IDE4aC4wMSIvPjxwYXRoIGQ9Ik0xMiAxOGguMDEiLz48cGF0aCBkPSJNMTYgMThoLjAxIi8+PC9zdmc+Cg==");flex:0 0 20px;width:20px;height:20px}
@media (prefers-reduced-motion:reduce){.journal-period-selector-chevron{transition:none}}


/* Trade Journal iOS scroll icon stability v4 — page-local only.
   External SVG mask resources can intermittently disappear during Safari tile/compositor
   scrolling on a long 1280px desktop canvas. All mask SVGs above are embedded as data URIs
   so WebKit does not need to evict/re-decode external mask images while scrolling.
   The shared shell geometry is unchanged; only speculative transform promotion is disabled
   for this page to reduce compositor churn on narrow iOS viewports. */
@media (max-width:1279px){
  .journal-page .app-header,
  .journal-page .app-rail{will-change:auto}
}

/* Trade Journal > Export Report > Thai-language view (scope locked) */
.journal-export-report-view--thai{margin-top:16px;gap:16px}
.journal-export-report-navigation--thai{grid-template-columns:220px minmax(0,1fr) 220px;align-items:start;gap:16px}
.journal-export-report-navigation--thai::after{content:""}
.journal-export-report-headingwrap--thai{display:grid;gap:2px;text-align:center;justify-items:center}
.journal-export-report-headingwrap--thai h2{font-size:20px;line-height:28px;font-weight:700;white-space:normal}
.journal-export-report-headingwrap--thai p{font-size:14px;line-height:20px;white-space:normal;overflow:visible;text-overflow:clip;color:#777}
.journal-export-report-body--thai{grid-template-columns:minmax(0,1fr) 390px;gap:16px}
.journal-export-report-card--thai{padding:16px 20px;border-radius:16px}
.journal-export-report-card--thai .journal-export-report-card-head{margin-bottom:12px}
.journal-export-report-card--thai .journal-export-report-card-head h3{font-size:20px;line-height:28px;font-weight:600}
.journal-export-report-card--thai .journal-export-report-card-head p{margin-top:2px}
.journal-export-report-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px}
.journal-export-report-card--thai .journal-export-report-field>span{font-size:14px;line-height:20px;font-weight:600}
.journal-export-report-card--thai .journal-export-report-field-control{height:40px;border-radius:20px}
.journal-export-report-card--thai .journal-export-report-field-control select,
.journal-export-report-card--thai .journal-export-report-field-control input{appearance:none;-webkit-appearance:none;padding:0 42px 0 16px;font-size:14px;line-height:20px}
.journal-export-report-control-img{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}
.journal-export-report-format-compact{height:40px;border:1px solid #D8D8D8;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#fff}
.journal-export-report-format-compact .journal-export-report-format-option{min-height:38px;height:38px;padding:0 16px;border:0;border-radius:19px;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:20px;font-weight:500;text-align:center;color:#171717;box-shadow:none}
.journal-export-report-format-compact .journal-export-report-format-option.is-selected{background:#0F0F0F;color:#fff;box-shadow:none}
.journal-export-report-divider{height:1px;background:#E7E7E7;margin:16px 0}
.journal-export-report-card-head--content,.journal-export-report-card-head--filename{margin-bottom:8px!important}
.journal-export-report-checklist--eight{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px}
.journal-export-report-checklist--eight .journal-export-report-checkitem{font-size:14px;line-height:20px;gap:8px;align-items:center}
.journal-export-report-checklist--eight .journal-export-report-checkitem input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#FDC806}
.journal-export-report-field--filename{margin-top:0}
.journal-export-report-field-control--filename{height:40px}
.journal-export-report-inline-note--thai{margin-top:12px;background:#F3F8FF;border-color:#D9E8FA;color:#2B5E9D}
.journal-export-report-summary--thai{min-height:0;padding:16px 20px;gap:16px;border-radius:16px;align-content:start}
.journal-export-report-summary--thai .journal-export-report-summary-eyebrow{font-size:16px;line-height:20px;font-weight:600}
.journal-export-report-summary--thai h3{font-size:24px;line-height:32px;margin-top:2px}
.journal-export-report-ready{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#FDC806;font-size:14px;line-height:20px}
.journal-export-report-ready svg{width:20px;height:20px;color:#FDC806}
.journal-export-report-summary--thai .journal-export-report-summary-context{margin-top:4px;font-size:14px;line-height:20px}
.journal-export-report-summary--thai .journal-export-report-summary-section{padding-top:16px}
.journal-export-report-summary--thai .journal-export-report-summary-section h4{font-size:16px;line-height:20px;margin-bottom:8px}
.journal-export-report-summary--thai .journal-export-report-summary-list{gap:8px}
.journal-export-report-summary--thai .journal-export-report-summary-row{font-size:14px;line-height:20px}
.journal-export-report-summary--thai .journal-export-report-summary-row strong{font-size:14px;line-height:20px;max-width:58%;white-space:normal}
.journal-export-report-readiness{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:2px}
.journal-export-report-readiness-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.18);overflow:hidden}
.journal-export-report-readiness-bar span{display:block;width:0;height:100%;border-radius:inherit;background:#FDC806;transition:width .18s ease}
.journal-export-report-readiness>strong{font-size:14px;line-height:20px;color:#fff}
.journal-export-report-summary--thai .journal-export-report-summary-actions{margin-top:0;gap:8px}
.journal-export-report-summary--thai .journal-export-report-cta{height:40px;min-height:40px;border-radius:20px;font-size:14px;line-height:20px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}
.journal-export-report-summary--thai .journal-export-report-cta img,.journal-export-report-summary--thai .journal-export-report-cta svg{width:20px;height:20px}
.journal-export-report-summary--thai .journal-export-report-summary-warning{justify-content:flex-start;text-align:left;font-size:13px;line-height:18px;font-weight:500}
.journal-export-report-summary--thai .journal-export-report-summary-warning svg{width:20px;height:20px;flex:0 0 20px;color:#FDC806}




/* =========================================================
   Trade Journal — Close Order & Save Result View
   Scope locked to .journal-close-order-* only.
   ========================================================= */
.journal-close-order-view{margin-top:16px;display:grid;gap:16px}
.journal-close-order-view[hidden]{display:none!important}
.journal-close-order-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding-top:0}
.journal-close-order-back,.journal-close-order-draft-top{height:38px;min-height:38px;padding:0 16px;border:1px solid #171717;border-radius:19px;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-close-order-back .journal-ui-icon,.journal-close-order-draft-top .journal-ui-icon{width:20px;height:20px;flex:0 0 20px}
.journal-close-order-headingwrap{text-align:center;min-width:0}
.journal-close-order-headingwrap h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717;outline:none}
.journal-close-order-headingwrap p{margin:1px 0 0;font-size:14px;line-height:20px;color:#777}
.journal-close-order-context-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(350px,.88fr);align-items:end;gap:16px}.journal-close-order-context-row::after{content:"";grid-column:3;grid-row:1}
.journal-close-order-breadcrumb{display:flex;align-items:center;column-gap:8px;row-gap:0;min-height:40px;max-width:760px;font-size:14px;line-height:20px;color:#171717;flex-wrap:wrap}
.journal-close-order-breadcrumb-label{font-weight:500;color:#171717}
.journal-close-order-breadcrumb-separator{font-size:20px;color:#666;line-height:1;margin:0 2px}
.journal-close-order-context-break{flex-basis:100%;height:0}
.journal-close-order-state-pills{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-bottom:4px}
.journal-close-order-version-badge,.journal-close-order-ready-badge{height:36px;padding:0 16px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:14px;line-height:20px;font-weight:500}
.journal-close-order-version-badge{border:1px solid #D9D9D9;background:#FDFDFD;color:#333}
.journal-close-order-ready-badge{border:1px solid #6BC784;background:#F7FFF9;color:#27823D}
.journal-close-order-ready-badge .journal-resource-icon{width:20px;height:20px;flex:0 0 20px}
.journal-close-order-ready-badge.is-invalid{border-color:#E2C065;background:#FFFDF4;color:#8B6500}
.journal-close-order-body{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(350px,.88fr);gap:16px;align-items:start}
.journal-close-order-main{min-width:0}
.journal-close-order-card{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:16px 16px 12px}
.journal-close-order-card-head{margin-bottom:8px}
.journal-close-order-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-close-order-card-head p{margin:0;font-size:14px;line-height:20px;color:#707070}
.journal-close-order-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 24px}
.journal-close-order-field{display:grid;gap:4px;min-width:0}
.journal-close-order-field>span:first-child{font-size:14px;line-height:20px;font-weight:500;color:#171717}
.journal-close-order-field input,.journal-close-order-field select,.journal-close-order-control-wrap{box-sizing:border-box;width:100%}
.journal-close-order-field>input,.journal-close-order-control-wrap{height:38px;border:1px solid #DCDCDC;border-radius:10px;background:#FDFDFD;color:#171717}
.journal-close-order-field>input{padding:0 12px;font-size:14px;line-height:20px;outline:none}
.journal-close-order-control-wrap{position:relative;display:block;overflow:hidden}
.journal-close-order-control-wrap input,.journal-close-order-control-wrap select{height:36px;border:0;background:transparent;color:#171717;font-size:14px;line-height:20px;outline:none;padding:0 40px 0 12px}
.journal-close-order-control-wrap select{appearance:none;-webkit-appearance:none;cursor:pointer}
.journal-close-order-control-wrap input[type="date"],.journal-close-order-control-wrap input[type="time"]{appearance:none;-webkit-appearance:none}
.journal-close-order-control-wrap input[type="date"]::-webkit-calendar-picker-indicator,.journal-close-order-control-wrap input[type="time"]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:42px;height:36px;cursor:pointer}
.journal-close-order-control-icon{position:absolute;right:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);pointer-events:none;color:#171717}
.journal-close-order-field>input:focus,.journal-close-order-control-wrap:focus-within{border:2px solid #000;box-shadow:none}
.journal-close-order-field.is-invalid>input,.journal-close-order-field.is-invalid .journal-close-order-control-wrap,.journal-close-order-field.is-invalid .journal-close-order-segmented{border:1px solid #C62828;background:#FFF9F9}
.journal-close-order-field-error{display:none;font-size:11px;line-height:12px;color:#C62828}.journal-close-order-field-error:not(:empty){display:block;min-height:12px}
.journal-close-order-segmented{height:38px;padding:2px;border:1px solid #DCDCDC;border-radius:19px;background:#FDFDFD;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.journal-close-order-segment{border:0;border-radius:17px;background:transparent;color:#171717;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-close-order-segment.is-active{background:#0F0F0F;color:#FDFDFD}
.journal-close-order-segment:focus-visible{outline:2px solid #FDC806;outline-offset:2px}
.journal-close-order-field--note{grid-column:1/-1}
.journal-close-order-field--note>input{height:36px;color:#555}
.journal-close-order-field--note>input::placeholder{color:#9B9B9B}
.journal-close-order-result-strip{margin-top:5px;border:1px solid #F0C915;border-radius:10px;background:#FFFDF4;padding:8px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}
.journal-close-order-result-item{display:grid;justify-items:center;gap:0;min-width:0;padding:0 16px;text-align:center}
.journal-close-order-result-item+.journal-close-order-result-item{border-left:1px solid #E5DFBD}
.journal-close-order-result-item span{font-size:14px;line-height:20px;color:#222}
.journal-close-order-result-item strong{font-size:20px;line-height:28px;font-weight:700;color:#171717;white-space:nowrap}
.journal-close-order-result-item--positive strong,.journal-close-order-result-item--reward strong{color:#168C43}
.journal-close-order-result-item--risk strong{color:#C91420}
.journal-close-order-note{margin-top:8px;min-height:36px;padding:8px 12px;border:1px solid #8ECFF5;border-radius:7px;background:#EAF7FF;color:#2788BF;display:flex;align-items:center;gap:8px;font-size:13px;line-height:20px}
.journal-close-order-note-icon{width:20px;height:20px;flex:0 0 20px}
.journal-close-order-note-icon .journal-resource-icon{width:20px;height:20px}
.journal-close-order-error-summary{margin-top:8px;padding:8px 12px;border-radius:10px;border:1px solid #F0C7C7;background:#FFF6F6;color:#8C1A1A;font-size:12px;line-height:18px}
.journal-close-order-summary{margin-top:-57px;border:1px solid #0B1C33;border-radius:16px;background:radial-gradient(circle at 88% 0%,rgba(17,91,193,.24),transparent 34%),linear-gradient(180deg,#021125 0%,#04192F 100%);padding:16px 16px 13px;color:#FDFDFD;display:grid;gap:8px;min-height:608px}
.journal-close-order-summary-top{display:grid;gap:1px}
.journal-close-order-summary-eyebrow{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#FDFDFD}
.journal-close-order-summary h3{margin:0;font-size:27px;line-height:34px;font-weight:700;color:#FDFDFD}
.journal-close-order-summary-dot{color:#FDFDFD}
.journal-close-order-summary-direction--sell{color:#FF4C47}
.journal-close-order-summary-direction--buy{color:#65D684}
.journal-close-order-summary-context{margin:0;font-size:15px;line-height:22px;color:#FDFDFD}
.journal-close-order-summary-status{margin-top:4px;display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;color:#57D071}
.journal-close-order-summary-status .journal-resource-icon{width:22px;height:22px;flex:0 0 22px}
.journal-close-order-summary-meta{margin:1px 0 0;font-size:13px;line-height:20px;color:rgba(255,255,255,.88)}
.journal-close-order-summary-section{padding-top:8px;border-top:1px solid rgba(255,255,255,.22)}
.journal-close-order-summary-section h4{margin:0 0 4px;font-size:14px;line-height:20px;font-weight:600;color:#FDFDFD}
.journal-close-order-summary-list{display:grid;gap:1px}
.journal-close-order-summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;line-height:20px;color:#FDFDFD}
.journal-close-order-summary-row strong{font-size:13px;line-height:20px;font-weight:600;color:#FDFDFD;white-space:nowrap}
.journal-close-order-summary-row .journal-close-order-summary-result{color:#58D579}
.journal-close-order-duration-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:8px 16px;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:rgba(255,255,255,.05)}
.journal-close-order-duration-box p{margin:0;font-size:12px;line-height:18px;color:rgba(255,255,255,.88)}
.journal-close-order-duration-box strong{display:block;margin-top:0;font-size:24px;line-height:30px;font-weight:700;color:#FDFDFD}
.journal-close-order-duration-box span{font-size:12px;line-height:18px;color:rgba(255,255,255,.9);text-align:right;white-space:nowrap}
.journal-close-order-summary-actions{display:grid;gap:8px}
.journal-close-order-cta{height:36px;min-height:36px;border-radius:18px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-close-order-cta .journal-ui-icon{width:20px;height:20px;flex:0 0 20px}
.journal-close-order-cta--primary{border:0;background:#FDC806;color:#111}
.journal-close-order-cta--primary:disabled{background:#F2F2F2;color:#A6A6A6;cursor:not-allowed}
.journal-close-order-cta--secondary{border:1px solid rgba(253,253,253,.72);background:transparent;color:#FDFDFD}
.journal-close-order-cta--secondary .journal-ui-icon{filter:brightness(0) invert(1)}
.journal-close-order-cta--secondary:disabled{opacity:.55;cursor:not-allowed}
.journal-close-order-summary-warning{display:flex;align-items:center;justify-content:center;gap:8px;color:#F5D12E;font-size:12px;line-height:18px;font-weight:500;text-align:center}
.journal-close-order-summary-warning .journal-resource-icon{width:20px;height:20px;flex:0 0 20px}
.journal-close-order-view[data-loading="true"] .journal-close-order-card,.journal-close-order-view[data-loading="true"] .journal-close-order-summary{opacity:.62;transition:opacity .14s ease}
.journal-close-order-view[data-finalized="true"] .journal-close-order-ready-badge span{font-weight:600}



/* =========================================================
   Trade Journal — Partial Exit Result View
   Scope locked to .journal-partial-exit-* only.
   ========================================================= */
.journal-partial-exit-view{margin-top:16px;display:grid;gap:16px}
.journal-partial-exit-view[hidden]{display:none!important}
.journal-partial-exit-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding-top:0}
.journal-partial-exit-back,.journal-partial-exit-draft-top{height:38px;min-height:38px;padding:0 16px;border:1px solid #171717;border-radius:19px;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-partial-exit-back .journal-ui-icon,.journal-partial-exit-draft-top .journal-ui-icon{width:20px;height:20px;flex:0 0 20px}
.journal-partial-exit-headingwrap{text-align:center;min-width:0}
.journal-partial-exit-headingwrap h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717;outline:none}
.journal-partial-exit-headingwrap p{margin:1px 0 0;font-size:14px;line-height:20px;color:#777}
.journal-partial-exit-context-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(350px,.88fr);align-items:end;gap:16px}
.journal-partial-exit-context-row::after{content:"";grid-column:3;grid-row:1}
.journal-partial-exit-breadcrumb{display:flex;align-items:center;column-gap:8px;row-gap:0;min-height:40px;max-width:760px;font-size:14px;line-height:20px;color:#171717;flex-wrap:wrap}
.journal-partial-exit-breadcrumb-label{font-weight:500;color:#171717}
.journal-partial-exit-breadcrumb-separator{font-size:20px;color:#666;line-height:1;margin:0 2px}
.journal-partial-exit-context-break{flex-basis:100%;height:0}
.journal-partial-exit-state-pills{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-bottom:4px}
.journal-partial-exit-version-badge,.journal-partial-exit-ready-badge{height:36px;padding:0 16px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:14px;line-height:20px;font-weight:500}
.journal-partial-exit-version-badge{border:1px solid #D9D9D9;background:#FDFDFD;color:#333}
.journal-partial-exit-ready-badge{border:1px solid #6BC784;background:#F7FFF9;color:#27823D}
.journal-partial-exit-ready-badge .journal-resource-icon{width:20px;height:20px;flex:0 0 20px}
.journal-partial-exit-ready-badge.is-invalid{border-color:#E2C065;background:#FFFDF4;color:#8B6500}
.journal-partial-exit-body{display:grid;grid-template-columns:minmax(0,2.12fr) minmax(350px,.88fr);gap:16px;align-items:start}
.journal-partial-exit-main{min-width:0}
.journal-partial-exit-card{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:16px 16px 12px}
.journal-partial-exit-card-head{margin-bottom:8px}
.journal-partial-exit-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-partial-exit-card-head p{margin:0;font-size:14px;line-height:20px;color:#707070}
.journal-partial-exit-top-grid,.journal-partial-exit-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 24px}
.journal-partial-exit-field{display:grid;gap:4px;min-width:0}
.journal-partial-exit-field>span:first-child{font-size:14px;line-height:20px;font-weight:500;color:#171717}
.journal-partial-exit-field input,.journal-partial-exit-field select,.journal-partial-exit-control-wrap{box-sizing:border-box;width:100%}
.journal-partial-exit-field>input,.journal-partial-exit-control-wrap{height:38px;border:1px solid #DCDCDC;border-radius:10px;background:#FDFDFD;color:#171717}
.journal-partial-exit-field>input{padding:0 12px;font-size:14px;line-height:20px;outline:none}
.journal-partial-exit-control-wrap{position:relative;display:block;overflow:hidden}
.journal-partial-exit-control-wrap input,.journal-partial-exit-control-wrap select{width:100%;height:36px;border:0;background:transparent;color:#171717;font-size:14px;line-height:20px;outline:none;padding:0 40px 0 12px}
.journal-partial-exit-control-wrap select{appearance:none;-webkit-appearance:none;cursor:pointer}
.journal-partial-exit-control-wrap input[type="date"]{appearance:none;-webkit-appearance:none}
.journal-partial-exit-control-wrap input[type="date"]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:42px;height:36px;cursor:pointer}
.journal-partial-exit-control-icon{position:absolute;right:12px;top:50%;width:18px;height:18px;transform:translateY(-50%);pointer-events:none;color:#171717}
.journal-partial-exit-field>input:focus,.journal-partial-exit-control-wrap:focus-within{border:2px solid #000;box-shadow:none}
.journal-partial-exit-field.is-invalid>input,.journal-partial-exit-field.is-invalid .journal-partial-exit-control-wrap,.journal-partial-exit-field.is-invalid .journal-partial-exit-segmented{border:1px solid #C62828;background:#FFF9F9}
.journal-partial-exit-field-error{display:none;font-size:11px;line-height:12px;color:#C62828}.journal-partial-exit-field-error:not(:empty){display:block;min-height:12px}
.journal-partial-exit-table-section{margin-top:8px}
.journal-partial-exit-table-section h4{margin:0 0 5px;font-size:18px;line-height:24px;font-weight:700;color:#171717}
.journal-partial-exit-table-wrap{border:1px solid #DADDE1;border-radius:9px;overflow:visible;background:#FDFDFD}
.journal-partial-exit-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px;line-height:20px;color:#171717}
.journal-partial-exit-table th{height:32px;padding:5px 8px;background:#F1F3F5;font-weight:500;text-align:left;border-bottom:1px solid #DADDE1}
.journal-partial-exit-table th:first-child{border-top-left-radius:8px}.journal-partial-exit-table th:last-child{border-top-right-radius:8px}
.journal-partial-exit-table td{height:33px;padding:5px 8px;border-bottom:1px solid #E7E7E7;vertical-align:middle;white-space:nowrap;overflow:visible;text-overflow:ellipsis}
.journal-partial-exit-table tr:last-child td{border-bottom:0}
.journal-partial-exit-table th:nth-child(1){width:12%}.journal-partial-exit-table th:nth-child(2){width:15%}.journal-partial-exit-table th:nth-child(3){width:17%}.journal-partial-exit-table th:nth-child(4){width:15%}.journal-partial-exit-table th:nth-child(5){width:12%}.journal-partial-exit-table th:nth-child(6){width:23%}.journal-partial-exit-table th:nth-child(7){width:6%;text-align:center}
.journal-partial-exit-row-action{position:relative;text-align:center;overflow:visible!important}
.journal-partial-exit-row-more{width:28px;height:28px;padding:0;border:0;border-radius:14px;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.journal-partial-exit-row-more:hover,.journal-partial-exit-row-more:focus-visible{background:#F3F3F3;outline:none}
.journal-partial-exit-row-more img{width:18px;height:18px}
.journal-partial-exit-row-menu{position:absolute;z-index:20;right:8px;top:29px;min-width:112px;padding:4px;border:1px solid #D7D7D7;border-radius:10px;background:#FDFDFD;box-shadow:0 8px 24px rgba(0,0,0,.12);display:grid;gap:2px}
.journal-partial-exit-row-menu[hidden]{display:none!important}
.journal-partial-exit-row-menu button{height:32px;border:0;border-radius:7px;background:transparent;text-align:left;padding:0 8px;font-size:13px;line-height:18px;cursor:pointer}
.journal-partial-exit-row-menu button:hover,.journal-partial-exit-row-menu button:focus-visible{background:#F4F4F4;outline:none}
.journal-partial-exit-row-menu .is-danger{color:#B42318}
.journal-partial-exit-row-editor td{background:#FFFDF5;white-space:normal;overflow:visible}
.journal-partial-exit-row-input,.journal-partial-exit-row-select{width:100%;height:31px;border:1px solid #D5D5D5;border-radius:7px;background:#FDFDFD;padding:0 8px;font-size:12px;line-height:18px;color:#171717;outline:none;box-sizing:border-box}
.journal-partial-exit-row-select{appearance:none;-webkit-appearance:none;padding-right:8px}
.journal-partial-exit-row-input:focus,.journal-partial-exit-row-select:focus{border:2px solid #000}
.journal-partial-exit-row-save,.journal-partial-exit-row-cancel{width:28px;height:28px;border:0;border-radius:14px;background:#F4F4F4;font-size:15px;cursor:pointer}.journal-partial-exit-row-save{background:#FDC806}
.journal-partial-exit-row-error td{background:#FFF5F5}.journal-partial-exit-row-error-message{display:block;color:#B42318;font-size:11px;line-height:15px;margin-top:2px;white-space:normal}
.journal-partial-exit-add{margin-top:8px;height:34px;padding:0 16px;border:1px solid #171717;border-radius:17px;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:18px;font-weight:500;cursor:pointer}
.journal-partial-exit-add:disabled{opacity:.45;cursor:not-allowed}
.journal-partial-exit-post-grid{margin-top:8px}
.journal-partial-exit-segmented{height:38px;padding:2px;border:1px solid #DCDCDC;border-radius:19px;background:#FDFDFD;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.journal-partial-exit-segment{border:0;border-radius:17px;background:transparent;color:#171717;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-partial-exit-segment.is-active{background:#0F0F0F;color:#FDFDFD}
.journal-partial-exit-segment:focus-visible{outline:2px solid #FDC806;outline-offset:2px}
.journal-partial-exit-result-strip{margin-top:8px;border:1px solid #F0C915;border-radius:10px;background:#FFFDF4;padding:8px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}
.journal-partial-exit-result-item{display:grid;justify-items:center;gap:0;min-width:0;padding:0 12px;text-align:center}
.journal-partial-exit-result-item+.journal-partial-exit-result-item{border-left:1px solid #E5DFBD}
.journal-partial-exit-result-item span{font-size:13px;line-height:20px;color:#222}
.journal-partial-exit-result-item strong{font-size:20px;line-height:28px;font-weight:700;color:#171717;white-space:nowrap}
.journal-partial-exit-result-item--positive strong,.journal-partial-exit-result-item--reward strong{color:#168C43}.journal-partial-exit-result-item--risk strong{color:#C91420}
.journal-partial-exit-note{margin-top:8px;min-height:36px;padding:8px 12px;border:1px solid #8ECFF5;border-radius:7px;background:#EAF7FF;color:#2788BF;display:flex;align-items:center;gap:8px;font-size:13px;line-height:20px}
.journal-partial-exit-note-icon{width:20px;height:20px;flex:0 0 20px}.journal-partial-exit-note-icon .journal-resource-icon{width:20px;height:20px}
.journal-partial-exit-error-summary{margin-top:8px;padding:8px 12px;border-radius:10px;border:1px solid #F0C7C7;background:#FFF6F6;color:#8C1A1A;font-size:12px;line-height:18px}
.journal-partial-exit-summary{margin-top:-57px;border:1px solid #0B1C33;border-radius:16px;background:radial-gradient(circle at 88% 0%,rgba(17,91,193,.24),transparent 34%),linear-gradient(180deg,#021125 0%,#04192F 100%);padding:16px 16px 13px;color:#FDFDFD;display:grid;gap:8px;min-height:608px}
.journal-partial-exit-summary-top{display:grid;gap:1px}.journal-partial-exit-summary-eyebrow{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#FDFDFD}
.journal-partial-exit-summary h3{margin:0;font-size:27px;line-height:34px;font-weight:700;color:#FDFDFD}.journal-partial-exit-summary-dot{color:#FDFDFD}.journal-partial-exit-summary-direction--sell{color:#FF4C47}.journal-partial-exit-summary-direction--buy{color:#65D684}
.journal-partial-exit-summary-context{margin:0;font-size:15px;line-height:22px;color:#FDFDFD}.journal-partial-exit-summary-status{margin-top:4px;display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;color:#57D071}.journal-partial-exit-summary-status .journal-resource-icon{width:22px;height:22px;flex:0 0 22px}.journal-partial-exit-summary-status.is-partial{color:#F5D12E}
.journal-partial-exit-summary-meta{margin:1px 0 0;font-size:13px;line-height:20px;color:rgba(255,255,255,.88)}
.journal-partial-exit-summary-section{padding-top:8px;border-top:1px solid rgba(255,255,255,.22)}.journal-partial-exit-summary-section h4{margin:0 0 4px;font-size:14px;line-height:20px;font-weight:600;color:#FDFDFD}.journal-partial-exit-summary-list{display:grid;gap:1px}
.journal-partial-exit-summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;line-height:20px;color:#FDFDFD}.journal-partial-exit-summary-row strong{font-size:13px;line-height:20px;font-weight:600;color:#FDFDFD;white-space:nowrap}.journal-partial-exit-summary-row .journal-partial-exit-summary-result{color:#58D579}
.journal-partial-exit-duration-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:8px 16px;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:rgba(255,255,255,.05)}.journal-partial-exit-duration-box p{margin:0;font-size:12px;line-height:18px;color:rgba(255,255,255,.88)}.journal-partial-exit-duration-box strong{display:block;margin-top:0;font-size:24px;line-height:30px;font-weight:700;color:#FDFDFD}.journal-partial-exit-duration-box span{font-size:12px;line-height:18px;color:rgba(255,255,255,.9);text-align:right;white-space:nowrap}
.journal-partial-exit-summary-actions{display:grid;gap:8px}.journal-partial-exit-cta{height:36px;min-height:36px;border-radius:18px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}.journal-partial-exit-cta .journal-ui-icon{width:20px;height:20px;flex:0 0 20px}.journal-partial-exit-cta--primary{border:0;background:#FDC806;color:#111}.journal-partial-exit-cta--primary:disabled{background:#F2F2F2;color:#A6A6A6;cursor:not-allowed}.journal-partial-exit-cta--secondary{border:1px solid rgba(253,253,253,.72);background:transparent;color:#FDFDFD}.journal-partial-exit-cta--secondary .journal-ui-icon{filter:brightness(0) invert(1)}.journal-partial-exit-cta--secondary:disabled{opacity:.55;cursor:not-allowed}
.journal-partial-exit-summary-warning{display:flex;align-items:center;justify-content:center;gap:8px;color:#F5D12E;font-size:12px;line-height:18px;font-weight:500;text-align:center}.journal-partial-exit-summary-warning .journal-resource-icon{width:20px;height:20px;flex:0 0 20px}
.journal-partial-exit-view[data-loading="true"] .journal-partial-exit-card,.journal-partial-exit-view[data-loading="true"] .journal-partial-exit-summary{opacity:.62;transition:opacity .14s ease}
.journal-partial-exit-view[data-finalized="true"] .journal-partial-exit-ready-badge span{font-weight:600}



/* =========================================================
   TRADE LIST VIEW — Specific Constitution v1.0
   Scoped to #journalTradeListView only. Shared shell/tokens stay read-only.
   ========================================================= */
#journalTradeListView.journal-trade-list-view{
  min-width:0;
  padding-top:16px;
  font-family:"Roboto","Noto Sans Thai",Arial,sans-serif;
  color:#171717;
}
#journalTradeListView[hidden]{display:none!important}
#journalTradeListView button,#journalTradeListView input,#journalTradeListView select{font-family:inherit}
#journalTradeListView button:focus-visible,#journalTradeListView input:focus-visible,#journalTradeListView select:focus-visible{outline:2px solid #0F0F0F;outline-offset:2px}
.journal-trade-list-context{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:start;margin-bottom:16px}
.journal-trade-list-back{height:36px;padding:0 16px;border:1px solid #0F0F0F;border-radius:18px;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-trade-list-back:hover{background:#F7F7F7}
.journal-trade-list-back .journal-ui-icon{width:20px;height:20px}
.journal-trade-list-context-lines{padding-top:1px;min-width:0}
.journal-trade-list-context-lines p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#171717;display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.journal-trade-list-context-lines p+p{margin-top:2px}
.journal-trade-list-context-lines strong{font-weight:500}
.journal-trade-list-context-separator{color:#8A8A8A;margin:0 3px}

.journal-trade-list-filters{display:grid;grid-template-columns:minmax(220px,1.55fr) minmax(100px,.7fr) minmax(112px,.82fr) minmax(112px,.82fr) minmax(112px,.82fr) minmax(108px,.72fr) auto auto;gap:8px;align-items:center;margin:0 0 16px}
.journal-trade-list-search{height:40px;border:1px solid #E6E6E6;border-radius:10px;background:#FDFDFD;display:flex;align-items:center;gap:8px;padding:0 12px;min-width:0}
.journal-trade-list-search:focus-within{border-color:#0F0F0F}
.journal-trade-list-search img{width:20px;height:20px;flex:0 0 20px}
.journal-trade-list-search input{border:0;outline:0;width:100%;min-width:0;background:transparent;font-size:14px;line-height:20px;font-weight:400;color:#171717}
.journal-trade-list-search input::placeholder{color:#8A8A8A;opacity:1}
.journal-trade-list-filter-control{position:relative;height:40px;display:block;min-width:0}
.journal-trade-list-filter-control select{appearance:none;-webkit-appearance:none;width:100%;height:40px;border:1px solid #E6E6E6;border-radius:10px;background:#FDFDFD;color:#171717;padding:0 36px 0 12px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;outline:0}
.journal-trade-list-filter-control select:hover{background:#F7F7F7}
.journal-trade-list-filter-control img{position:absolute;right:10px;top:10px;width:20px;height:20px;pointer-events:none}
.journal-trade-list-filter-slot,.journal-trade-list-reset,.journal-trade-list-export{height:40px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.journal-trade-list-filter-slot{border:1px solid #E6E6E6;background:#F7F7F7;color:#8A8A8A;cursor:not-allowed}
.journal-trade-list-reset{border:1px solid #E6E6E6;background:#FDFDFD;color:#171717;cursor:pointer}
.journal-trade-list-reset:hover{background:#F7F7F7}
.journal-trade-list-export{border:1px solid #0F0F0F;background:#FDFDFD;color:#171717;cursor:pointer}
.journal-trade-list-export:hover{background:#F7F7F7}
.journal-trade-list-reset img,.journal-trade-list-export img{width:20px;height:20px}

.journal-trade-list-layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:16px;align-items:start}
.journal-trade-list-card{min-width:0;border:1px solid #E6E6E6;border-radius:12px;background:#FDFDFD;overflow:hidden}
.journal-trade-list-card-head{min-height:90px;padding:16px 16px 12px;display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:16px;align-items:center}
.journal-trade-list-card-head>div:first-child{min-width:0}
.journal-trade-list-view-title{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-trade-list-card-head p{margin:2px 0 0;font-size:14px;line-height:20px;font-weight:400;color:#666}
.journal-trade-list-counters{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px}
.journal-trade-list-counter{height:64px;border:1px solid #E6E6E6;border-radius:10px;background:#FDFDFD;display:flex;align-items:center;gap:8px;padding:8px 16px;min-width:0}
.journal-trade-list-counter-icon{width:38px;height:38px;border-radius:50%;border:1.5px solid currentColor;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px}
.journal-trade-list-counter-icon img{width:20px;height:20px}
.journal-trade-list-counter-icon--neutral{color:#171717}
.journal-trade-list-counter-icon--success{color:#0A9F4D}
.journal-trade-list-counter-icon--error{color:#E1262C}
.journal-trade-list-counter>div{display:grid;gap:1px;min-width:0}
.journal-trade-list-counter span{font-size:13px;line-height:18px;font-weight:400;color:#4D4D4D;white-space:nowrap}
.journal-trade-list-counter strong{font-size:20px;line-height:24px;font-weight:700;color:#171717;white-space:nowrap}
.journal-trade-list-counter:nth-child(2) strong{color:#0A9F4D}
.journal-trade-list-counter:nth-child(3) strong{color:#E1262C}

.journal-trade-list-table-wrap{position:relative;min-height:304px;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;overflow-x:auto}
.journal-trade-list-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#FDFDFD;font-size:12px;line-height:18px}
.journal-trade-list-table th{height:38px;padding:8px 8px;text-align:left;font-weight:500;color:#555;background:#F7F7F7;border-bottom:1px solid #E6E6E6;white-space:nowrap}
.journal-trade-list-table td{height:44px;padding:8px 8px;border-bottom:1px solid #ECECEC;color:#171717;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-trade-list-table tbody tr:last-child td{border-bottom:0}
.journal-trade-list-table tbody tr:hover{background:#FAFAFA}
.journal-trade-list-table th:nth-child(1),.journal-trade-list-table td:nth-child(1){width:86px}
.journal-trade-list-table th:nth-child(2),.journal-trade-list-table td:nth-child(2){width:90px}
.journal-trade-list-table th:nth-child(3),.journal-trade-list-table td:nth-child(3){width:78px}
.journal-trade-list-table th:nth-child(4),.journal-trade-list-table td:nth-child(4){width:64px}
.journal-trade-list-table th:nth-child(5),.journal-trade-list-table td:nth-child(5){width:82px}
.journal-trade-list-table th:nth-child(6),.journal-trade-list-table td:nth-child(6){width:78px}
.journal-trade-list-table th:nth-child(7),.journal-trade-list-table td:nth-child(7){width:72px}
.journal-trade-list-table th:nth-child(8),.journal-trade-list-table td:nth-child(8){width:82px}
.journal-trade-list-table th:nth-child(9),.journal-trade-list-table td:nth-child(9){width:112px}
.journal-trade-list-table th:nth-child(10),.journal-trade-list-table td:nth-child(10){width:136px}
.journal-trade-list-chip{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:7px;padding:3px 8px;font-size:12px;line-height:18px;font-weight:500;max-width:100%}
.journal-trade-list-chip--buy{background:#DDF8EA;color:#08783C}
.journal-trade-list-chip--sell{background:#FFE4E6;color:#BE1E2D}
.journal-trade-list-chip--win{background:#DDF8EA;color:#08783C}
.journal-trade-list-chip--loss{background:#FFE5E7;color:#BE1E2D}
.journal-trade-list-chip--partial{background:#FFF2BF;color:#8B6900}
.journal-trade-list-chip--break-even{background:#F1F1F1;color:#555}
.journal-trade-list-chip--compliant{background:#DDF8EA;color:#08783C}
.journal-trade-list-chip--non-compliant{background:#FFE5E7;color:#BE1E2D}
.journal-trade-list-chip--partial-state{background:#E5F2FF;color:#1671B8}
.journal-trade-list-point{font-weight:600;color:#171717}
.journal-trade-list-point.is-positive{color:#0A9F4D}
.journal-trade-list-point.is-negative{color:#D7222A}
.journal-trade-list-row-actions{display:flex;align-items:center;gap:8px;overflow:visible!important}
.journal-trade-list-detail-button{height:30px;border:1px solid #9D9D9D;border-radius:15px;background:#FDFDFD;color:#171717;padding:0 11px;font-size:12px;line-height:18px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-trade-list-detail-button:hover{background:#F7F7F7}
.journal-trade-list-edit-button{width:30px;height:30px;border:1px solid #CFCFCF;border-radius:50%;background:#FDFDFD;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.journal-trade-list-edit-button img{width:16px;height:16px}
.journal-trade-list-edit-button:hover{background:#F7F7F7}
.journal-trade-list-edit-button:disabled{opacity:.45;cursor:not-allowed}
.journal-trade-list-empty{position:absolute;inset:38px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#FDFDFD;text-align:center;padding:24px}
.journal-trade-list-empty[hidden]{display:none!important}
.journal-trade-list-empty strong{font-size:16px;line-height:20px;font-weight:600}
.journal-trade-list-empty span{font-size:14px;line-height:20px;color:#666}
.journal-trade-list-empty button{margin-top:4px;height:36px;border:1px solid #0F0F0F;border-radius:18px;background:#FDFDFD;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}

.journal-trade-list-pagination{min-height:52px;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.journal-trade-list-pagination p{margin:0;font-size:12px;line-height:18px;color:#666}
.journal-trade-list-pagination nav{display:flex;align-items:center;gap:8px}
.journal-trade-list-pagination nav>button,.journal-trade-list-page-numbers button{height:32px;min-width:32px;border:1px solid #E6E6E6;border-radius:8px;background:#FDFDFD;color:#171717;padding:0 8px;font-size:12px;line-height:18px;font-weight:500;cursor:pointer}
.journal-trade-list-pagination nav>button:disabled{color:#A5A5A5;background:#FAFAFA;cursor:not-allowed}
.journal-trade-list-page-numbers{display:flex;align-items:center;gap:8px}
.journal-trade-list-page-numbers button{padding:0;width:32px}
.journal-trade-list-page-numbers button[aria-current="page"]{background:#0F0F0F;border-color:#0F0F0F;color:#FDFDFD}

.journal-trade-list-summary{min-height:494px;border-radius:12px;background:#061A2B;color:#FDFDFD;padding:16px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.journal-trade-list-summary-head p{margin:0;font-size:16px;line-height:20px;font-weight:600;color:#FDFDFD}
.journal-trade-list-summary-head h3{margin:2px 0 0;font-size:28px;line-height:34px;font-weight:700;color:#FDFDFD}
.journal-trade-list-summary-head>span{display:block;margin-top:4px;font-size:12px;line-height:18px;color:#D9E2EA}
.journal-trade-list-summary-divider{height:1px;background:rgba(253,253,253,.22);margin:12px 0}
.journal-trade-list-summary-section h4{margin:0 0 8px;font-size:14px;line-height:20px;font-weight:600;color:#FDFDFD}
.journal-trade-list-summary-row{min-height:25px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;line-height:18px}
.journal-trade-list-summary-row>span{display:flex;align-items:center;gap:8px;color:#F1F5F8}
.journal-trade-list-summary-row img{width:18px;height:18px;filter:brightness(0) invert(1)}
.journal-trade-list-summary-row:nth-of-type(2) img{filter:none}
.journal-trade-list-summary-row:nth-of-type(3) img{filter:none}
.journal-trade-list-summary-row:nth-of-type(5) img{filter:none}
.journal-trade-list-summary-row:nth-of-type(6) img{filter:none}
.journal-trade-list-summary-row strong{font-weight:600;color:#FDFDFD}
.journal-trade-list-partial-mark{width:18px;height:18px;border:1.5px solid #FDC806;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#FDC806;font-weight:700;line-height:14px}
.journal-trade-list-summary-compliance{margin-top:8px}
.journal-trade-list-summary-compliance>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:13px;line-height:18px;font-weight:500}
.journal-trade-list-progress{height:8px;background:rgba(253,253,253,.18);border-radius:4px;overflow:hidden;margin-top:8px}
.journal-trade-list-progress span{display:block;height:100%;width:0;background:#19C66A;border-radius:4px;transition:width 180ms ease}
.journal-trade-list-summary-primary,.journal-trade-list-summary-secondary{height:38px;border-radius:19px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-trade-list-summary-primary{margin-top:12px;border:1px solid #FDC806;background:#FDC806;color:#171717}
.journal-trade-list-summary-secondary{margin-top:8px;border:1px solid rgba(253,253,253,.8);background:transparent;color:#FDFDFD}
.journal-trade-list-summary-primary img,.journal-trade-list-summary-secondary img{width:20px;height:20px}
.journal-trade-list-summary-secondary img{filter:brightness(0) invert(1)}
.journal-trade-list-summary-note{margin:auto 0 0;padding-top:12px;display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:11px;line-height:16px}
.journal-trade-list-summary-note img{width:18px;height:18px;flex:0 0 18px;filter:none}

@media (max-width:1430px){
  .journal-trade-list-filters{grid-template-columns:minmax(190px,1.3fr) 96px 106px 106px 106px 100px auto auto;gap:8px}
  .journal-trade-list-filter-slot,.journal-trade-list-reset,.journal-trade-list-export{padding:0 12px}
  .journal-trade-list-layout{grid-template-columns:minmax(0,1fr) 288px}
  .journal-trade-list-counters{grid-template-columns:repeat(3,minmax(138px,1fr))}
  .journal-trade-list-counter{padding:8px}
}


/* Trade Record Detail View — page-local boundary only. */
.journal-trade-record-detail-view{padding:0 24px 28px;min-width:1080px}
.journal-trade-record-detail-view[hidden]{display:none!important}
.journal-trade-record-detail-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:8px}
.journal-trade-record-detail-back,.journal-trade-record-detail-export{height:36px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;background:#FDFDFD;color:#171717}
.journal-trade-record-detail-back{border:1px solid #0F0F0F}
.journal-trade-record-detail-export{border:1px solid #0F0F0F}
.journal-trade-record-detail-back img,.journal-trade-record-detail-export img{width:20px;height:20px}
.journal-trade-record-detail-heading{text-align:center;min-width:0}
.journal-trade-record-detail-heading h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-trade-record-detail-heading p{margin:2px 0 0;font-size:13px;line-height:20px;color:#777}
.journal-trade-record-detail-context{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:16px 0 12px}
.journal-trade-record-detail-context-lines{display:grid;gap:2px;min-width:0}
.journal-trade-record-detail-context-lines p{margin:0;display:flex;align-items:center;gap:8px;font-size:13px;line-height:20px;color:#171717;flex-wrap:wrap}
.journal-trade-record-detail-context-lines strong{font-weight:500}
.journal-trade-record-detail-context-lines span[aria-hidden="true"]{color:#9A9A9A}
.journal-trade-record-detail-statuses{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.journal-trade-record-detail-checklist-badge,.journal-trade-record-detail-saved-badge{min-height:34px;border-radius:17px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:20px;font-weight:500}
.journal-trade-record-detail-checklist-badge{border:1px solid #D9D9D9;background:#FDFDFD;color:#171717}
.journal-trade-record-detail-saved-badge{border:1px solid #0AAF56;background:#F4FFF8;color:#08783C}
.journal-trade-record-detail-saved-badge img{width:20px;height:20px}
.journal-trade-record-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:20px;align-items:start}
.journal-trade-record-detail-main{min-width:0}
.journal-trade-record-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.journal-trade-record-detail-card{border:1px solid #E2E2E2;border-radius:12px;background:#FDFDFD;padding:16px;min-width:0}
.journal-trade-record-detail-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-trade-record-detail-card-head p{margin:0;font-size:13px;line-height:20px;color:#777}
.journal-trade-record-detail-card-head--row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.journal-trade-record-detail-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}
.journal-trade-record-detail-values--post{grid-template-columns:repeat(3,minmax(0,1fr))}
.journal-trade-record-detail-value{min-height:60px;border:1px solid #E5E5E5;border-radius:8px;background:#FAFAFA;padding:8px 8px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.journal-trade-record-detail-value span{font-size:11px;line-height:16px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-trade-record-detail-value strong{margin-top:1px;font-size:14px;line-height:20px;font-weight:600;color:#171717;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-trade-record-detail-value--wide{grid-column:span 2}
.journal-trade-record-detail-value .journal-trade-record-detail-inline-chip{align-self:flex-start;margin-top:2px;min-height:26px;border-radius:13px;padding:3px 8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:18px;font-weight:500}
.journal-trade-record-detail-inline-chip.is-sell{background:#FFE4E6;color:#BE1E2D}
.journal-trade-record-detail-inline-chip.is-buy{background:#DDF8EA;color:#08783C}
.journal-trade-record-detail-inline-chip.is-compliant{background:#DDF8EA;color:#08783C}
.journal-trade-record-detail-result-strip{height:66px;border:1px solid #F2C51C;border-radius:10px;background:#FFFDF4;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin:8px 0;overflow:hidden}
.journal-trade-record-detail-result-strip>div{min-width:0;text-align:center;padding:0 12px;border-right:1px solid #E2E2E2}
.journal-trade-record-detail-result-strip>div:last-child{border-right:0}
.journal-trade-record-detail-result-strip span{display:block;font-size:12px;line-height:18px;color:#333}
.journal-trade-record-detail-result-strip strong{display:block;font-size:20px;line-height:26px;font-weight:700;color:#171717;white-space:nowrap}
.journal-trade-record-detail-result-strip strong.is-positive{color:#0A9F4D}
.journal-trade-record-detail-result-strip strong.is-risk{color:#C01D2B}
.journal-trade-record-detail-grid--bottom{grid-template-columns:1.05fr 1fr}
.journal-trade-record-detail-pass{height:32px;border:1px solid #0AAF56;border-radius:16px;background:#F4FFF8;color:#08783C;padding:0 12px;display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:18px;font-weight:500;white-space:nowrap}
.journal-trade-record-detail-pass img{width:20px;height:20px}
.journal-trade-record-detail-checklist-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 8px;margin-top:8px}
.journal-trade-record-detail-checklist-item{height:28px;border-radius:14px;background:#ECFAF2;display:flex;align-items:center;gap:8px;padding:0 8px;font-size:12px;line-height:18px;color:#333;min-width:0}
.journal-trade-record-detail-checklist-item img{width:18px;height:18px;flex:0 0 18px}
.journal-trade-record-detail-checklist-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-trade-record-detail-chart-count{font-size:12px;line-height:18px;color:#666;white-space:nowrap}
.journal-trade-record-detail-chart-media{height:155px;margin-top:8px;border-radius:8px;overflow:hidden;background:#071521;display:flex;align-items:center;justify-content:center}
.journal-trade-record-detail-chart-media>img{width:100%;height:100%;object-fit:cover;display:block}
.journal-trade-record-detail-chart-empty{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#D8E0E5;font-size:13px;line-height:20px}
.journal-trade-record-detail-chart-empty img{width:28px;height:28px;filter:brightness(0) invert(1);opacity:.8}
.journal-trade-record-detail-info{min-height:38px;margin-top:8px;border:1px solid #9FD3F4;border-radius:8px;background:#EFF8FF;color:#1671B8;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;line-height:18px}
.journal-trade-record-detail-info img{width:20px;height:20px;flex:0 0 20px}
.journal-trade-record-detail-summary{min-height:622px;border-radius:12px;background:#061A2B;color:#FDFDFD;padding:16px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.journal-trade-record-detail-summary-head p{margin:0;font-size:16px;line-height:20px;font-weight:600}
.journal-trade-record-detail-summary-head h3{margin:5px 0 0;font-size:28px;line-height:34px;font-weight:700}
.journal-trade-record-detail-summary-head h3 strong{color:#FF4C57}
.journal-trade-record-detail-summary-head>div{font-size:16px;line-height:22px;font-weight:500;margin-top:2px}
.journal-trade-record-detail-summary-status{display:flex;align-items:center;gap:8px;color:#19C66A;font-size:14px;line-height:20px;font-weight:600;margin-top:8px}
.journal-trade-record-detail-summary-status img{width:20px;height:20px}
.journal-trade-record-detail-summary-head small{display:block;color:#D9E2EA;font-size:12px;line-height:18px;margin-top:8px}
.journal-trade-record-detail-summary-divider{height:1px;background:rgba(253,253,253,.22);margin:12px 0}
.journal-trade-record-detail-summary-section h4{margin:0 0 8px;font-size:14px;line-height:20px;font-weight:600}
.journal-trade-record-detail-summary-section dl{margin:0;display:grid;gap:3px}
.journal-trade-record-detail-summary-section dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;line-height:19px}
.journal-trade-record-detail-summary-section dt{color:#E4EAF0}
.journal-trade-record-detail-summary-section dd{margin:0;font-weight:500;color:#FDFDFD;text-align:right}
.journal-trade-record-detail-summary-section dd.is-positive{color:#19C66A;font-weight:700}
.journal-trade-record-detail-duration-box{min-height:64px;margin-top:12px;border:1px solid rgba(253,253,253,.25);border-radius:10px;background:rgba(253,253,253,.06);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px}
.journal-trade-record-detail-duration-box>div{display:grid;gap:1px}
.journal-trade-record-detail-duration-box span{font-size:11px;line-height:16px;color:#D6E0E8}
.journal-trade-record-detail-duration-box strong{font-size:22px;line-height:26px;color:#FDFDFD}
.journal-trade-record-detail-summary-primary,.journal-trade-record-detail-summary-secondary{height:38px;border-radius:19px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-trade-record-detail-summary-primary{margin-top:12px;border:1px solid #FDC806;background:#FDC806;color:#171717}
.journal-trade-record-detail-summary-secondary{margin-top:8px;border:1px solid rgba(253,253,253,.85);background:transparent;color:#FDFDFD}
.journal-trade-record-detail-summary-primary img,.journal-trade-record-detail-summary-secondary img{width:20px;height:20px}
.journal-trade-record-detail-summary-secondary img{filter:brightness(0) invert(1)}
.journal-trade-record-detail-summary-secondary:disabled,.journal-trade-record-detail-summary-primary:disabled{opacity:.45;cursor:not-allowed}
.journal-trade-record-detail-summary-note{margin:auto 0 0;padding-top:16px;display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:11px;line-height:16px}
.journal-trade-record-detail-summary-note img{width:18px;height:18px;flex:0 0 18px}



/* =========================================================
   Trade Journal — Edit Trade Record View (page-local boundary)
   ========================================================= */
.journal-trade-edit-view{padding:0 24px 28px;min-width:1080px}
.journal-trade-edit-view[hidden]{display:none!important}
.journal-trade-edit-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:8px}
.journal-trade-edit-back,.journal-trade-edit-history{height:36px;border:1px solid #0F0F0F;border-radius:18px;background:#FDFDFD;color:#171717;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-trade-edit-back img,.journal-trade-edit-history img{width:20px;height:20px;flex:0 0 20px}
.journal-trade-edit-heading{text-align:center;min-width:0}
.journal-trade-edit-heading h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-trade-edit-heading p{margin:2px 0 0;font-size:13px;line-height:20px;color:#777}
.journal-trade-edit-context{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:16px 0 12px}
.journal-trade-edit-context-lines{display:grid;gap:2px;min-width:0}
.journal-trade-edit-context-lines p{margin:0;display:flex;align-items:center;gap:8px;font-size:13px;line-height:20px;color:#171717;flex-wrap:wrap}
.journal-trade-edit-context-lines strong{font-weight:500}
.journal-trade-edit-context-lines span[aria-hidden="true"]{color:#9A9A9A}
.journal-trade-edit-statuses{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.journal-trade-edit-checklist,.journal-trade-edit-state{min-height:34px;border-radius:17px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:20px;font-weight:500}
.journal-trade-edit-checklist{border:1px solid #D9D9D9;background:#FDFDFD;color:#171717}
.journal-trade-edit-state{border:1px solid #0AAF56;background:#F4FFF8;color:#08783C}
.journal-trade-edit-state img{width:20px;height:20px}
.journal-trade-edit-state.is-dirty{border-color:#0AAF56;background:#F4FFF8;color:#08783C}
.journal-trade-edit-state.is-saving{border-color:#D4B000;background:#FFF8D6;color:#6B5900}
.journal-trade-edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:20px;align-items:start}
.journal-trade-edit-main{min-width:0}
.journal-trade-edit-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.78fr);gap:12px;align-items:stretch}
.journal-trade-edit-card{border:1px solid #E2E2E2;border-radius:12px;background:#FDFDFD;padding:16px;min-width:0}
.journal-trade-edit-card-head h3,.journal-trade-edit-summary-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-trade-edit-card-head p,.journal-trade-edit-summary-head p{margin:0;font-size:12px;line-height:18px;color:#777}
.journal-trade-edit-card-head--row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.journal-trade-edit-card-head--row>span{font-size:12px;line-height:18px;color:#666;white-space:nowrap}
.journal-trade-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:8px}
.journal-trade-edit-field{display:grid;gap:4px;min-width:0;margin:0;padding:0;border:0}
.journal-trade-edit-field>span,.journal-trade-edit-field legend{font-size:12px;line-height:18px;color:#333;font-weight:500}
.journal-trade-edit-field legend{padding:0;margin:0 0 4px}
.journal-trade-edit-field em{color:#C01D2B;font-style:normal}
.journal-trade-edit-field input,.journal-trade-edit-field select{width:100%;height:36px;border:1px solid #DADADA;border-radius:8px;background:#FDFDFD;color:#171717;padding:0 12px;font:500 14px/20px Roboto,"Noto Sans Thai",Arial,sans-serif;outline:none;box-sizing:border-box}
.journal-trade-edit-field input:focus,.journal-trade-edit-field select:focus{border-color:#0F0F0F;box-shadow:0 0 0 2px rgba(15,15,15,.08)}
.journal-trade-edit-field input[aria-invalid="true"],.journal-trade-edit-field select[aria-invalid="true"]{border-color:#C01D2B;box-shadow:0 0 0 1px rgba(192,29,43,.12)}
.journal-trade-edit-input-icon{position:relative;display:block}
.journal-trade-edit-input-icon input{padding-right:38px}
.journal-trade-edit-input-icon img{position:absolute;right:11px;top:8px;width:20px;height:20px;pointer-events:none;background:#FDFDFD}
.journal-trade-edit-plan{align-self:end}
.journal-trade-edit-segment{height:36px;border:1px solid #DADADA;border-radius:18px;background:#FDFDFD;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.journal-trade-edit-segment label{position:relative;min-width:0;cursor:pointer}
.journal-trade-edit-segment input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.journal-trade-edit-segment span{height:100%;display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:14px;line-height:20px;font-weight:500;color:#171717;border-radius:18px;transition:background .12s ease,color .12s ease}
.journal-trade-edit-segment input:checked+span{background:#0F0F0F;color:#FDFDFD}
.journal-trade-edit-segment input:focus-visible+span{outline:2px solid #FDC806;outline-offset:-3px}
.journal-trade-edit-field--full{grid-column:1/-1}
.journal-trade-edit-error{font-size:11px;line-height:16px;color:#C01D2B}
.journal-trade-edit-chart-card{display:flex;flex-direction:column}
.journal-trade-edit-chart-media{height:252px;margin-top:8px;border-radius:8px;overflow:hidden;background:#071521;display:flex;align-items:center;justify-content:center}
.journal-trade-edit-chart-media>img{width:100%;height:100%;object-fit:cover;display:block}
.journal-trade-edit-chart-empty{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#D8E0E5;font-size:13px;line-height:20px}
.journal-trade-edit-chart-empty img{width:28px;height:28px;filter:brightness(0) invert(1);opacity:.8}
.journal-trade-edit-chart-note{margin:auto 0 0;padding-top:8px;font-size:11px;line-height:16px;color:#777}
.journal-trade-edit-result-strip{height:58px;border:1px solid #F2C51C;border-radius:10px;background:#FFFDF4;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin:8px 0;overflow:hidden}
.journal-trade-edit-result-strip>div{min-width:0;text-align:center;padding:0 12px;border-right:1px solid #E2E2E2}
.journal-trade-edit-result-strip>div:last-child{border-right:0}
.journal-trade-edit-result-strip span{display:block;font-size:12px;line-height:18px;color:#333}
.journal-trade-edit-result-strip strong{display:block;font-size:20px;line-height:24px;font-weight:700;color:#171717;white-space:nowrap}
.journal-trade-edit-result-strip strong.is-positive{color:#0A9F4D}
.journal-trade-edit-result-strip strong.is-risk{color:#C01D2B}
.journal-trade-edit-summary-card{border:1px solid #E2E2E2;border-radius:10px;background:#FDFDFD;padding:8px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;min-height:82px}
.journal-trade-edit-summary-head{align-self:start}
.journal-trade-edit-summary-head h3{font-size:18px;line-height:24px}
.journal-trade-edit-changes{display:grid;gap:5px;min-width:0;grid-column:1/2}
.journal-trade-edit-change{display:grid;grid-template-columns:86px minmax(80px,130px) 20px minmax(100px,1fr);align-items:center;gap:8px;font-size:12px;line-height:18px;min-width:0}
.journal-trade-edit-change>span:first-child{font-weight:500;color:#333}
.journal-trade-edit-change-old,.journal-trade-edit-change-new{min-height:28px;border-radius:7px;padding:4px 8px;display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.journal-trade-edit-change-old{background:#F1F1F1;color:#666}
.journal-trade-edit-change-new{background:#EAF9F0;color:#08783C}
.journal-trade-edit-change-arrow{text-align:center;color:#777;font-size:16px}
.journal-trade-edit-no-change{margin:0;font-size:12px;line-height:18px;color:#777}
.journal-trade-edit-meta{grid-column:2/3;grid-row:1/3;border-left:1px solid #E5E5E5;padding-left:16px;display:grid;grid-template-columns:auto auto;gap:8px 8px;align-items:center;font-size:12px;line-height:18px;white-space:nowrap}
.journal-trade-edit-meta span{color:#666}
.journal-trade-edit-meta strong{font-weight:500;color:#171717}
.journal-trade-edit-info{min-height:38px;margin-top:8px;border:1px solid #9FD3F4;border-radius:8px;background:#EFF8FF;color:#1671B8;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;line-height:18px}
.journal-trade-edit-info img{width:20px;height:20px;flex:0 0 20px}
.journal-trade-edit-right{min-height:622px;border-radius:12px;background:#061A2B;color:#FDFDFD;padding:16px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.journal-trade-edit-right-head p{margin:0;font-size:16px;line-height:20px;font-weight:600}
.journal-trade-edit-right-head h3{margin:5px 0 0;font-size:28px;line-height:34px;font-weight:700}
.journal-trade-edit-right-head h3 strong{color:#FF4C57}
.journal-trade-edit-right-head>div{font-size:16px;line-height:22px;font-weight:500;margin-top:2px}
.journal-trade-edit-right-status{display:flex;align-items:center;gap:8px;color:#19C66A;font-size:14px;line-height:20px;font-weight:600;margin-top:8px}
.journal-trade-edit-right-status img{width:20px;height:20px}
.journal-trade-edit-right-head small{display:block;color:#D9E2EA;font-size:12px;line-height:18px;margin-top:8px}
.journal-trade-edit-right-divider{height:1px;background:rgba(253,253,253,.22);margin:12px 0}
.journal-trade-edit-right-section h4{margin:0 0 8px;font-size:14px;line-height:20px;font-weight:600}
.journal-trade-edit-right-section dl{margin:0;display:grid;gap:3px}
.journal-trade-edit-right-section dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;line-height:19px}
.journal-trade-edit-right-section dt{color:#E4EAF0}
.journal-trade-edit-right-section dd{margin:0;font-weight:500;color:#FDFDFD;text-align:right}
.journal-trade-edit-right-section dd.is-positive{color:#19C66A;font-weight:700}
.journal-trade-edit-duration-box{min-height:64px;margin-top:12px;border:1px solid rgba(253,253,253,.25);border-radius:10px;background:rgba(253,253,253,.06);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px}
.journal-trade-edit-duration-box>div{display:grid;gap:1px}
.journal-trade-edit-duration-box span{font-size:11px;line-height:16px;color:#D6E0E8}
.journal-trade-edit-duration-box strong{font-size:22px;line-height:26px;color:#FDFDFD}
.journal-trade-edit-save,.journal-trade-edit-cancel{height:38px;border-radius:19px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-trade-edit-save{margin-top:12px;border:1px solid #FDC806;background:#FDC806;color:#171717}
.journal-trade-edit-cancel{margin-top:8px;border:1px solid rgba(253,253,253,.85);background:transparent;color:#FDFDFD}
.journal-trade-edit-save img,.journal-trade-edit-cancel img{width:20px;height:20px}
.journal-trade-edit-cancel img{filter:brightness(0) invert(1)}
.journal-trade-edit-save:disabled,.journal-trade-edit-cancel:disabled{opacity:.45;cursor:not-allowed}
.journal-trade-edit-right-note{margin:auto 0 0;padding-top:16px;display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:11px;line-height:16px}
.journal-trade-edit-right-note img{width:18px;height:18px;flex:0 0 18px}
.journal-trade-edit-back:focus-visible,.journal-trade-edit-history:focus-visible,.journal-trade-edit-save:focus-visible,.journal-trade-edit-cancel:focus-visible{outline:2px solid #FDC806;outline-offset:2px}


.journal-trade-edit-input-icon input[type="date"]::-webkit-calendar-picker-indicator,.journal-trade-edit-input-icon input[type="time"]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}


/* =========================================================
   ALL CHECKLISTS VIEW — page-local boundary only
   Specific Constitution v1.0 FINAL ACTIVE
   ========================================================= */
#journalChecklistListView.journal-checklist-list-view{padding-top:16px;font-family:"Roboto","Noto Sans Thai",Arial,sans-serif;color:#171717;min-width:0}
.journal-all-checklists-heading-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(360px,1.5fr) minmax(190px,1fr);align-items:start;gap:24px;margin-bottom:16px}
.journal-all-checklists-back{justify-self:start;height:36px;padding:0 16px;border:1px solid #0F0F0F;border-radius:18px;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-all-checklists-back:hover{background:#F7F7F7}
.journal-all-checklists-back img{width:20px;height:20px}
.journal-all-checklists-heading-copy{text-align:center;display:grid;gap:2px}
.journal-all-checklists-heading-copy h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717;outline:none}
.journal-all-checklists-heading-copy p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#606060}
.journal-all-checklists-filters{display:grid;grid-template-columns:minmax(200px,1fr) minmax(220px,1.18fr) minmax(190px,1fr) minmax(240px,1.08fr);gap:12px;margin:0 0 16px}
.journal-all-checklists-filter-control{position:relative;height:40px;display:block;min-width:0}
.journal-all-checklists-filter-control select{appearance:none;-webkit-appearance:none;width:100%;height:40px;border:1px solid #E6E6E6;border-radius:10px;background:#FDFDFD;color:#171717;padding:0 38px 0 12px;font-size:14px;line-height:20px;font-weight:500;outline:0;cursor:pointer}
.journal-all-checklists-filter-control select:hover{background:#F7F7F7}
.journal-all-checklists-filter-control img{position:absolute;right:10px;top:10px;width:20px;height:20px;pointer-events:none}
.journal-all-checklists-search{height:40px;border:1px solid #E6E6E6;border-radius:10px;background:#FDFDFD;display:flex;align-items:center;gap:8px;padding:0 12px;min-width:0}
.journal-all-checklists-search:focus-within{border-color:#0F0F0F}
.journal-all-checklists-search img{width:20px;height:20px;flex:0 0 20px}
.journal-all-checklists-search input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:#171717;font-size:14px;line-height:20px;font-weight:400}
.journal-all-checklists-search input::placeholder{color:#8A8A8A;opacity:1}
.journal-all-checklists-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(320px,.8fr);gap:24px;align-items:start}
.journal-all-checklists-main{display:grid;gap:16px;min-width:0}
.journal-all-checklists-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.journal-all-checklists-kpi{min-height:88px;border:1px solid #E6E6E6;border-radius:14px;background:#FDFDFD;padding:16px 16px;display:flex;align-items:center;gap:16px}
.journal-all-checklists-kpi-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:0 0 48px;border:2px solid #171717}
.journal-all-checklists-kpi-icon img{width:24px;height:24px}
.journal-all-checklists-kpi-icon--active{border-color:#16A34A}
.journal-all-checklists-kpi-icon--draft{border-color:#F0B800}
.journal-all-checklists-kpi-icon--old{border-color:#171717}
.journal-all-checklists-kpi>div{display:grid;gap:1px;min-width:0}
.journal-all-checklists-kpi span{font-size:14px;line-height:20px;font-weight:400;color:#606060}
.journal-all-checklists-kpi strong{font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-all-checklists-table-card{border:1px solid #E6E6E6;border-radius:14px;background:#FDFDFD;overflow:hidden;min-height:332px}
.journal-all-checklists-table-wrap{overflow:auto;width:100%}
.journal-all-checklists-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:20px}
.journal-all-checklists-table th{height:44px;padding:8px 12px;text-align:left;font-weight:500;color:#606060;background:#FAFAFA;border-bottom:1px solid #E6E6E6;white-space:nowrap}
.journal-all-checklists-table th:nth-child(1){width:22%}.journal-all-checklists-table th:nth-child(2){width:22%}.journal-all-checklists-table th:nth-child(3){width:14%}.journal-all-checklists-table th:nth-child(4){width:16%}.journal-all-checklists-table th:nth-child(5){width:14%}.journal-all-checklists-table th:nth-child(6){width:12%}
.journal-all-checklists-table td{height:66px;padding:8px 12px;border-bottom:1px solid #E6E6E6;vertical-align:middle;color:#171717}
.journal-all-checklists-table tr:last-child td{border-bottom:0}
.journal-all-checklists-name{display:flex;align-items:center;gap:8px;font-weight:600;min-width:0}
.journal-all-checklists-name img{width:24px;height:24px;flex:0 0 24px}
.journal-all-checklists-name span,.journal-all-checklists-event{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
.journal-all-checklists-event{font-weight:400;color:#4A4A4A}
.journal-all-checklists-version{font-weight:500;white-space:nowrap;color:#4A4A4A}
.journal-all-checklists-status{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:4px 8px;border-radius:15px;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.journal-all-checklists-status img{width:18px;height:18px}
.journal-all-checklists-status--active{border:1px solid #8FD3A1;background:#F5FFF7;color:#16813B}
.journal-all-checklists-status--draft{border:1px solid #F0D47A;background:#FFF7D9;color:#7A5C00}
.journal-all-checklists-status--old{border:1px solid #D7D7D7;background:#F5F5F5;color:#555}
.journal-all-checklists-usage{white-space:nowrap;color:#4A4A4A}
.journal-all-checklists-row-action{height:36px;min-width:104px;padding:0 16px;border:1px solid #0F0F0F;border-radius:18px;background:#FDFDFD;color:#171717;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-all-checklists-row-action:hover{background:#F7F7F7}
.journal-all-checklists-empty{min-height:286px;padding:36px 24px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px}
.journal-all-checklists-empty[hidden]{display:none!important}
.journal-all-checklists-empty>img{width:40px;height:40px}
.journal-all-checklists-empty strong{font-size:20px;line-height:28px;font-weight:600}
.journal-all-checklists-empty p{margin:0;color:#606060;font-size:14px;line-height:20px}
.journal-all-checklists-empty button{height:36px;border:0;border-radius:18px;background:#FDC806;color:#000;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-all-checklists-panel{border:1px solid #071F32;border-radius:16px;background:#071F32;color:#FDFDFD;min-height:522px;padding:24px;position:sticky;top:82px}
.journal-all-checklists-panel-content{display:grid;gap:16px}
.journal-all-checklists-panel-eyebrow{margin:0;font-size:16px;line-height:20px;font-weight:600;color:#FDFDFD}
.journal-all-checklists-panel-title{margin:0;font-size:28px;line-height:34px;font-weight:700;color:#FDFDFD}
.journal-all-checklists-panel-event{margin:-8px 0 0;font-size:16px;line-height:20px;font-weight:500;color:#FDFDFD}
.journal-all-checklists-panel-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;color:#FDFDFD;font-size:14px;line-height:20px}
.journal-all-checklists-panel-status{display:flex;align-items:center;gap:8px;color:#26D56C;font-size:14px;line-height:20px;font-weight:500}
.journal-all-checklists-panel-status img{width:20px;height:20px}
.journal-all-checklists-panel-section{border-top:1px solid rgba(253,253,253,.18);padding-top:16px;display:grid;gap:8px}
.journal-all-checklists-panel-section h4{margin:0;font-size:16px;line-height:20px;font-weight:600;color:#FDFDFD}
.journal-all-checklists-structure-list{display:grid;gap:8px}
.journal-all-checklists-structure-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:14px;line-height:20px}
.journal-all-checklists-structure-row img{width:24px;height:24px;filter:brightness(0) invert(1)}
.journal-all-checklists-structure-row strong{font-weight:500;color:#FDFDFD}
.journal-all-checklists-panel-usage{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:20px}
.journal-all-checklists-panel-usage>span{display:flex;align-items:center;gap:8px}.journal-all-checklists-panel-usage img{width:24px;height:24px;filter:brightness(0) invert(1)}
.journal-all-checklists-panel-usage strong{font-weight:600;color:#FDFDFD;white-space:nowrap}
.journal-all-checklists-panel-actions{display:grid;gap:8px}
.journal-all-checklists-panel-action{height:40px;border-radius:20px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:600;cursor:pointer}
.journal-all-checklists-panel-action img{width:20px;height:20px}
.journal-all-checklists-panel-action--primary{border:1px solid #FDC806;background:#FDC806;color:#000}
.journal-all-checklists-panel-action--secondary{border:1px solid rgba(253,253,253,.86);background:transparent;color:#FDFDFD}
.journal-all-checklists-panel-action--secondary img{filter:brightness(0) invert(1)}
.journal-all-checklists-panel-action[disabled]{opacity:.5;cursor:not-allowed}
.journal-all-checklists-panel-notice{margin:0;padding-top:12px;border-top:1px solid rgba(253,253,253,.18);display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:14px;line-height:20px}
.journal-all-checklists-panel-notice img{width:20px;height:20px;filter:none}
.journal-all-checklists-panel-empty{min-height:420px;display:grid;align-content:center;justify-items:center;text-align:center;gap:8px}
.journal-all-checklists-panel-empty img{width:40px;height:40px;filter:brightness(0) invert(1)}
.journal-all-checklists-panel-empty strong{font-size:20px;line-height:28px;font-weight:600}.journal-all-checklists-panel-empty p{margin:0;color:#D7E4F4;font-size:14px;line-height:20px}
#journalChecklistListView button:focus-visible,#journalChecklistListView select:focus-visible,#journalChecklistListView input:focus-visible{outline:2px solid #0F0F0F;outline-offset:2px}
.journal-all-checklists-panel button:focus-visible{outline-color:#FDC806}




/* Checklist History View — page-scoped implementation. Shared/global tokens remain untouched. */
#journalChecklistHistoryView.journal-checklist-history-view{padding-top:16px;font-family:"Roboto","Noto Sans Thai",Arial,sans-serif;color:#171717;min-width:0}
.journal-checklist-history-view[hidden]{display:none!important}
.journal-checklist-history-heading-row{display:grid;grid-template-columns:minmax(210px,1fr) minmax(420px,1.55fr) minmax(210px,1fr);align-items:start;gap:24px;margin-bottom:12px}
.journal-checklist-history-back{justify-self:start;height:36px;padding:0 16px;border:1px solid #0F0F0F;border-radius:18px;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-checklist-history-back:hover{background:#F7F7F7}.journal-checklist-history-back:focus-visible{outline:2px solid #0F0F0F;outline-offset:2px}
.journal-checklist-history-back img{width:20px;height:20px}
.journal-checklist-history-heading-copy{text-align:center;display:grid;gap:2px}
.journal-checklist-history-heading-copy h2{margin:0;font-size:20px;line-height:28px;font-weight:700;outline:none}
.journal-checklist-history-heading-copy p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#606060}
.journal-checklist-history-context{min-height:28px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;color:#606060;font-size:14px;line-height:20px;font-weight:400}
.journal-checklist-history-context>span:not([aria-hidden="true"]){min-width:0}.journal-checklist-history-context-id{margin-left:8px;border:1px solid #E6E6E6;border-radius:18px;padding:4px 12px;background:#FDFDFD;color:#3A3A3A;font-weight:500;white-space:nowrap}
.journal-checklist-history-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(320px,.8fr);gap:24px;align-items:start}
.journal-checklist-history-main{display:grid;gap:16px;min-width:0}
.journal-checklist-history-summary-card,.journal-checklist-history-timeline-card{border:1px solid #E6E6E6;border-radius:14px;background:#FDFDFD;min-width:0}
.journal-checklist-history-summary-card{padding:16px}
.journal-checklist-history-summary-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:16px}
.journal-checklist-history-summary-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600}.journal-checklist-history-summary-head p{margin:0;color:#606060;font-size:14px;line-height:20px}
.journal-checklist-history-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.journal-checklist-history-control{position:relative;height:40px;display:block;min-width:160px}
.journal-checklist-history-control:nth-child(2){min-width:190px}
.journal-checklist-history-control select{appearance:none;-webkit-appearance:none;width:100%;height:40px;border:1px solid #E6E6E6;border-radius:10px;background:#FDFDFD;color:#171717;padding:0 38px 0 12px;font-size:14px;line-height:20px;font-weight:500;outline:0;cursor:pointer}
.journal-checklist-history-control select:hover{background:#F7F7F7}.journal-checklist-history-control select:focus-visible{border-color:#0F0F0F;outline:2px solid rgba(15,15,15,.12);outline-offset:1px}
.journal-checklist-history-control img{position:absolute;right:10px;top:10px;width:20px;height:20px;pointer-events:none}
.journal-checklist-history-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.journal-checklist-history-kpi{min-height:76px;border:1px solid #E6E6E6;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;background:#FDFDFD}
.journal-checklist-history-kpi-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:0 0 44px;border:1.5px solid #171717}.journal-checklist-history-kpi-icon img{width:24px;height:24px}
.journal-checklist-history-kpi--current .journal-checklist-history-kpi-icon{border-color:#16A34A}.journal-checklist-history-kpi--current .journal-checklist-history-kpi-icon img{filter:none}
.journal-checklist-history-kpi>div{display:grid;gap:0}.journal-checklist-history-kpi strong{font-size:20px;line-height:28px;font-weight:700;color:#171717}.journal-checklist-history-kpi span{font-size:14px;line-height:20px;color:#606060;font-weight:400}
.journal-checklist-history-kpi--current>div span{order:-1}.journal-checklist-history-kpi--current strong{font-size:20px}
.journal-checklist-history-timeline-card{padding:0 16px 16px}
.journal-checklist-history-section-head{padding:16px 0 8px}.journal-checklist-history-section-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600}.journal-checklist-history-section-head p{margin:0;color:#606060;font-size:14px;line-height:20px}
.journal-checklist-history-timeline{list-style:none;margin:0;padding:0 0 0 44px;display:grid;gap:8px;position:relative}
.journal-checklist-history-timeline::before{content:"";position:absolute;left:15px;top:18px;bottom:18px;width:2px;background:#AAB3BF}
.journal-checklist-history-version{position:relative;margin:0;min-width:0}
.journal-checklist-history-version::before{content:"";position:absolute;left:-38px;top:24px;width:14px;height:14px;border-radius:50%;background:#FDFDFD;border:3px solid #7A8796;z-index:1}
.journal-checklist-history-version.is-active::before{border-color:#16A34A;background:#FDFDFD;box-shadow:inset 0 0 0 3px #16A34A}
.journal-checklist-history-version.is-selected::after{content:"";position:absolute;inset:0;border:1px solid #0F0F0F;border-radius:12px;pointer-events:none}
.journal-checklist-history-version-card{border:1px solid #E6E6E6;border-radius:12px;background:#FDFDFD;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;cursor:pointer;transition:background .15s ease}
.journal-checklist-history-version-card:hover{background:#FCFCFC}.journal-checklist-history-version-card:focus-within{border-color:#0F0F0F}
.journal-checklist-history-version-copy{min-width:0}.journal-checklist-history-version-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}.journal-checklist-history-version-title-row strong{font-size:16px;line-height:20px;font-weight:600;color:#171717}
.journal-checklist-history-version-status{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:3px 8px;border-radius:14px;font-size:14px;line-height:20px;font-weight:500;border:1px solid #D7D7D7;background:#F5F5F5;color:#555}
.journal-checklist-history-version-status img{width:16px;height:16px}.journal-checklist-history-version-status--active{border-color:#8FD3A1;background:#F5FFF7;color:#16813B}.journal-checklist-history-version-status--initial{border-color:#D7D7D7;background:#F5F5F5;color:#555}
.journal-checklist-history-version-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#606060;font-size:14px;line-height:20px;margin-bottom:4px}.journal-checklist-history-version-meta span{display:inline-flex;align-items:center;gap:5px}.journal-checklist-history-version-meta img{width:16px;height:16px}
.journal-checklist-history-version-summary,.journal-checklist-history-version-reason{margin:0;font-size:14px;line-height:20px;color:#3E3E3E}.journal-checklist-history-version-reason{color:#606060;margin-top:2px}
.journal-checklist-history-version-stats{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;flex-wrap:wrap}.journal-checklist-history-stat{border-radius:14px;background:#F4F5F7;color:#404040;padding:4px 8px;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.journal-checklist-history-version-action{align-self:end;justify-self:end;height:36px;min-width:112px;padding:0 16px;border:1px solid #0F0F0F;border-radius:18px;background:#FDFDFD;color:#171717;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}.journal-checklist-history-version-action:hover{background:#F7F7F7}.journal-checklist-history-version-action:focus-visible{outline:2px solid #0F0F0F;outline-offset:2px}
.journal-checklist-history-info{min-height:42px;border:1px solid #7DC6F0;border-radius:8px;background:#EEF8FE;color:#1681BE;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;line-height:20px}.journal-checklist-history-info img{width:20px;height:20px;flex:0 0 20px}
.journal-checklist-history-empty{min-height:220px;display:grid;place-items:center;align-content:center;text-align:center;gap:8px}.journal-checklist-history-empty[hidden]{display:none!important}.journal-checklist-history-empty img{width:36px;height:36px}.journal-checklist-history-empty strong{font-size:16px;line-height:20px}.journal-checklist-history-empty p{margin:0;color:#606060;font-size:14px;line-height:20px}
.journal-checklist-history-panel{border:1px solid #071F32;border-radius:16px;background:#071F32;color:#FDFDFD;min-height:610px;padding:24px;position:sticky;top:82px}.journal-checklist-history-panel-content{display:grid;gap:16px}
.journal-checklist-history-panel-eyebrow{margin:0;font-size:16px;line-height:20px;font-weight:600;color:#FDFDFD}.journal-checklist-history-panel-version-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.journal-checklist-history-panel-version{margin:0;font-size:28px;line-height:34px;font-weight:700;color:#FDFDFD}
.journal-checklist-history-panel-status{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:4px 8px;border-radius:15px;border:1px solid rgba(38,213,108,.7);color:#26D56C;font-size:14px;line-height:20px;font-weight:500}.journal-checklist-history-panel-status.is-old{border-color:rgba(253,253,253,.24);color:#D6DEE7;background:rgba(253,253,253,.06)}.journal-checklist-history-panel-status img{width:18px;height:18px;filter:none}
.journal-checklist-history-panel-name{margin:0;font-size:28px;line-height:34px;font-weight:700;color:#FDFDFD}.journal-checklist-history-panel-event{margin:-8px 0 0;font-size:16px;line-height:20px;font-weight:500;color:#FDFDFD}
.journal-checklist-history-panel-section{border-top:1px solid rgba(253,253,253,.18);padding-top:16px;display:grid;gap:8px}.journal-checklist-history-panel-section h4{margin:0;font-size:16px;line-height:20px;font-weight:600;color:#FDC806}
.journal-checklist-history-detail-row,.journal-checklist-history-diff-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:14px;line-height:20px;color:#FDFDFD}.journal-checklist-history-detail-row img,.journal-checklist-history-diff-row img{width:20px;height:20px;filter:brightness(0) invert(1)}.journal-checklist-history-detail-row strong,.journal-checklist-history-diff-row strong{font-weight:500;color:#FDFDFD;white-space:nowrap}
.journal-checklist-history-diff-row--add .journal-checklist-history-diff-label{color:#26D56C}.journal-checklist-history-diff-row--edit .journal-checklist-history-diff-label{color:#DDE7F1}.journal-checklist-history-diff-row--remove .journal-checklist-history-diff-label{color:#DDE7F1}
.journal-checklist-history-panel-actions{display:grid;gap:8px}.journal-checklist-history-panel-action{height:40px;border-radius:20px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:600}.journal-checklist-history-panel-action img{width:20px;height:20px}.journal-checklist-history-panel-action--primary{border:1px solid #FDC806;background:#FDC806;color:#000;cursor:pointer}.journal-checklist-history-panel-action--primary:hover{filter:brightness(.98)}
.journal-checklist-history-panel-action--secondary{border:1px solid rgba(253,253,253,.8);background:transparent;color:#FDFDFD}.journal-checklist-history-panel-action[disabled]{opacity:.55;cursor:not-allowed}
.journal-checklist-history-panel-notice{margin:0;border-top:1px solid rgba(253,253,253,.18);padding-top:16px;display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:14px;line-height:20px}.journal-checklist-history-panel-notice img{width:20px;height:20px;flex:0 0 20px;filter:none}
.journal-checklist-history-state{min-height:360px;border:1px solid #E6E6E6;border-radius:14px;background:#FDFDFD;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;padding:32px}.journal-checklist-history-state[hidden]{display:none!important}.journal-checklist-history-state img{width:44px;height:44px}.journal-checklist-history-state h3{margin:0;font-size:20px;line-height:28px}.journal-checklist-history-state p{margin:0;color:#606060;font-size:14px;line-height:20px;max-width:520px}.journal-checklist-history-state button{height:36px;border:1px solid #0F0F0F;border-radius:18px;background:#FDFDFD;color:#171717;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
@media (min-width:1280px) and (max-width:1365px){.journal-checklist-history-layout{grid-template-columns:minmax(0,2fr) minmax(310px,.85fr)}.journal-checklist-history-panel{padding:20px}.journal-checklist-history-heading-row{grid-template-columns:minmax(190px,1fr) minmax(390px,1.45fr) minmax(190px,1fr)}.journal-checklist-history-summary-head{gap:12px}.journal-checklist-history-control{min-width:146px}.journal-checklist-history-control:nth-child(2){min-width:178px}}
.journal-checklist-history-layout[hidden],.journal-checklist-history-context[hidden]{display:none!important}


/* Old Checklist Version View — page-scoped, historical read-only surface */
#journalOldChecklistVersionView.journal-old-checklist-view{padding-top:16px;font-family:"Roboto","Noto Sans Thai",Arial,sans-serif;color:#171717;min-width:0}
.journal-old-checklist-view[hidden]{display:none!important}
.journal-old-checklist-heading-row{display:grid;grid-template-columns:minmax(210px,1fr) minmax(420px,1.4fr) minmax(210px,1fr);gap:16px;align-items:center;margin-bottom:8px}
.journal-old-checklist-heading-copy{text-align:center;display:grid;gap:2px}.journal-old-checklist-heading-copy h2{margin:0;font-size:20px;line-height:28px;font-weight:700;outline:none}.journal-old-checklist-heading-copy p{margin:0;color:#606060;font-size:14px;line-height:20px}
.journal-old-checklist-back{justify-self:start;height:36px;padding:0 16px;border:1px solid #171717;border-radius:18px;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}.journal-old-checklist-back img{width:20px;height:20px}.journal-old-checklist-back:hover{background:#F7F7F7}.journal-old-checklist-back:focus-visible{outline:2px solid #0F0F0F;outline-offset:2px}
.journal-old-checklist-context{min-height:34px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;color:#566070;font-size:14px;line-height:20px;margin-bottom:8px}.journal-old-checklist-context>span:not(.journal-old-checklist-context-badge){white-space:nowrap}.journal-old-checklist-context-badge{margin-left:8px;height:32px;padding:0 12px;border-radius:16px;background:#F2F4F7;color:#46505C;display:inline-flex;align-items:center;gap:8px;font-weight:500}.journal-old-checklist-context-badge img{width:18px;height:18px}
.journal-old-checklist-readonly-banner{min-height:42px;border:1px solid #E0E4E9;border-radius:9px;background:#F1F3F6;color:#495465;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;margin-bottom:12px}.journal-old-checklist-readonly-banner img{width:20px;height:20px;flex:0 0 20px}
.journal-old-checklist-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:24px;align-items:start}.journal-old-checklist-main{min-width:0;display:grid;gap:8px}
.journal-old-checklist-card,.journal-old-checklist-change-card{border:1px solid #E6E6E6;border-radius:12px;background:#FDFDFD;padding:16px 16px}.journal-old-checklist-card-head h3,.journal-old-checklist-change-card h3{margin:0;font-size:20px;line-height:28px;font-weight:600}.journal-old-checklist-card-head p{margin:0;color:#606060;font-size:14px;line-height:20px}
.journal-old-checklist-meta-grid{display:grid;grid-template-columns:1.22fr 1fr 1.15fr 1fr;margin-top:8px;border:1px solid #E6E6E6;border-radius:9px;overflow:hidden}.journal-old-checklist-meta{min-height:44px;padding:8px 8px;display:flex;align-items:center;gap:8px;border-right:1px solid #E6E6E6;font-size:14px;line-height:20px;min-width:0}.journal-old-checklist-meta:last-child{border-right:0}.journal-old-checklist-meta img{width:20px;height:20px;flex:0 0 20px}.journal-old-checklist-meta span{white-space:nowrap}.journal-old-checklist-meta strong{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.journal-old-checklist-items-head{display:flex;align-items:center;gap:8px;margin:8px 0 8px}.journal-old-checklist-items-head h4{margin:0;font-size:16px;line-height:20px;font-weight:600}.journal-old-checklist-items-head span{min-width:44px;height:26px;border-radius:13px;background:#F1F3F6;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;color:#4B5563;font-size:14px;font-weight:500}
.journal-old-checklist-items{border:1px solid #E6E6E6;border-radius:9px;overflow:hidden}.journal-old-checklist-group-title{min-height:28px;padding:4px 12px;background:#EEF1F5;color:#26313C;font-size:14px;line-height:20px;font-weight:600;display:flex;align-items:center}.journal-old-checklist-item{min-height:36px;padding:8px 12px;display:grid;grid-template-columns:20px 26px minmax(0,1fr) 20px;gap:8px;align-items:center;border-top:1px solid #E9ECEF;font-size:14px;line-height:20px}.journal-old-checklist-group-title+.journal-old-checklist-item{border-top:0}.journal-old-checklist-item-marker{width:18px;height:18px;border:1.5px solid #7C8795;border-radius:50%;display:block}.journal-old-checklist-item-number{color:#5D6672;font-weight:500}.journal-old-checklist-item img{width:16px;height:16px;justify-self:end;opacity:.72}
.journal-old-checklist-change-card{padding-top:8px;padding-bottom:8px}.journal-old-checklist-change-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.journal-old-checklist-successor-button{height:36px;padding:0 16px;border:1px solid #171717;border-radius:18px;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}.journal-old-checklist-successor-button img{width:18px;height:18px}.journal-old-checklist-successor-button:disabled{opacity:.5;cursor:not-allowed}
.journal-old-checklist-change-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin-top:8px}.journal-old-checklist-change-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;font-size:14px;line-height:20px}.journal-old-checklist-change-tag{height:24px;border-radius:12px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:18px;font-weight:600;white-space:nowrap}.journal-old-checklist-change-tag--add{border:1px solid #20B85A;color:#168E43;background:#F5FFF7}.journal-old-checklist-change-tag--edit{border:1px solid #9AA5B1;color:#56606B;background:#F7F8F9}.journal-old-checklist-change-item p{margin:1px 0 0;color:#424B55}
.journal-old-checklist-info{min-height:40px;border:1px solid #7DC6F0;border-radius:8px;background:#EEF8FE;color:#1681BE;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;line-height:20px}.journal-old-checklist-info img{width:20px;height:20px;flex:0 0 20px}
.journal-old-checklist-panel{border:1px solid #071F32;border-radius:16px;background:#071F32;color:#FDFDFD;min-height:610px;padding:24px;position:sticky;top:82px;display:flex;flex-direction:column}.journal-old-checklist-panel-eyebrow{margin:0 0 8px;font-size:16px;line-height:20px;font-weight:600}.journal-old-checklist-panel-version-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.journal-old-checklist-panel-version-row h3{margin:0;font-size:28px;line-height:34px;font-weight:700;color:#FDFDFD}.journal-old-checklist-panel-status{height:30px;border:1px solid rgba(253,253,253,.32);border-radius:15px;background:rgba(253,253,253,.06);color:#DDE4EC;display:inline-flex;align-items:center;gap:8px;padding:0 8px;font-size:14px;line-height:20px;font-weight:500}.journal-old-checklist-panel-status img{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.9}.journal-old-checklist-panel-name{margin:8px 0 0!important;font-size:28px!important;line-height:34px!important;font-weight:700!important;color:#FDFDFD!important}.journal-old-checklist-panel-event{margin:0 0 16px;color:#FDFDFD;font-size:16px;line-height:20px;font-weight:500}
.journal-old-checklist-panel-section{border-top:1px solid rgba(253,253,253,.18);padding:16px 0;display:grid;gap:8px}.journal-old-checklist-panel-section h4{margin:0;color:#FDC806;font-size:16px;line-height:20px;font-weight:600}.journal-old-checklist-detail-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:14px;line-height:20px}.journal-old-checklist-detail-row img{width:20px;height:20px;filter:brightness(0) invert(1)}.journal-old-checklist-detail-row strong{font-weight:500;white-space:nowrap}
.journal-old-checklist-panel-readonly{margin:2px 0 16px;border:1px solid rgba(253,253,253,.18);border-radius:12px;background:rgba(253,253,253,.07);padding:12px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:start}.journal-old-checklist-panel-readonly>img{width:24px;height:24px;filter:brightness(0) invert(1)}.journal-old-checklist-panel-readonly div{display:grid;gap:2px}.journal-old-checklist-panel-readonly strong{font-size:16px;line-height:20px}.journal-old-checklist-panel-readonly span{font-size:12px;line-height:18px;color:#C8D2DC}
.journal-old-checklist-panel-actions{display:grid;gap:8px;margin-top:auto}.journal-old-checklist-panel-action{height:40px;border-radius:20px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:600;cursor:pointer}.journal-old-checklist-panel-action img{width:20px;height:20px}.journal-old-checklist-panel-action--primary{border:1px solid #FDC806;background:#FDC806;color:#000}.journal-old-checklist-panel-action--secondary{border:1px solid rgba(253,253,253,.86);background:transparent;color:#FDFDFD}.journal-old-checklist-panel-action--secondary img{filter:brightness(0) invert(1)}.journal-old-checklist-panel-action:disabled{opacity:.52;cursor:not-allowed}
.journal-old-checklist-panel-notice{margin:16px 0 0;padding-top:12px;border-top:1px solid rgba(253,253,253,.18);display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:14px;line-height:20px}.journal-old-checklist-panel-notice img{width:20px;height:20px;flex:0 0 20px}
.journal-old-checklist-state{min-height:360px;border:1px solid #E6E6E6;border-radius:14px;background:#FDFDFD;display:grid;place-items:center;align-content:center;text-align:center;gap:8px;padding:32px}.journal-old-checklist-state[hidden]{display:none!important}.journal-old-checklist-state img{width:44px;height:44px}.journal-old-checklist-state h3{margin:0;font-size:20px;line-height:28px}.journal-old-checklist-state p{margin:0;color:#606060;font-size:14px;line-height:20px;max-width:540px}.journal-old-checklist-state button{height:36px;border:1px solid #0F0F0F;border-radius:18px;background:#FDFDFD;color:#171717;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-old-checklist-view button:focus-visible{outline:2px solid #0F0F0F;outline-offset:2px}.journal-old-checklist-panel button:focus-visible{outline-color:#FDC806}
@media (min-width:1280px) and (max-width:1365px){.journal-old-checklist-layout{grid-template-columns:minmax(0,2fr) minmax(310px,.85fr)}.journal-old-checklist-panel{padding:20px}.journal-old-checklist-heading-row{grid-template-columns:minmax(190px,1fr) minmax(390px,1.4fr) minmax(190px,1fr)}.journal-old-checklist-meta-grid{grid-template-columns:1.25fr 1fr 1.15fr 1fr}}




.journal-all-analysis-view{display:flex;flex-direction:column;gap:20px;padding:0 20px 32px}
.journal-all-analysis-view[hidden]{display:none!important}
.journal-all-analysis-heading-row{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}
.journal-all-analysis-heading-copy{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}
.journal-all-analysis-title{margin:0;font-size:22px;line-height:30px;color:#111827}
.journal-all-analysis-heading-copy p{margin:0;font-size:15px;line-height:22px;color:#6B7280}
.journal-all-analysis-back,.journal-all-analysis-export{min-height:48px;border-radius:999px;border:1.5px solid #171717;background:#fff;display:inline-flex;align-items:center;gap:8px;padding:0 16px;font-size:15px;line-height:22px;font-weight:600;color:#171717;cursor:pointer}
.journal-all-analysis-back img,.journal-all-analysis-export img{width:20px;height:20px}
.journal-all-analysis-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.journal-all-analysis-main-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.journal-all-analysis-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.journal-all-analysis-filter-grid--secondary{grid-template-columns:repeat(5,minmax(0,1fr))}
.journal-all-analysis-filter-control{position:relative;display:flex;align-items:center;min-height:52px;border:1px solid #E5E7EB;border-radius:16px;background:#fff;padding:0 42px 0 16px}
.journal-all-analysis-filter-control select{width:100%;border:0;background:transparent;appearance:none;font-size:15px;line-height:22px;color:#171717;outline:none;font-weight:500;padding:0}
.journal-all-analysis-filter-control img{position:absolute;right:14px;width:18px;height:18px;pointer-events:none}
.journal-all-analysis-context-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.journal-all-analysis-context{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.journal-all-analysis-context-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#F8FAFC;border:1px solid #E5E7EB;font-size:14px;line-height:20px;color:#475467}
.journal-all-analysis-context-sep{color:#98A2B3}
.journal-all-analysis-sample-badge{display:inline-flex;align-items:center;gap:8px;padding:0 12px;min-height:38px;border-radius:14px;border:1px solid #BFD7FF;background:#F5F9FF;color:#2563EB;font-size:14px;line-height:20px;font-weight:600}
.journal-all-analysis-sample-badge img{width:18px;height:18px}
.journal-all-analysis-tabs{display:flex;flex-wrap:wrap;gap:8px}
.journal-all-analysis-tab{min-height:42px;padding:0 16px;border-radius:14px;border:1px solid #E5E7EB;background:#fff;color:#344054;font-size:15px;line-height:22px;font-weight:600;cursor:pointer}
.journal-all-analysis-tab.is-active{background:#111111;border-color:#111111;color:#fff}
.journal-all-analysis-loading,.journal-all-analysis-card,.journal-all-analysis-empty-state,.journal-all-analysis-error-state,.journal-all-analysis-panel{border:1px solid #E5E7EB;border-radius:24px;background:#fff}
.journal-all-analysis-loading{padding:20px}
.journal-all-analysis-skeleton-bar,.journal-all-analysis-skeleton-card,.journal-all-analysis-skeleton-grid span{display:block;border-radius:16px;background:linear-gradient(90deg,#F1F5F9 0%,#E5E7EB 50%,#F1F5F9 100%);background-size:200% 100%;animation:allAnalysisPulse 1.4s ease infinite}
.journal-all-analysis-skeleton-bar{height:22px;width:42%;margin-bottom:16px}
.journal-all-analysis-skeleton-card{height:210px;margin-bottom:16px}
.journal-all-analysis-skeleton-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.journal-all-analysis-skeleton-grid span{height:220px}
@keyframes allAnalysisPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}
.journal-all-analysis-ready{display:flex;flex-direction:column;gap:16px}
.journal-all-analysis-split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.journal-all-analysis-card{padding:16px;display:flex;flex-direction:column;gap:16px;min-width:0}
.journal-all-analysis-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.journal-all-analysis-section-head h3{margin:0;font-size:18px;line-height:25px;color:#171717}
.journal-all-analysis-section-head p{margin:4px 0 0;font-size:14px;line-height:20px;color:#667085}
.journal-all-analysis-badge{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid #D1E9FF;background:#F5F9FF;color:#2563EB;font-size:14px;line-height:20px;font-weight:700;white-space:nowrap}
.journal-all-analysis-badge.is-positive{border-color:#CBE7D4;background:#F4FBF6;color:#227748}
.journal-all-analysis-badge img{width:16px;height:16px}
.journal-all-analysis-outcome-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:center}
.journal-all-analysis-donut-block{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}
.journal-all-analysis-donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#16A34A 0 var(--fill), #F04F68 var(--fill) 100%);display:grid;place-items:center;position:relative}
.journal-all-analysis-donut::before{content:'';position:absolute;inset:16px;border-radius:50%;background:#fff}
.journal-all-analysis-donut>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px}
.journal-all-analysis-donut strong{font-size:42px;line-height:44px;color:#111827}
.journal-all-analysis-donut span{font-size:16px;line-height:22px;color:#475467}
.journal-all-analysis-donut-legend{display:flex;flex-direction:column;gap:12px;width:100%}
.journal-all-analysis-donut-legend div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:2px;align-items:center}
.journal-all-analysis-donut-legend strong{font-size:15px;line-height:22px;color:#111827;font-weight:600}
.journal-all-analysis-donut-legend b{grid-column:2;font-size:14px;line-height:20px;color:#475467;font-weight:500}
.journal-all-analysis-donut-legend .dot{width:12px;height:12px;border-radius:50%}
.journal-all-analysis-donut-legend .dot.is-green{background:#16A34A}
.journal-all-analysis-donut-legend .dot.is-red{background:#F04F68}
.journal-all-analysis-summary-table-wrap{overflow:auto}
.journal-all-analysis-table{width:100%;border-collapse:collapse;min-width:520px}
.journal-all-analysis-table th,.journal-all-analysis-table td{padding:12px 8px;border-bottom:1px solid #EEF2F6;text-align:left;font-size:14px;line-height:20px;color:#344054;vertical-align:middle}
.journal-all-analysis-table th{font-weight:700;color:#111827;background:#F8FAFC}
.journal-all-analysis-table td.is-positive,.journal-all-analysis-panel-item b.is-positive{color:#16A34A;font-weight:700}
.journal-all-analysis-table td.is-negative,.journal-all-analysis-panel-item b.is-negative{color:#E33A47;font-weight:700}
.journal-all-analysis-status{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-weight:700;font-size:13px;line-height:18px}
.journal-all-analysis-status--green{background:#ECFDF3;color:#027A48}
.journal-all-analysis-status--red{background:#FEF3F2;color:#B42318}
.journal-all-analysis-context-list,.journal-all-analysis-behavior-list{display:flex;flex-direction:column;gap:12px}
.journal-all-analysis-context-row-item,.journal-all-analysis-behavior-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1fr) auto auto;gap:12px;align-items:center}
.journal-all-analysis-context-row-item strong,.journal-all-analysis-behavior-row strong{font-size:14px;line-height:20px;color:#111827}
.journal-all-analysis-context-row-item small,.journal-all-analysis-behavior-row small{font-size:13px;line-height:18px;color:#667085}
.journal-all-analysis-context-row-item b,.journal-all-analysis-behavior-row b{font-size:14px;line-height:20px;font-weight:700;color:#111827}
.journal-all-analysis-context-row-bar,.journal-all-analysis-behavior-bar{height:14px;border-radius:999px;background:#EEF2F6;overflow:hidden;position:relative}
.journal-all-analysis-context-row-bar span{display:block;height:100%;border-radius:999px;background:#5BA5FF}
.journal-all-analysis-behavior-bar span{display:block;height:100%;border-radius:999px;background:#F39CAB}
.journal-all-analysis-duration-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:start}
.journal-all-analysis-duration-table-wrap{overflow:auto}
.journal-all-analysis-stat-list{display:flex;flex-direction:column;gap:12px}
.journal-all-analysis-stat-item{border:1px solid #EEF2F6;border-radius:18px;background:#F8FBFF;padding:16px;display:flex;flex-direction:column;gap:8px}
.journal-all-analysis-stat-item span{font-size:14px;line-height:20px;color:#667085}
.journal-all-analysis-stat-item strong{font-size:28px;line-height:34px;color:#111827}
.journal-all-analysis-info-note{display:flex;gap:8px;align-items:flex-start;padding:12px 16px;border-radius:16px;border:1px solid #BFDBFE;background:#EFF6FF;color:#1D4ED8;font-size:14px;line-height:20px}
.journal-all-analysis-info-note img{width:18px;height:18px;flex:0 0 18px}
.journal-all-analysis-empty-state,.journal-all-analysis-error-state{padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:320px}
.journal-all-analysis-empty-state img,.journal-all-analysis-error-state img{width:44px;height:44px}
.journal-all-analysis-empty-state h3,.journal-all-analysis-error-state h3{margin:0;font-size:20px;line-height:28px;color:#111827}
.journal-all-analysis-empty-state p,.journal-all-analysis-error-state p{margin:0;max-width:420px;font-size:15px;line-height:22px;color:#667085}
.journal-all-analysis-empty-state button,.journal-all-analysis-error-state button{margin-top:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid #171717;background:#fff;font-weight:700;color:#171717;cursor:pointer}
.journal-all-analysis-panel{background:#032647;border-color:#032647;padding:24px;display:flex;flex-direction:column;gap:0;color:#fff;position:sticky;top:20px}
.journal-all-analysis-panel-eyebrow{margin:0 0 8px;font-size:14px;line-height:20px;color:#D8E7F8}
.journal-all-analysis-panel h3{margin:0 0 8px;font-size:22px;line-height:30px;color:#fff}
.journal-all-analysis-panel-summary{margin:0;font-size:15px;line-height:22px;color:#F8FAFC}
.journal-all-analysis-panel-divider{height:1px;background:rgba(255,255,255,.18);margin:16px 0}
.journal-all-analysis-panel-section h4{margin:0 0 12px;font-size:16px;line-height:22px;color:#FDC806}
.journal-all-analysis-panel-list{display:flex;flex-direction:column;gap:12px}
.journal-all-analysis-panel-item{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:start}
.journal-all-analysis-panel-item img{width:20px;height:20px}
.journal-all-analysis-panel-item strong{font-size:14px;line-height:20px;color:#fff;font-weight:400}
.journal-all-analysis-panel-item b{font-size:14px;line-height:20px;color:#fff;font-weight:700}
.journal-all-analysis-data-state{display:flex;flex-direction:column;gap:12px}
.journal-all-analysis-data-note{display:flex;gap:8px;align-items:flex-start;border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08)}
.journal-all-analysis-data-note img{width:20px;height:20px}
.journal-all-analysis-data-note strong{display:block;font-size:15px;line-height:22px;color:#FDC806}
.journal-all-analysis-data-note span{display:block;margin-top:2px;font-size:14px;line-height:20px;color:#F8FAFC}
.journal-all-analysis-panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.journal-all-analysis-panel-action{min-height:50px;border-radius:999px;border:1.5px solid transparent;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;line-height:22px;font-weight:700;cursor:pointer}
.journal-all-analysis-panel-action img{width:20px;height:20px}
.journal-all-analysis-panel-action--primary{background:#FDC806;border-color:#FDC806;color:#111827}
.journal-all-analysis-panel-action--secondary{background:transparent;border-color:rgba(255,255,255,.65);color:#fff}
.journal-all-analysis-panel-action--secondary img{filter:brightness(0) invert(1)}
.journal-all-analysis-panel-disclaimer{margin:16px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);display:flex;gap:8px;align-items:flex-start;color:#FDC806;font-size:14px;line-height:20px}
.journal-all-analysis-panel-disclaimer img{width:18px;height:18px;flex:0 0 18px}








.journal-mistakes-view{display:flex;flex-direction:column;gap:16px;padding:0 20px 32px}
.journal-mistakes-view[hidden]{display:none!important}
.journal-mistakes-header{display:flex;justify-content:center;align-items:center}
.journal-mistakes-header-copy{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}
.journal-mistakes-view-title{margin:0;font-size:22px;line-height:30px;font-weight:700;color:#111827}
.journal-mistakes-view-subtitle{margin:0;font-size:15px;line-height:22px;color:#667085}
.journal-mistakes-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.journal-mistakes-main-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.journal-mistakes-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:center}
.journal-mistakes-advanced-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.journal-mistakes-filter-control{position:relative;display:flex;align-items:center;min-height:48px;padding:0 42px 0 16px;border:1px solid #E5E7EB;border-radius:16px;background:#fff}
.journal-mistakes-filter-control select{width:100%;border:0;background:transparent;appearance:none;font-size:15px;line-height:22px;color:#111827;font-weight:500;outline:none}
.journal-mistakes-filter-control img{position:absolute;right:14px;width:18px;height:18px;pointer-events:none}
.journal-mistakes-extra-button{min-height:48px;padding:0 16px;border-radius:999px;border:1.5px solid #171717;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;line-height:22px;font-weight:600;color:#171717;cursor:pointer;white-space:nowrap}
.journal-mistakes-extra-button img{width:18px;height:18px}
.journal-mistakes-extra-button.is-active{background:#111827;color:#fff;border-color:#111827}
.journal-mistakes-extra-button.is-active img{filter:brightness(0) invert(1)}
.journal-mistakes-context-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.journal-mistakes-context{display:flex;gap:8px;flex-wrap:wrap}
.journal-mistakes-context-chip{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid #E5E7EB;background:#fff;font-size:14px;line-height:20px;color:#475467}
.journal-mistakes-sample-badge{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:14px;border:1px solid #BFDBFE;background:#EFF6FF;color:#2563EB;font-size:14px;line-height:20px;font-weight:600}
.journal-mistakes-sample-badge img{width:18px;height:18px}
.journal-mistakes-loading,.journal-mistakes-card,.journal-mistakes-empty-state,.journal-mistakes-error-state,.journal-mistakes-panel{border:1px solid #E5E7EB;border-radius:24px;background:#fff}
.journal-mistakes-loading{padding:20px}
.journal-mistakes-skeleton-row,.journal-mistakes-skeleton-kpis span,.journal-mistakes-skeleton-block,.journal-mistakes-skeleton-grid span{display:block;border-radius:18px;background:linear-gradient(90deg,#F1F5F9 0%,#E5E7EB 50%,#F1F5F9 100%);background-size:200% 100%;animation:mistakesPulse 1.4s ease infinite}
.journal-mistakes-skeleton-row{height:22px;width:40%;margin-bottom:16px}
.journal-mistakes-skeleton-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}
.journal-mistakes-skeleton-kpis span{height:96px}
.journal-mistakes-skeleton-block{height:230px;margin-bottom:16px}
.journal-mistakes-skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.journal-mistakes-skeleton-grid span{height:260px}
@keyframes mistakesPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}
.journal-mistakes-ready{display:flex;flex-direction:column;gap:16px}
.journal-mistakes-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.journal-mistakes-kpi-card{padding:16px 16px;border:1px solid #E5E7EB;border-radius:20px;background:#fff;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
.journal-mistakes-kpi-card p{margin:0 0 8px;font-size:14px;line-height:20px;color:#475467;font-weight:600}
.journal-mistakes-kpi-card strong{display:block;font-size:22px;line-height:30px;color:#111827}
.journal-mistakes-kpi-card strong.is-negative{color:#E33A47}
.journal-mistakes-kpi-card strong.is-positive{color:#16A34A}
.journal-mistakes-kpi-icon{width:70px;height:70px;border-radius:999px;border:2px solid #D1D5DB;display:grid;place-items:center;background:#fff}
.journal-mistakes-kpi-icon.is-red{border-color:#F97066}
.journal-mistakes-kpi-icon.is-yellow{border-color:#F5C451}
.journal-mistakes-kpi-icon-image{width:30px;height:30px}
.journal-mistakes-card{padding:16px;display:flex;flex-direction:column;gap:16px;min-width:0}
.journal-mistakes-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.journal-mistakes-card-head h3{margin:0;font-size:18px;line-height:25px;color:#111827}
.journal-mistakes-card-head p{margin:4px 0 0;font-size:14px;line-height:20px;color:#667085}
.journal-mistakes-card-head--between{align-items:center}
.journal-mistakes-chart-legend{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px;color:#667085}
.journal-mistakes-chart-legend .dot{width:10px;height:10px;border-radius:50%;background:#F04F68}
.journal-mistakes-table-wrap{overflow:auto}
.journal-mistakes-table{width:100%;border-collapse:collapse;min-width:700px}
.journal-mistakes-table--compact{min-width:560px}
.journal-mistakes-table th,.journal-mistakes-table td{padding:12px 8px;border-bottom:1px solid #EEF2F6;text-align:left;font-size:14px;line-height:20px;color:#344054;vertical-align:middle}
.journal-mistakes-table th{background:#F8FAFC;color:#111827;font-weight:700}
.journal-mistakes-table tbody tr.is-selected{background:#FFF9DB}
.journal-mistakes-table td.is-negative,.journal-mistakes-panel-item b.is-negative{color:#E33A47;font-weight:700}
.journal-mistakes-table td.is-positive,.journal-mistakes-panel-item b.is-positive{color:#16A34A;font-weight:700}
.journal-mistakes-name-cell{display:flex;align-items:center;gap:8px;font-weight:600;color:#111827}
.journal-mistakes-inline-icon{width:20px;height:20px;flex:0 0 20px}
.journal-mistakes-count-cell{display:grid;grid-template-columns:minmax(110px,1fr) auto;gap:8px;align-items:center}
.journal-mistakes-count-bar{height:14px;border-radius:999px;background:#EEF2F6;overflow:hidden}
.journal-mistakes-count-bar span{display:block;height:100%;border-radius:999px;background:#F1697A}
.journal-mistakes-trend{font-weight:600;white-space:nowrap}
.journal-mistakes-trend--up{color:#E33A47}
.journal-mistakes-trend--flat{color:#344054}
.journal-mistakes-trend--down{color:#16A34A}
.journal-mistakes-trend--none{color:#98A2B3}
.journal-mistakes-row-button,.journal-mistakes-open-record{min-height:36px;padding:0 16px;border-radius:999px;border:1.5px solid #B8B8B8;background:#fff;color:#171717;font-size:14px;line-height:20px;font-weight:600;cursor:pointer;white-space:nowrap}
.journal-mistakes-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.journal-mistakes-weekly-chart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end;min-height:240px;padding-top:4px}
.journal-mistakes-weekly-column{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.journal-mistakes-weekly-column strong{font-size:24px;line-height:30px;color:#111827}
.journal-mistakes-weekly-bar{display:flex;align-items:flex-end;justify-content:center;width:100%;height:120px;padding:0 8px}
.journal-mistakes-weekly-bar span{display:block;width:100%;max-width:62px;border-radius:14px 14px 8px 8px;background:linear-gradient(180deg,#F59BA8 0%,#F36C7E 100%);min-height:8px}
.journal-mistakes-weekly-column span{font-size:14px;line-height:20px;color:#344054;font-weight:600}
.journal-mistakes-weekly-column small{font-size:12px;line-height:18px;color:#667085}
.journal-mistakes-info-note{display:flex;gap:8px;align-items:flex-start;padding:12px 16px;border-radius:16px;border:1px solid #BFDBFE;background:#EFF6FF;color:#1D4ED8;font-size:14px;line-height:20px}
.journal-mistakes-info-note img{width:18px;height:18px;flex:0 0 18px}
.journal-mistakes-empty-state,.journal-mistakes-error-state{padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:320px}
.journal-mistakes-empty-state img,.journal-mistakes-error-state img{width:44px;height:44px}
.journal-mistakes-empty-state h3,.journal-mistakes-error-state h3{margin:0;font-size:20px;line-height:28px;color:#111827}
.journal-mistakes-empty-state p,.journal-mistakes-error-state p{margin:0;max-width:420px;font-size:15px;line-height:22px;color:#667085}
.journal-mistakes-empty-state button,.journal-mistakes-error-state button{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid #171717;background:#fff;font-size:15px;line-height:22px;font-weight:700;color:#171717;cursor:pointer}
.journal-mistakes-panel{background:#032647;border-color:#032647;padding:24px;display:flex;flex-direction:column;color:#fff;position:sticky;top:20px}
.journal-mistakes-panel-eyebrow{margin:0 0 8px;font-size:14px;line-height:20px;color:#D8E7F8}
.journal-mistakes-panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.journal-mistakes-panel-title-row h3{margin:0;font-size:24px;line-height:32px;color:#fff}
.journal-mistakes-panel-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:999px;border:1px solid rgba(249,112,102,.7);background:rgba(127,29,29,.18);color:#FF6B6B;font-size:14px;line-height:20px;font-weight:700;white-space:nowrap}
.journal-mistakes-panel-context{margin:8px 0 0;font-size:15px;line-height:22px;color:#F8FAFC}
.journal-mistakes-panel-divider{height:1px;background:rgba(255,255,255,.16);margin:16px 0}
.journal-mistakes-panel-section h4{margin:0 0 12px;font-size:16px;line-height:22px;color:#FDC806}
.journal-mistakes-panel-list{display:flex;flex-direction:column;gap:12px}
.journal-mistakes-panel-item{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:start}
.journal-mistakes-panel-item img{width:20px;height:20px}
.journal-mistakes-panel-item strong{font-size:14px;line-height:20px;color:#fff;font-weight:400}
.journal-mistakes-panel-item b{font-size:14px;line-height:20px;color:#fff;font-weight:700}
.journal-mistakes-panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.journal-mistakes-panel-action{min-height:50px;border-radius:999px;border:1.5px solid transparent;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;line-height:22px;font-weight:700;cursor:pointer}
.journal-mistakes-panel-action img{width:20px;height:20px}
.journal-mistakes-panel-action--primary{background:#FDC806;border-color:#FDC806;color:#111827}
.journal-mistakes-panel-action--secondary{background:transparent;border-color:rgba(255,255,255,.7);color:#fff}
.journal-mistakes-panel-action--secondary img{filter:brightness(0) invert(1)}
.journal-mistakes-panel-note{margin:16px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);display:flex;gap:8px;align-items:flex-start;color:#FDC806;font-size:14px;line-height:20px}
.journal-mistakes-panel-note img{width:18px;height:18px;flex:0 0 18px}








.journal-mistake-detail-view{display:flex;flex-direction:column;gap:16px;padding:0 20px 32px}
.journal-mistake-detail-view[hidden]{display:none!important}
.journal-mistake-detail-ready{display:block}
.journal-mistake-detail-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.journal-mistake-detail-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.journal-mistake-detail-topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.journal-mistake-detail-back-button,.journal-mistake-detail-export-button,.journal-mistake-detail-open-button,.journal-mistake-detail-error-state button{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid #171717;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;line-height:22px;font-weight:700;color:#171717;cursor:pointer;white-space:nowrap}
.journal-mistake-detail-back-button img,.journal-mistake-detail-export-button img{width:18px;height:18px}
.journal-mistake-detail-header{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}
.journal-mistake-detail-title{margin:0;font-size:22px;line-height:30px;font-weight:700;color:#111827}
.journal-mistake-detail-subtitle{margin:0;font-size:15px;line-height:22px;color:#667085}
.journal-mistake-detail-context-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.journal-mistake-detail-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;line-height:20px;color:#475467;font-weight:600}
.journal-mistake-detail-breadcrumbs img{width:14px;height:14px;opacity:.7}
.journal-mistake-detail-sample-badge{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:14px;border:1px solid #BFDBFE;background:#EFF6FF;color:#2563EB;font-size:14px;line-height:20px;font-weight:600}
.journal-mistake-detail-sample-badge img{width:18px;height:18px}
.journal-mistake-detail-hero-card,.journal-mistake-detail-card,.journal-mistake-detail-panel,.journal-mistake-detail-error-state{border:1px solid #E5E7EB;border-radius:24px;background:#fff}
.journal-mistake-detail-hero-card,.journal-mistake-detail-card{padding:16px;display:flex;flex-direction:column;gap:16px}
.journal-mistake-detail-hero-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.journal-mistake-detail-hero-icon{width:76px;height:76px;border-radius:999px;border:2px solid #F97066;display:grid;place-items:center;background:#fff;flex:0 0 76px}
.journal-mistake-detail-hero-icon-image{width:34px;height:34px}
.journal-mistake-detail-hero-copy{display:flex;flex-direction:column;gap:8px}
.journal-mistake-detail-hero-title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.journal-mistake-detail-hero-title-row h3{margin:0;font-size:24px;line-height:32px;color:#111827}
.journal-mistake-detail-hero-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:999px;border:1px solid #F8A4AD;background:#FFF1F2;color:#E33A47;font-size:14px;line-height:20px;font-weight:700}
.journal-mistake-detail-hero-copy p{margin:0;font-size:15px;line-height:22px;color:#475467}
.journal-mistake-detail-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.journal-mistake-detail-kpi-card{padding:16px 16px;border:1px solid #E5E7EB;border-radius:20px;background:#fff;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.journal-mistake-detail-kpi-card p{margin:0 0 8px;font-size:14px;line-height:20px;color:#475467;font-weight:600}
.journal-mistake-detail-kpi-card strong{display:block;font-size:22px;line-height:30px;color:#111827}
.journal-mistake-detail-kpi-card strong.is-negative{color:#E33A47}
.journal-mistake-detail-kpi-card strong.is-positive{color:#16A34A}
.journal-mistake-detail-kpi-icon{width:66px;height:66px;border-radius:999px;border:2px solid #D1D5DB;display:grid;place-items:center;background:#fff}
.journal-mistake-detail-kpi-icon-image{width:28px;height:28px}
.journal-mistake-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.journal-mistake-detail-card-head h3{margin:0;font-size:18px;line-height:25px;color:#111827}
.journal-mistake-detail-card-head p{margin:4px 0 0;font-size:14px;line-height:20px;color:#667085}
.journal-mistake-detail-condition-list,.journal-mistake-detail-checklist-list{display:flex;flex-direction:column;gap:12px}
.journal-mistake-detail-condition-item{display:flex;flex-direction:column;gap:8px}
.journal-mistake-detail-condition-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:15px;line-height:22px;color:#111827}
.journal-mistake-detail-condition-meta b{font-size:15px;line-height:22px;color:#344054}
.journal-mistake-detail-condition-bar{height:14px;border-radius:999px;background:#EEF2F6;overflow:hidden}
.journal-mistake-detail-condition-bar span{display:block;height:100%;border-radius:999px;background:#F1697A}
.journal-mistake-detail-inline-note,.journal-mistake-detail-snapshot-note,.journal-mistake-detail-info-note{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:20px}
.journal-mistake-detail-inline-note{color:#2563EB}
.journal-mistake-detail-snapshot-note{padding-top:4px;color:#344054}
.journal-mistake-detail-inline-note img,.journal-mistake-detail-snapshot-note img,.journal-mistake-detail-info-note img{width:18px;height:18px;flex:0 0 18px}
.journal-mistake-detail-checklist-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #F1F5F9}
.journal-mistake-detail-checklist-item:last-child{border-bottom:0}
.journal-mistake-detail-checklist-item-main{display:flex;align-items:center;gap:8px;min-width:0;color:#111827;font-size:15px;line-height:22px}
.journal-mistake-detail-checklist-icon{width:20px;height:20px;flex:0 0 20px}
.journal-mistake-detail-checklist-item b{font-size:15px;line-height:22px;color:#344054;white-space:nowrap}
.journal-mistake-detail-table-wrap{overflow:auto}
.journal-mistake-detail-table{width:100%;min-width:840px;border-collapse:collapse}
.journal-mistake-detail-table th,.journal-mistake-detail-table td{padding:12px 8px;border-bottom:1px solid #EEF2F6;text-align:left;font-size:14px;line-height:20px;color:#344054;vertical-align:middle}
.journal-mistake-detail-table th{background:#F8FAFC;color:#111827;font-weight:700}
.journal-mistake-detail-table td.is-negative,.journal-mistake-detail-panel-item b.is-negative{color:#E33A47;font-weight:700}
.journal-mistake-detail-table td.is-positive,.journal-mistake-detail-panel-item b.is-positive{color:#16A34A;font-weight:700}
.journal-mistake-detail-direction{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:13px;line-height:18px;font-weight:700}
.journal-mistake-detail-direction.is-sell{background:#FFF1F2;color:#E33A47}
.journal-mistake-detail-direction.is-buy{background:#ECFDF3;color:#16A34A}
.journal-mistake-detail-info-note{padding:12px 16px;border-radius:16px;border:1px solid #BFDBFE;background:#EFF6FF;color:#1D4ED8}
.journal-mistake-detail-panel{background:#032647;border-color:#032647;padding:24px;display:flex;flex-direction:column;color:#fff;position:sticky;top:20px}
.journal-mistake-detail-panel-eyebrow{margin:0 0 8px;font-size:14px;line-height:20px;color:#D8E7F8}
.journal-mistake-detail-panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.journal-mistake-detail-panel-title-row h3{margin:0;font-size:24px;line-height:32px;color:#fff}
.journal-mistake-detail-panel-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:999px;border:1px solid rgba(249,112,102,.7);background:rgba(127,29,29,.18);color:#FF6B6B;font-size:14px;line-height:20px;font-weight:700;white-space:nowrap}
.journal-mistake-detail-panel-context{margin:8px 0 0;font-size:15px;line-height:22px;color:#F8FAFC}
.journal-mistake-detail-panel-divider{height:1px;background:rgba(255,255,255,.16);margin:16px 0}
.journal-mistake-detail-panel-section h4{margin:0 0 12px;font-size:16px;line-height:22px;color:#FDC806}
.journal-mistake-detail-panel-list{display:flex;flex-direction:column;gap:12px}
.journal-mistake-detail-panel-item{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:start}
.journal-mistake-detail-panel-item img{width:20px;height:20px}
.journal-mistake-detail-panel-item strong{font-size:14px;line-height:20px;color:#fff;font-weight:400}
.journal-mistake-detail-panel-item b{font-size:14px;line-height:20px;color:#fff;font-weight:700}
.journal-mistake-detail-panel-callout{margin-top:16px;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);display:flex;gap:8px;align-items:flex-start;color:#E2E8F0;font-size:14px;line-height:20px}
.journal-mistake-detail-panel-callout img,.journal-mistake-detail-panel-note img{width:18px;height:18px;flex:0 0 18px}
.journal-mistake-detail-panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.journal-mistake-detail-panel-action{min-height:50px;border-radius:999px;border:1.5px solid transparent;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;line-height:22px;font-weight:700;cursor:pointer}
.journal-mistake-detail-panel-action img{width:20px;height:20px}
.journal-mistake-detail-panel-action--primary{background:#FDC806;border-color:#FDC806;color:#111827}
.journal-mistake-detail-panel-action--secondary{background:transparent;border-color:rgba(255,255,255,.7);color:#fff}
.journal-mistake-detail-panel-action--secondary img{filter:brightness(0) invert(1)}
.journal-mistake-detail-panel-note{margin:16px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);display:flex;gap:8px;align-items:flex-start;color:#FDC806;font-size:14px;line-height:20px}
.journal-mistake-detail-error-state{padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:360px}
.journal-mistake-detail-error-state img{width:44px;height:44px}
.journal-mistake-detail-error-state h3{margin:0;font-size:20px;line-height:28px;color:#111827}
.journal-mistake-detail-error-state p{margin:0;max-width:420px;font-size:15px;line-height:22px;color:#667085}








/* Development Goals View — page-local implementation */
.journal-goals-view{display:flex;flex-direction:column;gap:16px;padding:0 20px 32px;min-width:0}
.journal-goals-view[hidden]{display:none!important}
.journal-goals-heading-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.journal-goals-heading-copy{grid-column:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.journal-goals-view-title{margin:0;font-size:22px;line-height:30px;font-weight:700;color:#111827}
.journal-goals-view-subtitle{margin:0;font-size:15px;line-height:22px;color:#667085}
.journal-goals-add-button{grid-column:3;justify-self:end;min-height:48px;padding:0 20px;border:0;border-radius:999px;background:#FDC806;color:#111827;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;line-height:22px;font-weight:700;cursor:pointer}
.journal-goals-add-button img{width:20px;height:20px}
.journal-goals-shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.journal-goals-main-column{display:flex;flex-direction:column;gap:12px;min-width:0}
.journal-goals-filter-row{display:grid;grid-template-columns:1.25fr 1.35fr .9fr .85fr;gap:8px}
.journal-goals-filter-control{position:relative;display:flex;align-items:center;min-height:46px;padding:0 42px 0 16px;border:1px solid #E5E7EB;border-radius:14px;background:#fff}
.journal-goals-filter-control select{width:100%;border:0;background:transparent;appearance:none;outline:none;font-size:14px;line-height:20px;color:#111827;font-weight:600}
.journal-goals-filter-control img{position:absolute;right:14px;width:17px;height:17px;pointer-events:none}
.journal-goals-source-note{display:flex;align-items:center;gap:8px;color:#2563EB;font-size:13px;line-height:20px}
.journal-goals-source-note img{width:18px;height:18px}
.journal-goals-loading[hidden],
.journal-goals-ready[hidden],
.journal-goals-empty-state[hidden],
.journal-goals-error-state[hidden],
.journal-goals-no-active[hidden],
.journal-goals-panel-empty[hidden],
.journal-goals-panel-ready[hidden]{display:none!important}
.journal-goals-loading{display:flex;flex-direction:column;gap:12px}
.journal-goals-skeleton-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.journal-goals-skeleton-kpis span,.journal-goals-skeleton-block{display:block;border-radius:18px;background:linear-gradient(90deg,#F1F5F9 0%,#E5E7EB 50%,#F1F5F9 100%);background-size:200% 100%;animation:goalsPulse 1.4s ease infinite}
.journal-goals-skeleton-kpis span{height:86px}.journal-goals-skeleton-block{height:220px}.journal-goals-skeleton-block--small{height:140px}
@keyframes goalsPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}
.journal-goals-ready{display:flex;flex-direction:column;gap:12px}
.journal-goals-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.journal-goals-kpi-card{padding:16px 16px;border:1px solid #E5E7EB;border-radius:18px;background:#fff;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}
.journal-goals-kpi-card p{margin:0 0 2px;font-size:14px;line-height:20px;color:#344054;font-weight:600}.journal-goals-kpi-card strong{font-size:23px;line-height:30px;color:#111827}.journal-goals-kpi-card strong.is-green{color:#16A34A}
.journal-goals-kpi-icon{width:54px;height:54px;border:2px solid #CBD5E1;border-radius:999px;display:grid;place-items:center}.journal-goals-kpi-icon.is-blue{border-color:#3B82F6}.journal-goals-kpi-icon.is-green{border-color:#22C55E}.journal-goals-kpi-icon-image{width:26px;height:26px}
.journal-goals-section{padding:12px;border:1px solid #E5E7EB;border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:8px}.journal-goals-section-head h3{margin:0;font-size:18px;line-height:26px;color:#111827}
.journal-goals-active-list{display:flex;flex-direction:column;gap:8px}
.journal-goal-card{padding:16px 16px;border:1px solid #E5E7EB;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:12px;cursor:pointer;outline:none}.journal-goal-card.is-selected{border-color:#38A3FF;box-shadow:0 0 0 1px rgba(56,163,255,.18);background:#FBFDFF}.journal-goal-card:focus-visible{box-shadow:0 0 0 3px rgba(37,99,235,.2)}
.journal-goal-card-head,.journal-goal-card-title-wrap,.journal-goal-card-title-row,.journal-goal-card-actions,.journal-goal-buttons,.journal-goal-activities-preview{display:flex;align-items:center}.journal-goal-card-title-wrap{gap:12px;min-width:0}.journal-goal-card-title-row{gap:8px;flex-wrap:wrap}.journal-goal-card-title-row h4{margin:0;font-size:17px;line-height:24px;color:#111827}.journal-goal-card-icon{width:34px;height:34px;border:2px solid #3B82F6;border-radius:999px;display:grid;place-items:center;flex:0 0 34px}.journal-goal-card-icon-image{width:18px;height:18px}
.journal-goals-status{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 8px;border-radius:999px;font-size:12px;line-height:18px;font-weight:700;white-space:nowrap}.journal-goals-status.is-progress{background:#EFF6FF;color:#2563EB;border:1px solid #93C5FD}.journal-goals-status.is-achieved{background:#ECFDF3;color:#16A34A;border:1px solid #86EFAC}.journal-goals-status.is-not-started{background:#F8FAFC;color:#475467;border:1px solid #CBD5E1}.journal-goals-status-icon{width:15px;height:15px}
.journal-goals-source-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 8px;border-radius:999px;background:#F8FAFC;color:#475467;font-size:12px;line-height:18px;font-weight:600}
.journal-goal-card-metrics{display:grid;grid-template-columns:1.25fr .7fr .7fr .7fr 1.15fr 1.15fr;border-top:1px solid #EEF2F6;border-bottom:1px solid #EEF2F6}.journal-goal-card-metrics>div{padding:8px 8px;border-right:1px solid #EEF2F6;display:flex;flex-direction:column;gap:3px;min-width:0}.journal-goal-card-metrics>div:last-child{border-right:0}.journal-goal-card-metrics span{font-size:12px;line-height:18px;color:#667085}.journal-goal-card-metrics b{font-size:13px;line-height:20px;color:#111827;white-space:normal}.journal-goal-progress-row{display:flex;align-items:center;gap:8px}.journal-goal-progress-track{height:10px;flex:1;border-radius:999px;background:#EEF2F6;overflow:hidden}.journal-goal-progress-track span{display:block;height:100%;border-radius:999px;background:#FDC806}
.journal-goal-card-actions{justify-content:space-between;gap:12px}.journal-goal-activities-preview{gap:8px;min-width:0;color:#344054;font-size:13px;line-height:20px}.journal-goal-activities-preview strong{color:#111827}.journal-goal-activities-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal-goal-activity-icon{width:17px;height:17px;flex:0 0 17px}.journal-goal-buttons{gap:8px;flex:0 0 auto}.journal-goal-detail-button,.journal-goals-open-button{min-height:36px;padding:0 16px;border:1.5px solid #9CA3AF;border-radius:999px;background:#fff;color:#111827;font-size:13px;line-height:20px;font-weight:700;cursor:pointer}.journal-goal-edit-icon{width:38px;height:38px;border:1.5px solid #9CA3AF;border-radius:999px;background:#fff;display:grid;place-items:center;cursor:pointer}.journal-goal-edit-icon-image{width:17px;height:17px}
.journal-goals-no-active{padding:16px;border:1px dashed #CBD5E1;border-radius:14px;background:#F8FAFC;display:flex;align-items:center;gap:12px}.journal-goals-no-active img{width:28px;height:28px}.journal-goals-no-active div{display:flex;flex-direction:column;gap:2px}.journal-goals-no-active strong{font-size:14px;color:#111827}.journal-goals-no-active span{font-size:13px;color:#667085}
.journal-goals-table-wrap{overflow:auto}.journal-goals-table{width:100%;min-width:720px;border-collapse:collapse}.journal-goals-table th,.journal-goals-table td{padding:8px 8px;border-bottom:1px solid #EEF2F6;text-align:left;font-size:13px;line-height:20px;color:#344054;vertical-align:middle}.journal-goals-table th{background:#F8FAFC;color:#111827;font-weight:700}.journal-goals-table-empty{text-align:center;color:#98A2B3;padding:16px}.journal-goals-bottom-note{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border:1px solid #BFDBFE;border-radius:12px;background:#EFF6FF;color:#2563EB;font-size:13px;line-height:20px}.journal-goals-bottom-note img{width:18px;height:18px;flex:0 0 18px}
.journal-goals-empty-state,.journal-goals-error-state{padding:36px 24px;border:1px solid #E5E7EB;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:360px}.journal-goals-empty-state img,.journal-goals-error-state img{width:46px;height:46px}.journal-goals-empty-state h3,.journal-goals-error-state h3{margin:0;font-size:20px;line-height:28px;color:#111827}.journal-goals-empty-state p,.journal-goals-error-state p{margin:0;max-width:480px;color:#667085;font-size:14px;line-height:21px}.journal-goals-empty-state button,.journal-goals-error-state button{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid #171717;background:#fff;color:#171717;font-size:14px;line-height:20px;font-weight:700;cursor:pointer}
.journal-goals-panel{padding:24px;background:#032647;border:1px solid #032647;border-radius:22px;color:#fff;position:sticky;top:20px;min-height:560px;display:flex;flex-direction:column}.journal-goals-panel-ready{display:flex;flex-direction:column}.journal-goals-panel-empty{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#D8E7F8}.journal-goals-panel-empty img{width:46px;height:46px;filter:brightness(0) invert(1)}.journal-goals-panel-empty strong{font-size:18px;color:#fff}.journal-goals-panel-empty span{font-size:14px;line-height:21px}
.journal-goals-panel-eyebrow{margin:0 0 8px;color:#D8E7F8;font-size:14px}.journal-goals-panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.journal-goals-panel-title-row h3{margin:0;font-size:23px;line-height:31px;color:#fff}.journal-goals-panel-status{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 8px;border-radius:999px;font-size:12px;line-height:18px;font-weight:700;white-space:nowrap}.journal-goals-panel-status.is-progress{border:1px solid #60A5FA;color:#93C5FD}.journal-goals-panel-status.is-achieved{border:1px solid #4ADE80;color:#86EFAC}.journal-goals-panel-status.is-not-started{border:1px solid #94A3B8;color:#CBD5E1}.journal-goals-panel-status-icon{width:15px;height:15px;filter:brightness(0) invert(1)}.journal-goals-panel-context{margin:8px 0 0;color:#F8FAFC;font-size:14px;line-height:21px}.journal-goals-panel-divider{height:1px;background:rgba(255,255,255,.16);margin:16px 0}
.journal-goals-progress-ring{--goal-progress:0deg;width:138px;height:138px;margin:0 auto;border-radius:50%;background:conic-gradient(#FDC806 var(--goal-progress),rgba(255,255,255,.18) 0);display:grid;place-items:center;position:relative}.journal-goals-progress-ring::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#032647}.journal-goals-progress-ring>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.journal-goals-progress-ring strong{font-size:28px;line-height:34px;color:#fff}.journal-goals-progress-ring span{font-size:12px;line-height:18px;color:#D8E7F8}
.journal-goals-panel-section h4{margin:0 0 8px;color:#fff;font-size:16px}.journal-goals-panel-list,.journal-goals-panel-activities{display:flex;flex-direction:column;gap:8px}.journal-goals-panel-item{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center}.journal-goals-panel-item img{width:20px;height:20px;filter:brightness(0) invert(1)}.journal-goals-panel-item strong{font-size:14px;line-height:20px;color:#fff;font-weight:400}.journal-goals-panel-item b{font-size:14px;line-height:20px;color:#fff}.journal-goals-panel-activity{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;font-size:14px;line-height:20px;color:#F8FAFC}.journal-goals-panel-activity-mark{width:20px;height:20px;border:2px solid #CBD5E1;border-radius:50%;display:grid;place-items:center}.journal-goals-panel-activity-mark.is-complete{border-color:#22C55E}.journal-goals-panel-activity-icon{width:16px;height:16px}
.journal-goals-panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.journal-goals-panel-action{min-height:48px;border-radius:999px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:700;cursor:pointer}.journal-goals-panel-action img{width:19px;height:19px}.journal-goals-panel-action--primary{background:#FDC806;border:1.5px solid #FDC806;color:#111827}.journal-goals-panel-action--secondary{background:transparent;border:1.5px solid rgba(255,255,255,.7);color:#fff}.journal-goals-panel-action--secondary img{filter:brightness(0) invert(1)}.journal-goals-panel-note{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);color:#FDC806;font-size:13px;line-height:20px}.journal-goals-panel-note img{width:18px;height:18px;flex:0 0 18px}








.journal-create-goal-view{margin-top:16px;display:grid;gap:16px;padding:0 20px 32px;min-width:0}
.journal-create-goal-view[hidden]{display:none!important}
.journal-create-goal-navigation{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}
.journal-create-goal-back,.journal-create-goal-draft-top{min-height:36px;padding:0 16px;border:1.5px solid #9CA3AF;border-radius:999px;background:#fff;color:#111827;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:600;cursor:pointer}
.journal-create-goal-headingwrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.journal-create-goal-headingwrap h2{margin:0;font-size:22px;line-height:30px;font-weight:700;color:#111827}.journal-create-goal-headingwrap p{margin:0;font-size:15px;line-height:22px;color:#667085}
.journal-create-goal-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.journal-create-goal-main{display:flex;flex-direction:column;gap:12px;min-width:0}
.journal-create-goal-card{padding:16px;border:1px solid #E5E7EB;border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:16px}
.journal-create-goal-card-head h3{margin:0;font-size:18px;line-height:26px;color:#111827}.journal-create-goal-card-head p{margin:2px 0 0;font-size:13px;line-height:20px;color:#667085}
.journal-create-goal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.journal-create-goal-field--full{grid-column:1/-1}.journal-create-goal-field--span2{grid-column:span 2}
.journal-create-goal-field{display:flex;flex-direction:column;gap:8px;min-width:0}.journal-create-goal-field>span{font-size:14px;line-height:20px;color:#344054;font-weight:600}.journal-create-goal-field b{color:#DC2626}
.journal-create-goal-field input,.journal-create-goal-field select{width:100%;min-height:42px;padding:0 16px;border:1px solid #D0D5DD;border-radius:12px;background:#fff;font-size:14px;line-height:20px;color:#111827;outline:none}.journal-create-goal-field input:focus,.journal-create-goal-field select:focus{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.journal-create-goal-select-wrap,.journal-create-goal-date-wrap{position:relative}.journal-create-goal-select-wrap select{padding-right:40px;appearance:none}.journal-create-goal-select-wrap img,.journal-create-goal-date-wrap img{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none}.journal-create-goal-date-wrap input{padding-right:40px}
.journal-create-goal-field-error{min-height:18px;color:#DC2626;font-size:12px;line-height:18px}.journal-create-goal-field-hint{color:#667085;font-size:12px;line-height:18px}
.journal-create-goal-source-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:flex-start;padding:16px 16px;border:1px solid #FCA5A5;border-radius:16px;background:#FFF5F5}.journal-create-goal-source-icon{width:34px;height:34px;border-radius:12px;background:#FEE2E2;display:grid;place-items:center;flex:0 0 34px}.journal-create-goal-source-icon img{width:18px;height:18px}.journal-create-goal-source-card strong{display:block;font-size:15px;line-height:22px;color:#111827}.journal-create-goal-source-card p{margin:4px 0 0;font-size:13px;line-height:20px;color:#475467}.journal-create-goal-source-toggle{width:28px;height:28px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}
.journal-create-goal-inline-note{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border:1px solid #BFDBFE;border-radius:12px;background:#EFF6FF;color:#2563EB;font-size:13px;line-height:20px}.journal-create-goal-inline-note-icon img{width:18px;height:18px}
.journal-create-goal-metric-grid{display:grid;grid-template-columns:1.2fr .9fr .7fr .7fr;gap:12px}
.journal-create-goal-direction-toggle{display:inline-flex;align-items:center;gap:8px;padding:2px;border-radius:999px;background:#F3F4F6;border:1px solid #E5E7EB}.journal-create-goal-direction-option{min-height:32px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#344054;font-size:14px;line-height:20px;font-weight:600;cursor:pointer}.journal-create-goal-direction-option.is-active{background:#111827;color:#fff}
.journal-create-goal-inline-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:42px;border:1px solid #D0D5DD;border-radius:12px;background:#fff;overflow:hidden}.journal-create-goal-inline-control input{border:0;min-height:40px}.journal-create-goal-inline-control span{padding:0 16px;font-size:14px;line-height:20px;color:#475467;border-left:1px solid #E5E7EB;background:#F8FAFC;align-self:stretch;display:inline-flex;align-items:center}.journal-create-goal-inline-control:focus-within{border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.journal-create-goal-success-copy{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#F8FAFC;color:#344054;font-size:13px;line-height:20px}
.journal-create-goal-schedule-grid{display:grid;grid-template-columns:.8fr .8fr 1.2fr;gap:12px}.journal-create-goal-preset-row{display:flex;flex-wrap:wrap;gap:8px}.journal-create-goal-preset-option{min-height:36px;padding:0 16px;border:1px solid #D0D5DD;border-radius:999px;background:#fff;color:#344054;font-size:14px;line-height:20px;font-weight:600;cursor:pointer}.journal-create-goal-preset-option.is-active{background:#111827;border-color:#111827;color:#fff}
.journal-create-goal-activities-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:20px;color:#344054}.journal-create-goal-activities-head strong{font-size:16px;color:#111827}
.journal-create-goal-activity-list{display:flex;flex-direction:column;gap:8px}.journal-create-goal-activity-row{display:grid;grid-template-columns:44px minmax(0,1fr) 40px;align-items:center;border:1px solid #E5E7EB;border-radius:12px;background:#fff;overflow:hidden}.journal-create-goal-activity-index{min-height:42px;display:grid;place-items:center;background:#F8FAFC;border-right:1px solid #E5E7EB;font-size:14px;font-weight:600;color:#344054}.journal-create-goal-activity-row input{border:0;min-height:42px;padding:0 16px;font-size:14px;line-height:20px;color:#111827;outline:none}.journal-create-goal-activity-delete{width:40px;height:42px;border:0;border-left:1px solid #E5E7EB;background:#fff;display:grid;place-items:center;cursor:pointer}.journal-create-goal-activity-delete img{width:16px;height:16px}
.journal-create-goal-add-activity{min-height:38px;border:1.5px solid #9CA3AF;border-radius:999px;background:#fff;color:#111827;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:600;cursor:pointer}
.journal-create-goal-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.journal-create-goal-footer-button{min-height:44px;padding:0 24px;border-radius:999px;font-size:15px;line-height:22px;font-weight:700;cursor:pointer}.journal-create-goal-footer-button--secondary{border:1.5px solid #6B7280;background:#fff;color:#111827}.journal-create-goal-footer-button--primary{margin-left:auto;border:1.5px solid #FDC806;background:#FDC806;color:#111827}
.journal-create-goal-preview{padding:24px;background:#032647;border:1px solid #032647;border-radius:22px;color:#fff;position:sticky;top:20px;display:flex;flex-direction:column;min-height:620px}.journal-create-goal-preview-top{display:flex;flex-direction:column;gap:8px}.journal-create-goal-preview-eyebrow{margin:0;color:#D8E7F8;font-size:14px}.journal-create-goal-preview-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.journal-create-goal-preview-title-row h3{margin:0;font-size:22px;line-height:30px;color:#fff}.journal-create-goal-preview-status{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid #4ADE80;color:#86EFAC;font-size:12px;line-height:18px;font-weight:700;white-space:nowrap}.journal-create-goal-preview-status.is-disabled{border-color:#94A3B8;color:#CBD5E1}.journal-create-goal-preview-context{margin:0;color:#F8FAFC;font-size:14px;line-height:21px}.journal-create-goal-preview-divider{height:1px;background:rgba(255,255,255,.16);margin:16px 0}
.journal-create-goal-preview-section h4{margin:0 0 8px;color:#fff;font-size:16px;line-height:24px}.journal-create-goal-preview-metrics,.journal-create-goal-preview-activities{display:flex;flex-direction:column;gap:8px}.journal-create-goal-preview-item{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center}.journal-create-goal-preview-item img{width:20px;height:20px;filter:brightness(0) invert(1)}.journal-create-goal-preview-item strong{font-size:14px;line-height:20px;font-weight:400;color:#fff}.journal-create-goal-preview-item b{font-size:14px;line-height:20px;color:#fff;text-align:right}
.journal-create-goal-preview-progress-ring{--create-goal-progress:0deg;width:138px;height:138px;margin:0 auto 8px;border-radius:50%;background:conic-gradient(#FDC806 var(--create-goal-progress),rgba(255,255,255,.18) 0);display:grid;place-items:center;position:relative}.journal-create-goal-preview-progress-ring::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#032647}.journal-create-goal-preview-progress-ring>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.journal-create-goal-preview-progress-ring strong{font-size:28px;line-height:34px;color:#fff}.journal-create-goal-preview-progress-ring span{font-size:12px;line-height:18px;color:#D8E7F8}.journal-create-goal-preview-progress-copy{text-align:center;font-size:14px;line-height:20px;color:#D8E7F8}
.journal-create-goal-preview-activity{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;font-size:14px;line-height:20px;color:#F8FAFC}.journal-create-goal-preview-activity-mark{width:20px;height:20px;border:2px solid #22C55E;border-radius:50%;display:grid;place-items:center}.journal-create-goal-preview-activity-mark img{width:14px;height:14px}
.journal-create-goal-preview-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.journal-create-goal-preview-cta{min-height:48px;border-radius:999px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:700;cursor:pointer}.journal-create-goal-preview-cta--primary{background:#FDC806;border:1.5px solid #FDC806;color:#111827}.journal-create-goal-preview-cta--secondary{background:transparent;border:1.5px solid rgba(255,255,255,.7);color:#fff}.journal-create-goal-preview-cta--secondary img,.journal-create-goal-preview-note img{filter:brightness(0) invert(1)}
.journal-create-goal-preview-note{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);color:#FDC806;font-size:13px;line-height:20px}.journal-create-goal-preview-note img{width:18px;height:18px;flex:0 0 18px}
.journal-create-goal-preview-cta:disabled,.journal-create-goal-footer-button:disabled,.journal-create-goal-draft-top:disabled{opacity:.55;cursor:not-allowed}





.journal-edit-goal-view{margin-top:16px;padding:0 20px 32px;display:flex;flex-direction:column;gap:8px}.journal-edit-goal-view[hidden]{display:none!important}.journal-edit-goal-navigation{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.journal-edit-goal-back,.journal-edit-goal-history-button{height:36px;padding:0 16px;border:1px solid #98A2B3;border-radius:18px;background:#fff;display:flex;align-items:center;gap:8px;font-size:14px}.journal-edit-goal-back img,.journal-edit-goal-history-button img{width:18px}.journal-edit-goal-headingwrap{text-align:center}.journal-edit-goal-headingwrap h2{margin:0;font-size:22px}.journal-edit-goal-headingwrap p{margin:2px 0 0;color:#667085;font-size:14px}.journal-edit-goal-lock-notice,.journal-edit-goal-audit-note{padding:8px 12px;border:1px solid #93C5FD;border-radius:10px;background:#EAF5FF;color:#2563EB;display:flex;align-items:center;gap:8px;font-size:13px}.journal-edit-goal-lock-notice img,.journal-edit-goal-audit-note img{width:18px}.journal-edit-goal-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.journal-edit-goal-main{display:flex;flex-direction:column;gap:8px}.journal-edit-goal-card{padding:16px 16px;border:1px solid #E5E7EB;border-radius:16px;background:#fff}.journal-edit-goal-card h3{margin:0 0 8px;font-size:18px}.journal-edit-goal-info-grid,.journal-edit-goal-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.journal-edit-goal-metric-grid{grid-template-columns:repeat(4,1fr)}.journal-edit-goal-field{display:flex;flex-direction:column;gap:5px}.journal-edit-goal-field--full{grid-column:1/-1}.journal-edit-goal-field>span{font-size:13px;font-weight:600}.journal-edit-goal-field b{color:#DC2626}.journal-edit-goal-field input,.journal-edit-goal-field textarea{border:1px solid #D0D5DD;border-radius:9px;font:inherit}.journal-edit-goal-field input{height:38px;padding:0 12px}.journal-edit-goal-field textarea{padding:8px 12px}.journal-edit-goal-error{min-height:14px;font-size:11px;color:#DC2626}.journal-edit-goal-locked-control,.journal-edit-goal-derived-control{height:38px;padding:0 11px;border-radius:8px;background:#F1F3F6;color:#667085;display:flex;align-items:center;gap:8px;font-size:13px}.journal-edit-goal-locked-control img{width:15px}.journal-edit-goal-derived-control{background:#fff;border:1px solid #E5E7EB;color:#111827;font-weight:700}.journal-edit-goal-source-card{padding:8px 12px;border-left:3px solid #EF4444;border-radius:8px;background:#F5F6F8;display:grid;grid-template-columns:22px 1fr;gap:8px}.journal-edit-goal-source-card img{width:19px}.journal-edit-goal-source-card p{margin:2px 0 0;font-size:12px;color:#667085}.journal-edit-goal-status-toggle{display:flex;gap:8px}.journal-edit-goal-status-toggle button{height:34px;padding:0 17px;border:1px solid #D0D5DD;border-radius:17px;background:#fff}.journal-edit-goal-status-toggle button.is-active{background:#111;color:#fff;border-color:#111}.journal-edit-goal-inline-control{display:grid;grid-template-columns:1fr auto;border:1px solid #D0D5DD;border-radius:9px;overflow:hidden}.journal-edit-goal-inline-control input{border:0}.journal-edit-goal-inline-control span{display:flex;align-items:center;padding:0 8px;background:#F8FAFC;border-left:1px solid #E5E7EB}.journal-edit-goal-date-wrap{position:relative}.journal-edit-goal-date-wrap img{position:absolute;right:10px;top:10px;width:18px}.journal-edit-goal-recalc-note{margin-top:8px;padding:8px 8px;border-radius:9px;background:#EFF6FF;color:#2563EB;font-size:12px;display:flex;gap:8px}.journal-edit-goal-recalc-note img{width:17px}.journal-edit-goal-activity-list{border:1px solid #E5E7EB;border-radius:9px;overflow:hidden}.journal-edit-goal-activity-row{min-height:34px;display:grid;grid-template-columns:26px 28px 26px 1fr 36px;align-items:center;border-bottom:1px solid #E5E7EB;font-size:13px}.journal-edit-goal-activity-row:last-child{border-bottom:0}.journal-edit-goal-drag{width:15px;margin:auto}.journal-edit-goal-valid img{width:17px}.journal-edit-goal-activity-row button{height:34px;border:0;background:transparent}.journal-edit-goal-activity-row button img{width:16px}.journal-edit-goal-add-activity{width:100%;height:32px;margin-top:8px;border:1px solid #98A2B3;border-radius:16px;background:#fff}.journal-edit-goal-reason-field{margin-top:8px}.journal-edit-goal-footer-actions{display:flex;justify-content:space-between}.journal-edit-goal-footer-button{height:40px;padding:0 20px;border-radius:20px;font-weight:700;display:flex;align-items:center;gap:8px}.journal-edit-goal-footer-button img{width:18px}.journal-edit-goal-footer-button--secondary{background:#fff;border:1px solid #667085}.journal-edit-goal-footer-button--primary{margin-left:auto;background:#FDC806;border:1px solid #FDC806}.journal-edit-goal-footer-button:disabled,.journal-edit-goal-panel-action:disabled{opacity:.45}.journal-edit-goal-panel{padding:24px;background:#032647;color:#fff;border-radius:20px;position:sticky;top:18px}.journal-edit-goal-panel-eyebrow{margin:0 0 8px;color:#D8E7F8}.journal-edit-goal-panel-title-row{display:flex;justify-content:space-between;gap:8px}.journal-edit-goal-panel-title-row h3{margin:0;font-size:22px}.journal-edit-goal-panel-status{padding:8px 8px;border:1px solid #60A5FA;border-radius:16px;color:#93C5FD;font-size:12px}.journal-edit-goal-panel-context{font-size:14px}.journal-edit-goal-panel-divider{height:1px;background:rgba(255,255,255,.18);margin:16px 0}.journal-edit-goal-progress-ring{--edit-goal-progress:0deg;width:132px;height:132px;margin:auto;border-radius:50%;background:conic-gradient(#FDC806 var(--edit-goal-progress),rgba(255,255,255,.18) 0);display:grid;place-items:center;position:relative}.journal-edit-goal-progress-ring:after{content:"";width:96px;height:96px;background:#032647;border-radius:50%;position:absolute}.journal-edit-goal-progress-ring div{z-index:1;text-align:center}.journal-edit-goal-progress-ring strong{display:block;font-size:28px}.journal-edit-goal-progress-ring span{font-size:11px;color:#D8E7F8}.journal-edit-goal-panel-section h4{font-size:15px;margin:0 0 8px}.journal-edit-goal-panel-list{display:flex;flex-direction:column;gap:8px}.journal-edit-goal-panel-item{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;font-size:12px}.journal-edit-goal-panel-item img{width:18px;filter:brightness(0) invert(1)}.journal-edit-goal-panel-item em{color:#4ADE80;font-style:normal;font-weight:700}.journal-edit-goal-panel-empty{color:#AFC5DA;font-size:12px}.journal-edit-goal-editor-card{margin-top:16px;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:11px;display:flex;gap:8px;align-items:center}.journal-edit-goal-avatar{width:34px;height:34px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-weight:700}.journal-edit-goal-editor-card div:last-child{display:flex;flex-direction:column}.journal-edit-goal-editor-card span{font-size:11px;color:#D8E7F8}.journal-edit-goal-panel-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.journal-edit-goal-panel-action{height:44px;border-radius:22px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.journal-edit-goal-panel-action img{width:18px}.journal-edit-goal-panel-action--primary{background:#FDC806;border:1px solid #FDC806}.journal-edit-goal-panel-action--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.8)}.journal-edit-goal-panel-action--secondary img,.journal-edit-goal-panel-note img{filter:brightness(0) invert(1)}.journal-edit-goal-panel-note{color:#FDC806;font-size:12px;display:flex;gap:8px;margin-bottom:0}.journal-edit-goal-panel-note img{width:17px}.journal-edit-goal-history{padding:15px;border:1px solid #E5E7EB;border-radius:14px;background:#fff}.journal-edit-goal-history[hidden]{display:none!important}.journal-edit-goal-history-head{display:flex;justify-content:space-between}.journal-edit-goal-history-head h3{margin:0}.journal-edit-goal-history-head p{margin:2px 0;font-size:12px;color:#667085}.journal-edit-goal-history-head button{width:32px;height:32px;border-radius:50%;border:1px solid #D0D5DD;background:#fff}.journal-edit-goal-history-head img{width:15px}.journal-edit-goal-history-list{margin-top:8px}.journal-edit-goal-history-row{padding:8px;border:1px solid #E5E7EB;border-radius:10px;margin-top:8px}.journal-edit-goal-history-row p{margin:5px 0 0;font-size:12px}.journal-edit-goal-history-empty{text-align:center;padding:16px;color:#667085;font-size:12px}




/* Create System View — Central Size Constitution scoped override */
.journal-create-system-view{position:relative;margin-top:16px;display:grid;gap:16px;min-width:0;font-family:"Roboto","Noto Sans Thai",Arial,sans-serif;color:#171717;background:#FDFDFD}
.journal-create-system-view[hidden]{display:none!important}
.journal-create-system-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:24px}
.journal-create-system-headingwrap{text-align:center;display:grid;gap:0;min-width:0}
.journal-create-system-headingwrap h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#000;outline:none}
.journal-create-system-headingwrap p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#666}
.journal-create-system-button{height:36px;min-height:36px;padding:0 16px;border-radius:18px;border:1px solid #171717;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-create-system-button:hover{background:#F7F7F7}
.journal-create-system-icon,.journal-create-system-form-action img{width:24px;height:24px;flex:0 0 24px;object-fit:contain}
.journal-create-system-layout{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(360px,.92fr);gap:24px;align-items:start}
.journal-create-system-main{display:grid;gap:24px;min-width:0}
.journal-create-system-card{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:16px;display:grid;gap:16px}
.journal-create-system-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.journal-create-system-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-create-system-card-head p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#666}
.journal-create-system-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 16px}
.journal-create-system-field{display:grid;gap:8px;align-content:start;min-width:0;font-size:14px;line-height:20px;font-weight:400;color:#171717}
.journal-create-system-field>span{font-weight:500;color:#171717}
.journal-create-system-field>span b{color:#D34646;font-weight:500}
.journal-create-system-field--full{grid-column:1/-1}
.journal-create-system-field input,.journal-create-system-field select,.journal-create-system-field textarea,.journal-create-system-readonly{width:100%;border:1px solid #E6E6E6;border-radius:12px;background:#FDFDFD;color:#171717;font-family:inherit;font-size:14px;line-height:20px;font-weight:400;box-sizing:border-box}
.journal-create-system-field input,.journal-create-system-field select,.journal-create-system-readonly{height:40px;min-height:40px;padding:0 16px}
.journal-create-system-field textarea{min-height:64px;padding:8px 16px;resize:vertical}
.journal-create-system-field input:focus,.journal-create-system-field select:focus,.journal-create-system-field textarea:focus{outline:2px solid #000;outline-offset:1px;border-color:#000}
.journal-create-system-readonly{display:flex;align-items:center;gap:8px;background:#F7F7F7;color:#8A8A8A}
.journal-create-system-readonly img{width:20px;height:20px;flex:0 0 20px;opacity:.72}
.journal-create-system-field small{font-size:12px;line-height:16px;color:#8A8A8A;font-weight:400}
.journal-create-system-notice{min-height:40px;border:1px solid #B9DDF8;border-radius:10px;background:#EEF8FF;color:#2877B6;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:400;box-sizing:border-box}
.journal-create-system-notice img{width:20px;height:20px;flex:0 0 20px}
.journal-create-system-status-toggle{height:40px;min-height:40px;border:1px solid #E6E6E6;border-radius:20px;background:#F7F7F7;padding:2px;display:flex;align-items:center;gap:0;overflow:hidden}
.journal-create-system-status-option{flex:1;height:34px;border:0;border-radius:18px;background:transparent;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-create-system-status-option.is-active{background:#000;color:#FDFDFD}
.journal-create-system-status-option:disabled{cursor:not-allowed;color:#8A8A8A;opacity:1}
.journal-create-system-status-option img{width:20px;height:20px;flex:0 0 20px}
.journal-create-system-preview{position:sticky;top:20px;min-height:600px;padding:24px;border-radius:16px;background:#032647;color:#FDFDFD;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}
.journal-create-system-preview-top{display:grid;gap:4px}
.journal-create-system-preview-eyebrow{margin:0;font-size:14px;line-height:20px;font-weight:400;color:rgba(255,255,255,.82)}
.journal-create-system-preview-top h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#FDFDFD}
.journal-create-system-preview-top>p:not(.journal-create-system-preview-eyebrow){margin:0;font-size:14px;line-height:20px;color:#FDFDFD}
.journal-create-system-preview-status{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;line-height:20px;font-weight:500;color:#FDFDFD}
.journal-create-system-preview-status>span{width:16px;height:16px;border-radius:50%;background:#FDC806;flex:0 0 16px}
.journal-create-system-preview-status strong{font-size:14px;line-height:20px;font-weight:500}
.journal-create-system-preview-version{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22);font-size:14px;line-height:20px}
.journal-create-system-preview-version span{font-weight:400;color:rgba(255,255,255,.82)}
.journal-create-system-preview-version strong{font-weight:500;color:#FDFDFD}
.journal-create-system-preview-section{padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}
.journal-create-system-preview-section h4{margin:0 0 16px;font-size:20px;line-height:28px;font-weight:600;color:#FDFDFD}
.journal-create-system-readiness-list{display:grid;gap:8px}
.journal-create-system-readiness-list>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;font-size:14px;line-height:20px}
.journal-create-system-readiness-list img{width:24px;height:24px;filter:none}
.journal-create-system-empty-dot{width:24px;height:24px;border:2px solid rgba(255,255,255,.55);border-radius:50%;box-sizing:border-box}
.journal-create-system-readiness-list span{color:#FDFDFD}
.journal-create-system-readiness-list strong{font-size:14px;line-height:20px;font-weight:400;color:rgba(255,255,255,.65);white-space:nowrap}
.journal-create-system-readiness-list strong.is-ready{color:#64C77A;font-weight:500}
.journal-create-system-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font-size:14px;line-height:20px;color:#FDFDFD}
.journal-create-system-progress-meta strong{font-weight:500}
.journal-create-system-progress{height:8px;margin-top:8px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden}
.journal-create-system-progress span{display:block;height:100%;background:#FDC806;border-radius:4px}
.journal-create-system-preview-actions{display:grid;gap:8px;margin-top:auto}
.journal-create-system-form-action{height:40px;min-height:40px;padding:0 16px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-create-system-form-action--primary{border:1px solid #FDC806;background:#FDC806;color:#000}
.journal-create-system-form-action--secondary{border:1px solid rgba(255,255,255,.75);background:transparent;color:#FDFDFD}
.journal-create-system-form-action--secondary img{filter:brightness(0) invert(1)}
.journal-create-system-preview-warning{padding-top:16px;border-top:1px solid rgba(255,255,255,.22);display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:14px;line-height:20px;font-weight:400}
.journal-create-system-preview-warning img{width:20px;height:20px;flex:0 0 20px;filter:none}
.journal-create-system-button:focus-visible,.journal-create-system-form-action:focus-visible,.journal-create-system-status-option:focus-visible{outline:2px solid #000;outline-offset:2px}
.journal-create-system-preview .journal-create-system-form-action:focus-visible{outline-color:#FDFDFD}



/* Create System navigation handoff — scoped only to System Management toolbar */
.journal-system-management-toolbar-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}


/* Edit System View — scoped; Central Size Constitution */
.journal-edit-system-view{padding:0 24px 32px;font-family:Roboto,"Noto Sans Thai",Arial,sans-serif;color:#171717;box-sizing:border-box}
.journal-edit-system-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:16px}.journal-edit-system-headingwrap{text-align:center}.journal-edit-system-headingwrap h2{margin:0;font-size:20px;line-height:28px;font-weight:700}.journal-edit-system-headingwrap p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#6b7280}.journal-edit-system-navigation>.journal-edit-system-button:last-child{justify-self:end}
.journal-edit-system-button{height:36px;min-height:36px;padding:0 16px;border-radius:18px;font-size:14px;line-height:20px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.journal-edit-system-button--secondary{border:1px solid #171717;background:#FDFDFD;color:#171717}.journal-edit-system-button img{width:24px;height:24px;flex:0 0 24px}
.journal-edit-system-identity{display:flex;align-items:center;gap:16px;min-height:36px;margin-bottom:16px;font-size:14px;line-height:20px}.journal-edit-system-divider{width:1px;height:24px;background:#d9d9d9}.journal-edit-system-status-pill{padding:4px 12px;border:1px solid #28b463;border-radius:16px;color:#178b4b;font-weight:500}
.journal-edit-system-layout{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(360px,.92fr);gap:24px;align-items:start}.journal-edit-system-main{display:grid;gap:24px}.journal-edit-system-card{padding:16px;border:1px solid #e3e3e3;border-radius:16px;background:#FDFDFD}.journal-edit-system-card-head{margin-bottom:16px}.journal-edit-system-card-head h3,.journal-edit-system-summary h3,.journal-edit-system-summary h4{margin:0;font-size:20px;line-height:28px;font-weight:600}.journal-edit-system-card-head p{margin:0;font-size:14px;line-height:20px;color:#6b7280}
.journal-edit-system-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.journal-edit-system-field{display:grid;gap:8px;min-width:0;font-size:14px;line-height:20px;font-weight:500}.journal-edit-system-field--full{grid-column:1/-1}.journal-edit-system-field b{color:#d92d20}.journal-edit-system-field input,.journal-edit-system-field select,.journal-edit-system-field textarea{width:100%;box-sizing:border-box;border:1px solid #d8dce2;border-radius:8px;background:#FDFDFD;color:#171717;font:400 14px/20px inherit;padding:8px 12px}.journal-edit-system-field input,.journal-edit-system-field select{height:40px}.journal-edit-system-field textarea{resize:vertical;min-height:64px}.journal-edit-system-readonly{height:40px;box-sizing:border-box;border-radius:8px;background:#f1f3f6;color:#667085;padding:0 12px;display:flex;align-items:center;gap:8px;font-weight:400}.journal-edit-system-readonly img{width:20px;height:20px}
.journal-edit-system-notice{margin-top:16px;min-height:36px;padding:8px 12px;box-sizing:border-box;border:1px solid #8ed0f5;border-radius:8px;background:#eaf7ff;color:#1474b8;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:400}.journal-edit-system-notice img{width:20px;height:20px}
.journal-edit-system-status-toggle{height:40px;padding:2px;border-radius:20px;background:#f3f4f6;display:flex}.journal-edit-system-status-toggle button{flex:1;border:0;border-radius:18px;background:transparent;font:500 14px/20px inherit}.journal-edit-system-status-toggle button.is-active{background:#000;color:#FDFDFD}
.journal-edit-system-summary{position:sticky;top:20px;min-height:600px;padding:24px;border-radius:16px;background:#032647;color:#FDFDFD;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}.journal-edit-system-eyebrow,.journal-edit-system-summary p{margin:0;font-size:14px;line-height:20px}.journal-edit-system-summary-status{display:flex;align-items:center;gap:8px;margin-top:8px;color:#41d17b;font-size:14px;line-height:20px}.journal-edit-system-summary-version{display:flex;justify-content:space-between;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.22);font-size:14px;line-height:20px}.journal-edit-system-summary-section{padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}.journal-edit-system-summary-section h4{margin-bottom:16px}.journal-edit-system-summary-list{display:grid;gap:8px}.journal-edit-system-summary-list>div,.journal-edit-system-lastedit{display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:20px}.journal-edit-system-summary-actions{display:grid;gap:8px;margin-top:auto}.journal-edit-system-form-action{height:40px;border-radius:20px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}.journal-edit-system-form-action img{width:24px;height:24px}.journal-edit-system-form-action--primary{border:1px solid #FDC806;background:#FDC806;color:#000}.journal-edit-system-form-action--secondary{border:1px solid rgba(255,255,255,.8);background:transparent;color:#FDFDFD}.journal-edit-system-warning{padding-top:16px;border-top:1px solid rgba(255,255,255,.22);display:flex;gap:8px;color:#FDC806;font-size:14px;line-height:20px}.journal-edit-system-button:focus-visible,.journal-edit-system-form-action:focus-visible,.journal-edit-system-status-toggle button:focus-visible{outline:2px solid #000;outline-offset:2px}




/* Create Strategy View — scoped Central Size Constitution */
.journal-create-strategy-view{position:relative;margin-top:16px;display:grid;gap:16px;min-width:0;font-family:"Roboto","Noto Sans Thai",Arial,sans-serif;color:#171717;background:#FDFDFD}
.journal-create-strategy-view[hidden]{display:none!important}
.journal-create-strategy-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:24px}
.journal-create-strategy-headingwrap{text-align:center;display:grid;gap:0;min-width:0}
.journal-create-strategy-headingwrap h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#000;outline:none}
.journal-create-strategy-headingwrap p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#666}
.journal-create-strategy-button{height:36px;min-height:36px;padding:0 16px;border-radius:18px;border:1px solid #171717;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-create-strategy-button:hover{background:#F7F7F7}
.journal-create-strategy-icon,.journal-create-strategy-form-action img{width:24px;height:24px;flex:0 0 24px;object-fit:contain}
.journal-create-strategy-context{min-height:28px;display:flex;align-items:center;gap:16px;font-size:14px;line-height:20px;font-weight:400;color:#171717}
.journal-create-strategy-context strong{font-weight:500}
.journal-create-strategy-context>img{width:20px;height:20px;flex:0 0 20px}
.journal-create-strategy-context-divider{width:1px;height:20px;background:#D9D9D9}
.journal-create-strategy-context-status{height:32px;padding:0 12px;border:1px solid #53C989;border-radius:16px;display:inline-flex;align-items:center;gap:8px;color:#2E9D63}
.journal-create-strategy-context-status>span{width:16px;height:16px;border-radius:50%;background:#21BE72}
.journal-create-strategy-layout{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(360px,.92fr);gap:24px;align-items:start}
.journal-create-strategy-main{display:grid;gap:24px;min-width:0}
.journal-create-strategy-card{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:16px;display:grid;gap:16px}
.journal-create-strategy-card-head{display:grid;gap:0}
.journal-create-strategy-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-create-strategy-card-head p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#666}
.journal-create-strategy-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.journal-create-strategy-field{display:grid;gap:8px;align-content:start;min-width:0;font-size:14px;line-height:20px;font-weight:400;color:#171717}
.journal-create-strategy-field>span{font-weight:500;color:#171717}
.journal-create-strategy-field>span b{color:#D34646;font-weight:500}
.journal-create-strategy-field--full{grid-column:1/-1}
.journal-create-strategy-field input,.journal-create-strategy-field textarea,.journal-create-strategy-readonly{width:100%;border:1px solid #E6E6E6;border-radius:12px;background:#FDFDFD;color:#171717;font-family:inherit;font-size:14px;line-height:20px;font-weight:400;box-sizing:border-box}
.journal-create-strategy-field input,.journal-create-strategy-readonly{height:40px;min-height:40px;padding:0 16px}
.journal-create-strategy-field textarea{min-height:64px;padding:8px 16px;resize:vertical}
.journal-create-strategy-field input:focus,.journal-create-strategy-field textarea:focus{outline:2px solid #000;outline-offset:1px;border-color:#000}
.journal-create-strategy-readonly{display:flex;align-items:center;gap:8px;background:#F7F7F7;color:#8A8A8A}
.journal-create-strategy-readonly img{width:20px;height:20px;flex:0 0 20px;opacity:.72}
.journal-create-strategy-field small{font-size:12px;line-height:16px;color:#8A8A8A;font-weight:400}
.journal-create-strategy-notice{min-height:40px;border:1px solid #B9DDF8;border-radius:10px;background:#EEF8FF;color:#2877B6;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:400;box-sizing:border-box}
.journal-create-strategy-notice img{width:20px;height:20px;flex:0 0 20px}
.journal-create-strategy-status-toggle{height:40px;min-height:40px;border:1px solid #E6E6E6;border-radius:20px;background:#F7F7F7;padding:2px;display:flex;align-items:center;gap:0;overflow:hidden}
.journal-create-strategy-status-option{flex:1;height:34px;border:0;border-radius:18px;background:transparent;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-create-strategy-status-option.is-active{background:#000;color:#FDFDFD}
.journal-create-strategy-status-option:disabled{cursor:not-allowed;color:#8A8A8A;opacity:1}
.journal-create-strategy-status-option img{width:20px;height:20px;flex:0 0 20px}
.journal-create-strategy-preview{position:sticky;top:20px;min-height:600px;padding:24px;border-radius:16px;background:#032647;color:#FDFDFD;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}
.journal-create-strategy-preview-top{display:grid;gap:4px}
.journal-create-strategy-preview-eyebrow{margin:0;font-size:14px;line-height:20px;font-weight:400;color:rgba(255,255,255,.82)}
.journal-create-strategy-preview-top h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#FDFDFD}
.journal-create-strategy-preview-top>p:not(.journal-create-strategy-preview-eyebrow){margin:0;font-size:14px;line-height:20px;color:#FDFDFD}
.journal-create-strategy-preview-top>p strong{font-weight:500}
.journal-create-strategy-preview-status{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;line-height:20px;font-weight:500;color:#FDFDFD}
.journal-create-strategy-preview-status>span{width:16px;height:16px;border-radius:50%;background:#FDC806;flex:0 0 16px}
.journal-create-strategy-preview-version{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;padding-top:8px;font-size:14px;line-height:20px}
.journal-create-strategy-preview-version span{font-weight:400;color:rgba(255,255,255,.82)}
.journal-create-strategy-preview-version strong{font-weight:500;color:#FDFDFD}
.journal-create-strategy-preview-section{padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}
.journal-create-strategy-preview-section h4{margin:0 0 16px;font-size:20px;line-height:28px;font-weight:600;color:#FDFDFD}
.journal-create-strategy-readiness-list{display:grid;gap:8px}
.journal-create-strategy-readiness-list>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;font-size:14px;line-height:20px}
.journal-create-strategy-empty-dot,.journal-create-strategy-ready-indicator{width:24px;height:24px;border:2px solid rgba(255,255,255,.55);border-radius:50%;box-sizing:border-box}
.journal-create-strategy-ready-indicator.is-ready{border-color:#21BE72;position:relative}
.journal-create-strategy-ready-indicator.is-ready:after{content:"";position:absolute;left:6px;top:3px;width:7px;height:12px;border-right:2px solid #21BE72;border-bottom:2px solid #21BE72;transform:rotate(45deg)}
.journal-create-strategy-readiness-list span{color:#FDFDFD}
.journal-create-strategy-readiness-list strong{font-size:14px;line-height:20px;font-weight:400;color:rgba(255,255,255,.65);white-space:nowrap}
.journal-create-strategy-readiness-list strong.is-ready{color:#64C77A;font-weight:500}
.journal-create-strategy-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font-size:14px;line-height:20px;color:#FDFDFD}
.journal-create-strategy-progress-meta strong{font-weight:500}
.journal-create-strategy-progress{height:8px;margin-top:8px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden}
.journal-create-strategy-progress span{display:block;height:100%;background:#FDC806;border-radius:4px}
.journal-create-strategy-preview-actions{display:grid;gap:8px;margin-top:auto}
.journal-create-strategy-form-action{height:40px;min-height:40px;padding:0 16px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-create-strategy-form-action--primary{border:1px solid #FDC806;background:#FDC806;color:#000}
.journal-create-strategy-form-action--primary:disabled{cursor:not-allowed;opacity:.58}
.journal-create-strategy-form-action--secondary{border:1px solid rgba(255,255,255,.75);background:transparent;color:#FDFDFD}
.journal-create-strategy-form-action--secondary img{filter:brightness(0) invert(1)}
.journal-create-strategy-preview-warning{padding-top:16px;border-top:1px solid rgba(255,255,255,.22);display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:14px;line-height:20px;font-weight:400}
.journal-create-strategy-preview-warning img{width:20px;height:20px;flex:0 0 20px}
.journal-create-strategy-button:focus-visible,.journal-create-strategy-form-action:focus-visible,.journal-create-strategy-status-option:focus-visible{outline:2px solid #000;outline-offset:2px}
.journal-create-strategy-preview .journal-create-strategy-form-action:focus-visible{outline-color:#FDFDFD}




/* Create Event View — scoped Central Size Constitution */
/* Create Event View — scoped Central Size Constitution */
.journal-create-event-view{position:relative;margin-top:16px;display:grid;gap:16px;min-width:0;font-family:"Roboto","Noto Sans Thai",Arial,sans-serif;color:#171717;background:#FDFDFD}
.journal-create-event-view[hidden]{display:none!important}
.journal-create-event-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:24px}
.journal-create-event-headingwrap{text-align:center;display:grid;gap:0;min-width:0}
.journal-create-event-headingwrap h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#000;outline:none}
.journal-create-event-headingwrap p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#666}
.journal-create-event-button{height:36px;min-height:36px;padding:0 16px;border-radius:18px;border:1px solid #171717;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}
.journal-create-event-button:hover{background:#F7F7F7}
.journal-create-event-icon,.journal-create-event-form-action img{width:24px;height:24px;flex:0 0 24px;object-fit:contain}
.journal-create-event-context{min-height:28px;display:flex;align-items:center;gap:16px;font-size:14px;line-height:20px;font-weight:400;color:#171717}
.journal-create-event-context strong{font-weight:500}
.journal-create-event-context>img{width:20px;height:20px;flex:0 0 20px}
.journal-create-event-context-divider{width:1px;height:20px;background:#D9D9D9}
.journal-create-event-context-status{height:32px;padding:0 12px;border:1px solid #53C989;border-radius:16px;display:inline-flex;align-items:center;gap:8px;color:#2E9D63}
.journal-create-event-context-status>span{width:16px;height:16px;border-radius:50%;background:#21BE72}
.journal-create-event-layout{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(360px,.92fr);gap:24px;align-items:start}
.journal-create-event-main{display:grid;gap:24px;min-width:0}
.journal-create-event-card{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:16px;display:grid;gap:16px}
.journal-create-event-card-head{display:grid;gap:0}
.journal-create-event-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-create-event-card-head p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#666}
.journal-create-event-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.journal-create-event-field{display:grid;gap:8px;align-content:start;min-width:0;font-size:14px;line-height:20px;font-weight:400;color:#171717}
.journal-create-event-field>span{font-weight:500;color:#171717}
.journal-create-event-field>span b{color:#D34646;font-weight:500}
.journal-create-event-field--full{grid-column:1/-1}
.journal-create-event-field input,.journal-create-event-field textarea,.journal-create-event-field select,.journal-create-event-readonly{width:100%;border:1px solid #E6E6E6;border-radius:12px;background:#FDFDFD;color:#171717;font-family:inherit;font-size:14px;line-height:20px;font-weight:400;box-sizing:border-box}
.journal-create-event-field input,.journal-create-event-field select,.journal-create-event-readonly{height:40px;min-height:40px;padding:0 16px}
.journal-create-event-field textarea{min-height:64px;padding:8px 16px;resize:vertical}
.journal-create-event-field input:focus,.journal-create-event-field textarea:focus,.journal-create-event-field select:focus{outline:2px solid #000;outline-offset:1px;border-color:#000}
.journal-create-event-readonly{display:flex;align-items:center;gap:8px;background:#F7F7F7;color:#8A8A8A}
.journal-create-event-readonly img{width:20px;height:20px;flex:0 0 20px;opacity:.72}
.journal-create-event-field small{font-size:12px;line-height:16px;color:#8A8A8A;font-weight:400}
.journal-create-event-notice{min-height:40px;border:1px solid #B9DDF8;border-radius:10px;background:#EEF8FF;color:#2877B6;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:400;box-sizing:border-box}
.journal-create-event-notice img{width:20px;height:20px;flex:0 0 20px}
.journal-create-event-status-toggle{height:40px;min-height:40px;border:1px solid #E6E6E6;border-radius:20px;background:#F7F7F7;padding:2px;display:flex;align-items:center;gap:0;overflow:hidden}
.journal-create-event-status-option{flex:1;height:34px;border:0;border-radius:18px;background:transparent;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-create-event-status-option.is-active{background:#000;color:#FDFDFD}
.journal-create-event-status-option:disabled{cursor:not-allowed;color:#8A8A8A;opacity:1}
.journal-create-event-status-option img{width:20px;height:20px;flex:0 0 20px}
.journal-create-event-preview{position:sticky;top:20px;min-height:600px;padding:24px;border-radius:16px;background:#032647;color:#FDFDFD;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}
.journal-create-event-preview-top{display:grid;gap:4px}
.journal-create-event-preview-eyebrow{margin:0;font-size:14px;line-height:20px;font-weight:400;color:rgba(255,255,255,.82)}
.journal-create-event-preview-top h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#FDFDFD}
.journal-create-event-preview-top>p:not(.journal-create-event-preview-eyebrow){margin:0;font-size:14px;line-height:20px;color:#FDFDFD}
.journal-create-event-preview-top>p strong{font-weight:500}
.journal-create-event-preview-status{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;line-height:20px;font-weight:500;color:#FDFDFD}
.journal-create-event-preview-status>span{width:16px;height:16px;border-radius:50%;background:#FDC806;flex:0 0 16px}
.journal-create-event-preview-version{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;padding-top:8px;font-size:14px;line-height:20px}
.journal-create-event-preview-version span{font-weight:400;color:rgba(255,255,255,.82)}
.journal-create-event-preview-version strong{font-weight:500;color:#FDFDFD}
.journal-create-event-preview-section{padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}
.journal-create-event-preview-section h4{margin:0 0 16px;font-size:20px;line-height:28px;font-weight:600;color:#FDFDFD}
.journal-create-event-readiness-list{display:grid;gap:8px}
.journal-create-event-readiness-list>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;font-size:14px;line-height:20px}
.journal-create-event-empty-dot,.journal-create-event-ready-indicator{width:24px;height:24px;border:2px solid rgba(255,255,255,.55);border-radius:50%;box-sizing:border-box}
.journal-create-event-ready-indicator.is-ready{border-color:#21BE72;position:relative}
.journal-create-event-ready-indicator.is-ready:after{content:"";position:absolute;left:6px;top:3px;width:7px;height:12px;border-right:2px solid #21BE72;border-bottom:2px solid #21BE72;transform:rotate(45deg)}
.journal-create-event-readiness-list span{color:#FDFDFD}
.journal-create-event-readiness-list strong{font-size:14px;line-height:20px;font-weight:400;color:rgba(255,255,255,.65);white-space:nowrap}
.journal-create-event-readiness-list strong.is-ready{color:#64C77A;font-weight:500}
.journal-create-event-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font-size:14px;line-height:20px;color:#FDFDFD}
.journal-create-event-progress-meta strong{font-weight:500}
.journal-create-event-progress{height:8px;margin-top:8px;border-radius:4px;background:rgba(255,255,255,.18);overflow:hidden}
.journal-create-event-progress span{display:block;height:100%;background:#FDC806;border-radius:4px}
.journal-create-event-preview-actions{display:grid;gap:8px;margin-top:auto}
.journal-create-event-form-action{height:40px;min-height:40px;padding:0 16px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-create-event-form-action--primary{border:1px solid #FDC806;background:#FDC806;color:#000}
.journal-create-event-form-action--primary:disabled{cursor:not-allowed;opacity:.58}
.journal-create-event-form-action--secondary{border:1px solid rgba(255,255,255,.75);background:transparent;color:#FDFDFD}
.journal-create-event-form-action--secondary img{filter:brightness(0) invert(1)}
.journal-create-event-preview-warning{padding-top:16px;border-top:1px solid rgba(255,255,255,.22);display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:14px;line-height:20px;font-weight:400}
.journal-create-event-preview-warning img{width:20px;height:20px;flex:0 0 20px}
.journal-create-event-button:focus-visible,.journal-create-event-form-action:focus-visible,.journal-create-event-status-option:focus-visible{outline:2px solid #000;outline-offset:2px}
.journal-create-event-preview .journal-create-event-form-action:focus-visible{outline-color:#FDFDFD}




/* Edit Strategy View — scoped Central Size Constitution */
.journal-edit-strategy-view{position:relative;margin-top:16px;display:grid;gap:16px;min-width:0;font-family:"Roboto","Noto Sans Thai",Arial,sans-serif;color:#171717;background:#FDFDFD}
.journal-edit-strategy-view[hidden]{display:none!important}
.journal-edit-strategy-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:24px}
.journal-edit-strategy-headingwrap{text-align:center;display:grid;gap:0;min-width:0}.journal-edit-strategy-headingwrap h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#000;outline:none}.journal-edit-strategy-headingwrap p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#666}
.journal-edit-strategy-button{height:36px;min-height:36px;padding:0 16px;border-radius:18px;border:1px solid #171717;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}.journal-edit-strategy-button img{width:24px;height:24px;flex:0 0 24px}.journal-edit-strategy-button:hover{background:#F7F7F7}
.journal-edit-strategy-context{min-height:32px;display:flex;align-items:center;gap:16px;font-size:14px;line-height:20px;font-weight:400;color:#171717}.journal-edit-strategy-context strong{font-weight:500}.journal-edit-strategy-context>img{width:20px;height:20px;flex:0 0 20px}.journal-edit-strategy-divider{width:1px;height:20px;background:#D9D9D9}.journal-edit-strategy-status-pill{height:32px;padding:0 12px;border:1px solid #53C989;border-radius:16px;display:inline-flex;align-items:center;gap:8px;color:#2E9D63;box-sizing:border-box}.journal-edit-strategy-status-pill>span{width:16px;height:16px;border-radius:50%;background:#21BE72}.journal-edit-strategy-status-pill b{font-size:14px;line-height:20px;font-weight:500}
.journal-edit-strategy-layout{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(360px,.92fr);gap:24px;align-items:start}.journal-edit-strategy-main{display:grid;gap:24px;min-width:0}.journal-edit-strategy-card{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:16px;display:grid;gap:16px}.journal-edit-strategy-card-head{display:grid;gap:0}.journal-edit-strategy-card-head h3,.journal-edit-strategy-summary h3,.journal-edit-strategy-summary h4{margin:0;font-size:20px;line-height:28px;font-weight:600}.journal-edit-strategy-card-head p,.journal-edit-strategy-summary p{margin:0;font-size:14px;line-height:20px;font-weight:400}.journal-edit-strategy-card-head p{color:#666}
.journal-edit-strategy-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.journal-edit-strategy-field{display:grid;gap:8px;align-content:start;min-width:0;font-size:14px;line-height:20px;font-weight:400}.journal-edit-strategy-field>span{font-weight:500}.journal-edit-strategy-field>span b{color:#D34646;font-weight:500}.journal-edit-strategy-field--full{grid-column:1/-1}.journal-edit-strategy-field input,.journal-edit-strategy-field textarea,.journal-edit-strategy-readonly{width:100%;border:1px solid #E6E6E6;border-radius:12px;background:#FDFDFD;color:#171717;font-family:inherit;font-size:14px;line-height:20px;font-weight:400;box-sizing:border-box}.journal-edit-strategy-field input,.journal-edit-strategy-readonly{height:40px;min-height:40px;padding:0 16px}.journal-edit-strategy-field textarea{min-height:64px;padding:8px 16px;resize:vertical}.journal-edit-strategy-field input:focus,.journal-edit-strategy-field textarea:focus{outline:2px solid #000;outline-offset:1px;border-color:#000}.journal-edit-strategy-readonly{display:flex;align-items:center;gap:8px;background:#F1F3F6;color:#667085}.journal-edit-strategy-readonly img{width:20px;height:20px;flex:0 0 20px}.journal-edit-strategy-error{font-size:12px;line-height:16px;color:#D34646}
.journal-edit-strategy-notice{min-height:40px;border:1px solid #B9DDF8;border-radius:10px;background:#EEF8FF;color:#2877B6;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:400;box-sizing:border-box}.journal-edit-strategy-notice img{width:20px;height:20px;flex:0 0 20px}.journal-edit-strategy-version-button{justify-self:start}.journal-edit-strategy-status-toggle{height:40px;min-height:40px;border:1px solid #E6E6E6;border-radius:20px;background:#F7F7F7;padding:2px;display:flex;overflow:hidden}.journal-edit-strategy-status-toggle button{flex:1;height:34px;border:0;border-radius:18px;background:transparent;color:#171717;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}.journal-edit-strategy-status-toggle button.is-active{background:#000;color:#FDFDFD}
.journal-edit-strategy-summary{position:sticky;top:20px;min-height:600px;padding:24px;border-radius:16px;background:#032647;color:#FDFDFD;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}.journal-edit-strategy-summary-top{display:grid;gap:4px}.journal-edit-strategy-eyebrow{color:rgba(255,255,255,.82)}.journal-edit-strategy-summary-top h3{color:#FDFDFD}.journal-edit-strategy-summary-top p{color:#FDFDFD}.journal-edit-strategy-summary-top p strong{font-weight:500}.journal-edit-strategy-summary-status{display:flex;align-items:center;gap:8px;margin-top:8px;color:#41D17B;font-size:14px;line-height:20px;font-weight:500}.journal-edit-strategy-summary-status img{width:20px;height:20px;flex:0 0 20px}.journal-edit-strategy-summary-version{display:flex;justify-content:space-between;gap:16px;margin-top:8px;padding-top:8px;font-size:14px;line-height:20px}.journal-edit-strategy-summary-version span{color:rgba(255,255,255,.82)}.journal-edit-strategy-summary-version strong{font-weight:500}.journal-edit-strategy-summary-section{padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}.journal-edit-strategy-summary-section h4{margin-bottom:16px}.journal-edit-strategy-summary-list{display:grid;gap:8px}.journal-edit-strategy-summary-list>div,.journal-edit-strategy-lastedit{display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:20px}.journal-edit-strategy-summary-list strong,.journal-edit-strategy-lastedit strong{font-weight:500}.journal-edit-strategy-summary-actions{display:grid;gap:8px;margin-top:auto}.journal-edit-strategy-form-action{height:40px;min-height:40px;padding:0 16px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}.journal-edit-strategy-form-action img{width:24px;height:24px;flex:0 0 24px}.journal-edit-strategy-form-action--primary{border:1px solid #FDC806;background:#FDC806;color:#000}.journal-edit-strategy-form-action--primary:disabled{cursor:not-allowed;opacity:.58}.journal-edit-strategy-form-action--secondary{border:1px solid rgba(255,255,255,.75);background:transparent;color:#FDFDFD}.journal-edit-strategy-form-action--secondary img{filter:brightness(0) invert(1)}.journal-edit-strategy-warning{padding-top:16px;border-top:1px solid rgba(255,255,255,.22);display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:14px;line-height:20px}.journal-edit-strategy-warning img{width:20px;height:20px;flex:0 0 20px}.journal-edit-strategy-button:focus-visible,.journal-edit-strategy-form-action:focus-visible,.journal-edit-strategy-status-toggle button:focus-visible{outline:2px solid #000;outline-offset:2px}.journal-edit-strategy-summary .journal-edit-strategy-form-action:focus-visible{outline-color:#FDFDFD}



/* Create Event handoff — Strategy Detail connection only */
.journal-strategy-detail-event-head-actions{display:flex;align-items:center;gap:8px}
.journal-strategy-detail-event-head-actions>span{font-size:14px;line-height:20px;white-space:nowrap}


/* Edit Event View — scoped Central Size Constitution only */
.journal-edit-event-view{padding:0 24px 32px;font-family:Roboto,"Noto Sans Thai",Arial,sans-serif;color:#171717}
.journal-edit-event-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:16px}
.journal-edit-event-headingwrap{text-align:center}.journal-edit-event-headingwrap h2{margin:0;font-size:20px;line-height:28px;font-weight:700}.journal-edit-event-headingwrap p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#667085}
.journal-edit-event-button{height:36px;border:1px solid #171717;border-radius:18px;padding:0 16px;background:#FDFDFD;color:#171717;font-size:14px;line-height:20px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.journal-edit-event-button img{width:24px;height:24px}.journal-edit-event-navigation>.journal-edit-event-button:last-child{justify-self:end}
.journal-edit-event-context{min-height:36px;display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;line-height:20px;white-space:nowrap}.journal-edit-event-context>img{width:20px;height:20px}.journal-edit-event-divider{width:1px;height:20px;background:#D7DCE2}.journal-edit-event-context-status{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid #22C55E;border-radius:16px;color:#16A34A}.journal-edit-event-context-status>span{width:8px;height:8px;border-radius:50%;background:#22C55E}
.journal-edit-event-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.journal-edit-event-main{display:grid;gap:24px}.journal-edit-event-card{border:1px solid #E5E7EB;border-radius:16px;padding:16px;background:#FDFDFD}.journal-edit-event-card-head{margin-bottom:16px}.journal-edit-event-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600}.journal-edit-event-card-head p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#667085}
.journal-edit-event-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.journal-edit-event-field{display:grid;gap:8px;font-size:14px;line-height:20px;font-weight:500}.journal-edit-event-field--full{grid-column:1/-1}.journal-edit-event-field input,.journal-edit-event-field select,.journal-edit-event-field textarea,.journal-edit-event-locked{min-height:40px;border:1px solid #E1E5EA;border-radius:10px;padding:8px 12px;background:#fff;color:#171717;font:400 14px/20px Roboto,"Noto Sans Thai",Arial,sans-serif;box-sizing:border-box}.journal-edit-event-field textarea{resize:vertical}.journal-edit-event-locked{display:flex;align-items:center;gap:8px;background:#F1F3F6;color:#667085}.journal-edit-event-locked img{width:20px;height:20px}.journal-edit-event-field b{color:#E11D48}.journal-edit-event-error{font-size:14px;line-height:20px;color:#B42318;font-weight:400}
.journal-edit-event-status-toggle{display:grid;grid-template-columns:repeat(3,1fr);min-height:40px;border-radius:20px;background:#F3F4F6;padding:2px}.journal-edit-event-status-toggle button{border:0;border-radius:18px;background:transparent;font-size:14px;line-height:20px;font-weight:500}.journal-edit-event-status-toggle button.is-active{background:#000;color:#FDFDFD}
.journal-edit-event-notice{margin-top:16px;min-height:40px;border:1px solid #7DD3FC;border-radius:8px;background:#EAF8FF;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:400;color:#1677C8}.journal-edit-event-notice img{width:24px;height:24px}.journal-edit-event-create-version{margin-top:16px}.journal-edit-event-reason{margin-top:16px}.journal-edit-event-footer-actions{display:flex;justify-content:flex-end;gap:8px}
.journal-edit-event-form-action{height:40px;border-radius:20px;padding:0 16px;font-size:14px;line-height:20px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #171717}.journal-edit-event-form-action img{width:24px;height:24px}.journal-edit-event-form-action--primary{background:#FDC806;border-color:#FDC806;color:#171717}.journal-edit-event-form-action--secondary{background:transparent;color:#FDFDFD;border-color:#FDFDFD}.journal-edit-event-form-action:disabled{opacity:.45;cursor:not-allowed}
.journal-edit-event-summary{background:#06263A;color:#FDFDFD;border-radius:16px;padding:24px;display:grid;gap:16px;position:sticky;top:16px}.journal-edit-event-summary-eyebrow{margin:0;font-size:14px;line-height:20px}.journal-edit-event-summary h3{margin:0;font-size:20px;line-height:28px;font-weight:600}.journal-edit-event-summary>p{margin:0;font-size:14px;line-height:20px}.journal-edit-event-summary-status{display:inline-flex;align-items:center;width:max-content;font-size:14px;line-height:20px;font-weight:500;color:#22C55E}.journal-edit-event-summary-versions{border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);padding:16px 0;display:grid;gap:8px}.journal-edit-event-summary-versions>div,.journal-edit-event-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:20px}.journal-edit-event-summary-section{display:grid;gap:8px}.journal-edit-event-summary-section h4{margin:0;font-size:16px;line-height:20px;font-weight:500}.journal-edit-event-summary-row img{width:24px;height:24px}.journal-edit-event-summary-row span{margin-right:auto}.journal-edit-event-editor{display:flex;align-items:center;gap:12px}.journal-edit-event-avatar{width:36px;height:36px;border-radius:50%;background:#FDC806;color:#171717;display:grid;place-items:center;font-size:14px;font-weight:500}.journal-edit-event-editor>div{display:grid}.journal-edit-event-editor strong,.journal-edit-event-editor span{font-size:14px;line-height:20px}.journal-edit-event-summary-actions{display:grid;gap:8px}.journal-edit-event-summary-actions .journal-edit-event-form-action{width:100%}.journal-edit-event-summary-warning{border-top:1px solid rgba(255,255,255,.25);padding-top:16px;color:#FDC806;display:flex;gap:8px}.journal-edit-event-summary-warning img{width:20px;height:20px}




/* Checklist Version Management — page-scoped Central Size Constitution */
.journal-edit-event-checklist-management{margin-top:8px;height:32px;min-height:32px;padding:0 12px;border:1px solid #171717;border-radius:16px;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 14px/20px Roboto,"Noto Sans Thai",Arial,sans-serif;cursor:pointer}
.journal-edit-event-checklist-management img{width:20px;height:20px;flex:0 0 20px}.journal-edit-event-checklist-management:focus-visible{outline:2px solid #000;outline-offset:2px}
#checklistVersionManagementView.journal-checklist-version-management-view{padding:0 24px 32px;font-family:Roboto,"Noto Sans Thai",Arial,sans-serif;color:#171717;background:#FDFDFD}
.journal-checklist-version-management-view[hidden]{display:none!important}
.journal-cvm-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:16px}.journal-cvm-navigation>.journal-cvm-button:last-child{justify-self:end}
.journal-cvm-headingwrap{text-align:center}.journal-cvm-headingwrap h2{margin:0;font-size:20px;line-height:28px;font-weight:700}.journal-cvm-headingwrap p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#667085}
.journal-cvm-button{height:36px;min-height:36px;padding:0 16px;border:1px solid #171717;border-radius:18px;background:#FDFDFD;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;white-space:nowrap}.journal-cvm-button img{width:24px;height:24px;flex:0 0 24px}
.journal-cvm-context{min-height:32px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden}.journal-cvm-context strong{font-weight:500}.journal-cvm-context-id{margin-left:auto;height:32px;padding:0 12px;border-radius:16px;background:#F5F6F8;display:inline-flex;align-items:center;gap:8px}.journal-cvm-context-id img{width:20px;height:20px}
.journal-cvm-layout{display:grid;grid-template-columns:minmax(0,2.08fr) minmax(360px,.92fr);gap:24px;align-items:start}.journal-cvm-main{display:grid;gap:32px;min-width:0}
.journal-cvm-card{border:1px solid #E6E6E6;border-radius:16px;background:#FDFDFD;padding:16px}.journal-cvm-current-head,.journal-cvm-versions-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.journal-cvm-card h3{margin:0;font-size:20px;line-height:28px;font-weight:600}.journal-cvm-card p{margin:0;font-size:14px;line-height:20px;color:#667085}
.journal-cvm-status{height:32px;padding:0 12px;border:1px solid #39C77A;border-radius:16px;display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;color:#28A864;white-space:nowrap}.journal-cvm-status img{width:20px;height:20px}
.journal-cvm-current-stats{border:1px solid #E6E6E6;border-radius:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.journal-cvm-current-stats>div{min-height:80px;padding:16px;display:grid;align-content:center;text-align:center;border-right:1px solid #E6E6E6}.journal-cvm-current-stats>div:last-child{border-right:0}.journal-cvm-current-stats span{font-size:14px;line-height:20px}.journal-cvm-current-stats strong{font-size:20px;line-height:28px;font-weight:600}
.journal-cvm-info{min-height:40px;padding:8px 12px;border:1px solid #B9DDF8;border-radius:10px;background:#EEF8FF;color:#2877B6;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px}.journal-cvm-info img{width:20px;height:20px;flex:0 0 20px}.journal-cvm-info--neutral{border-color:#E6E6E6;background:#F7F7F7;color:#667085;margin-top:-16px}
.journal-cvm-filter{position:relative;display:flex;align-items:center}.journal-cvm-filter select{height:36px;min-width:160px;padding:0 40px 0 16px;border:1px solid #E6E6E6;border-radius:18px;background:#FDFDFD;font:400 14px/20px inherit;appearance:none}.journal-cvm-filter img{position:absolute;right:12px;width:20px;height:20px;pointer-events:none}
.journal-cvm-table-wrap{overflow-x:auto}.journal-cvm-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;line-height:20px}.journal-cvm-table th,.journal-cvm-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #E6E6E6}.journal-cvm-table th{font-weight:500;color:#333;background:#F8F8F8}.journal-cvm-table td{font-weight:400}.journal-cvm-table tr.is-current{box-shadow:inset 3px 0 0 #000}.journal-cvm-table tr:last-child td{border-bottom:0}.journal-cvm-table strong{font-weight:600}.journal-cvm-table-action{height:32px;padding:0 12px;border:1px solid #171717;border-radius:16px;background:#FDFDFD;color:#171717;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}.journal-cvm-table-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.journal-cvm-table-status img{width:20px;height:20px}.journal-cvm-table-status--active{color:#28A864}.journal-cvm-table-status--history{color:#667085}.journal-cvm-empty{padding:32px;text-align:center}.journal-cvm-empty strong{font-size:16px;line-height:20px;font-weight:500}.journal-cvm-empty p{margin-top:8px}
.journal-cvm-panel{position:sticky;top:20px;min-height:600px;padding:24px;border-radius:16px;background:#032647;color:#FDFDFD;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.journal-cvm-panel-eyebrow{margin:0;font-size:14px;line-height:20px;color:rgba(255,255,255,.82)}.journal-cvm-panel>h3{margin:0;font-size:20px;line-height:28px;font-weight:600}.journal-cvm-panel-status{height:32px;align-self:flex-start;padding:0 12px;border:1px solid #39C77A;border-radius:16px;color:#39C77A;display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px;font-weight:500}.journal-cvm-panel-status img{width:20px;height:20px}.journal-cvm-panel-section{padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}.journal-cvm-panel-section h4{margin:0 0 8px;font-size:16px;line-height:20px;font-weight:500}.journal-cvm-panel-section p{margin:0;font-size:14px;line-height:20px;color:rgba(255,255,255,.82)}.journal-cvm-panel-row{min-height:28px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:14px;line-height:20px}.journal-cvm-panel-row img{width:24px;height:24px}.journal-cvm-panel-row strong{font-weight:500}.journal-cvm-change-icon{width:20px;height:20px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:inline-grid;place-items:center;font-weight:500}.journal-cvm-change-icon--add{border-color:#39C77A;color:#39C77A}.journal-cvm-panel-actions{display:grid;gap:8px;margin-top:auto}.journal-cvm-form-action{height:40px;border-radius:20px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}.journal-cvm-form-action img{width:24px;height:24px}.journal-cvm-form-action--primary{border:1px solid #FDC806;background:#FDC806;color:#171717}.journal-cvm-form-action--secondary{border:1px solid rgba(255,255,255,.9);background:transparent;color:#FDFDFD}.journal-cvm-form-action--secondary img{filter:brightness(0) invert(1)}.journal-cvm-panel-warning{margin:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.2);display:flex;gap:8px;font-size:14px;line-height:20px;color:#FDC806}.journal-cvm-panel-warning img{width:20px;height:20px;flex:0 0 20px}
.journal-cvm-state{min-height:360px;border:1px solid #E6E6E6;border-radius:16px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:32px}.journal-cvm-state[hidden]{display:none!important}.journal-cvm-state img{width:24px;height:24px}.journal-cvm-state h3{margin:0;font-size:20px;line-height:28px;font-weight:600}.journal-cvm-state p{margin:0;font-size:14px;line-height:20px;color:#667085}.journal-checklist-version-management-view button:focus-visible,.journal-checklist-version-management-view select:focus-visible{outline:2px solid #000;outline-offset:2px}




/* System Entitlement Detail — scoped to the dedicated view only. Central-size roles only. */
.journal-entitlement-detail-view{display:grid;gap:16px;min-width:0;padding:0 24px 32px}
.journal-entitlement-detail-view[hidden]{display:none!important}
.journal-entitlement-detail-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px}
.journal-entitlement-detail-heading{text-align:center;min-width:0}
.journal-entitlement-detail-heading h2{margin:0;font-size:20px;line-height:28px;font-weight:700;color:#171717}
.journal-entitlement-detail-heading p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#606060}
.journal-entitlement-detail-button{height:36px;min-height:36px;padding:0 16px;border-radius:18px;font-size:14px;line-height:20px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;cursor:pointer}
.journal-entitlement-detail-button img{width:24px;height:24px;flex:0 0 24px}
.journal-entitlement-detail-button--secondary{border:1px solid #171717;background:#fff;color:#171717}
.journal-entitlement-detail-button--secondary:hover{background:#f7f7f7}
.journal-entitlement-detail-context{display:flex;align-items:center;gap:12px;min-height:32px;font-size:14px;line-height:20px;color:#171717}
.journal-entitlement-detail-context strong{font-weight:500}
.journal-entitlement-detail-context-divider{width:1px;height:20px;background:#d2d2d2}
.journal-entitlement-detail-system-status{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid #59bd76;border-radius:16px;color:#2f9e44}
.journal-entitlement-detail-system-status>span{width:8px;height:8px;border-radius:50%;background:currentColor}
.journal-entitlement-detail-system-status strong{font-weight:500}
.journal-entitlement-detail-system-status.is-paused,.journal-entitlement-detail-system-status.is-draft{border-color:#d2d2d2;color:#606060}
.journal-entitlement-detail-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(360px,.9fr);gap:24px;align-items:start}
.journal-entitlement-detail-main{display:grid;gap:16px;min-width:0}
.journal-entitlement-detail-card{border:1px solid #e6e6e6;border-radius:16px;background:#fff;padding:16px;min-width:0}
.journal-entitlement-detail-card-head{margin-bottom:16px}
.journal-entitlement-detail-card-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:#171717}
.journal-entitlement-detail-card-head p{margin:0;font-size:14px;line-height:20px;font-weight:400;color:#606060}
.journal-entitlement-user-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e6e6e6}
.journal-entitlement-user-identity{display:flex;align-items:center;gap:12px;min-width:0}
.journal-entitlement-user-identity>img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 48px}
.journal-entitlement-user-identity div{display:grid;gap:0;min-width:0}.journal-entitlement-user-identity strong{font-size:16px;line-height:20px;font-weight:600;color:#171717}.journal-entitlement-user-identity span{font-size:14px;line-height:20px;color:#606060}
.journal-entitlement-access-badge{height:36px;padding:0 16px;border:1px solid #52bd71;border-radius:18px;display:inline-flex;align-items:center;gap:8px;color:#2f9e44;font-size:14px;line-height:20px;font-weight:500;white-space:nowrap}
.journal-entitlement-access-badge img{width:20px;height:20px}.journal-entitlement-access-badge.is-unapproved,.journal-entitlement-access-badge.is-suspended,.journal-entitlement-access-badge.is-expired{border-color:#d2d2d2;color:#606060}
.journal-entitlement-identity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0}
.journal-entitlement-identity-grid>div{min-width:0;padding:0 16px 12px 0}.journal-entitlement-identity-grid>div:nth-child(3n+2),.journal-entitlement-identity-grid>div:nth-child(3n+3){border-left:1px solid #e6e6e6;padding-left:16px}
.journal-entitlement-identity-grid dt,.journal-entitlement-time-grid dt{font-size:14px;line-height:20px;color:#606060;font-weight:400}.journal-entitlement-identity-grid dd,.journal-entitlement-time-grid dd{margin:0;font-size:14px;line-height:20px;color:#171717;font-weight:500;overflow-wrap:anywhere}
.journal-entitlement-info{height:36px;padding:0 12px;border:1px solid #8acaf0;background:#eef8ff;border-radius:8px;display:flex;align-items:center;gap:8px;color:#2476a8;font-size:14px;line-height:20px}.journal-entitlement-info img{width:20px;height:20px}
.journal-entitlement-time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.journal-entitlement-time-grid>div{border:1px solid #e6e6e6;border-radius:12px;padding:12px;min-width:0}
.journal-entitlement-evidence-row{margin-top:12px;min-height:44px;border:1px solid #e6e6e6;border-radius:12px;padding:4px 8px 4px 12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;font-size:14px;line-height:20px}.journal-entitlement-evidence-row>span:first-child{display:inline-flex;align-items:center;gap:8px}.journal-entitlement-evidence-row img{width:20px;height:20px}.journal-entitlement-evidence-row strong{font-weight:500}
.journal-entitlement-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.journal-entitlement-permission{min-height:44px;border:1px solid #e6e6e6;border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:12px;font-size:14px;line-height:20px}.journal-entitlement-permission img{width:20px;height:20px;flex:0 0 20px}.journal-entitlement-permission span{min-width:0}.journal-entitlement-permission strong{margin-left:auto;color:#2f9e44;font-weight:500;white-space:nowrap}.journal-entitlement-permission.is-denied strong{color:#606060}
.journal-entitlement-warning{margin-top:12px;min-height:36px;padding:8px 12px;border:1px solid #efdc9b;background:#fff9e7;border-radius:8px;display:flex;align-items:center;gap:8px;color:#765600;font-size:14px;line-height:20px}.journal-entitlement-warning img{width:20px;height:20px}
.journal-entitlement-summary-panel{position:sticky;top:72px;border-radius:16px;background:radial-gradient(circle at 84% 0%,rgba(14,89,190,.20),transparent 35%),linear-gradient(180deg,#03152b 0%,#061b31 100%);color:#fff;padding:24px;display:grid;gap:16px;min-height:610px}
.journal-entitlement-summary-top p{margin:0;font-size:14px;line-height:20px;color:rgba(255,255,255,.82)}.journal-entitlement-summary-top h3{margin:4px 0 0;font-size:20px;line-height:28px;font-weight:700;color:#fff}.journal-entitlement-summary-top>strong{display:block;margin-top:0;font-size:16px;line-height:20px;font-weight:500;color:#fff}
.journal-entitlement-summary-statuses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);padding:16px 0}.journal-entitlement-summary-statuses>div+div{border-left:1px solid rgba(255,255,255,.18);padding-left:20px;margin-left:20px}.journal-entitlement-summary-statuses>div>span{font-size:14px;line-height:20px;color:rgba(255,255,255,.82)}
.journal-entitlement-summary-status{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:16px;line-height:20px;font-weight:500;color:#53ca73}.journal-entitlement-summary-status img{width:24px;height:24px}.journal-entitlement-summary-status.is-unapproved,.journal-entitlement-summary-status.is-suspended,.journal-entitlement-summary-status.is-expired{color:#fdc806}
.journal-entitlement-summary-section{padding-top:0}.journal-entitlement-summary-section h4{margin:0 0 8px;font-size:16px;line-height:20px;font-weight:500;color:#fdc806}.journal-entitlement-summary-lines{display:grid;gap:8px}.journal-entitlement-summary-lines>div{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:20px}.journal-entitlement-summary-lines span{display:inline-flex;align-items:center;gap:12px;color:#fff;min-width:0}.journal-entitlement-summary-lines img{width:20px;height:20px}.journal-entitlement-summary-lines strong{font-weight:500;color:#fff;text-align:right}.journal-entitlement-summary-lines strong.is-allowed{color:#53ca73}.journal-entitlement-summary-lines strong.is-denied{color:#fdc806}
.journal-entitlement-summary-actions{display:grid;gap:8px;margin-top:auto}.journal-entitlement-summary-action{height:40px;min-height:40px;border-radius:20px;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}.journal-entitlement-summary-action img{width:24px;height:24px}.journal-entitlement-summary-action--primary{border:1px solid #fdc806;background:#fdc806;color:#000}.journal-entitlement-summary-action--secondary{border:1px solid rgba(255,255,255,.85);background:transparent;color:#fff}.journal-entitlement-summary-action:disabled{opacity:.55;cursor:not-allowed}
.journal-entitlement-summary-warning{padding-top:12px;border-top:1px solid rgba(255,255,255,.18);display:flex;align-items:flex-start;gap:8px;color:#fdc806;font-size:14px;line-height:20px}.journal-entitlement-summary-warning img{width:20px;height:20px;flex:0 0 20px}
.journal-entitlement-detail-state{min-height:360px;border:1px solid #e6e6e6;border-radius:16px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;padding:24px}.journal-entitlement-detail-state[hidden]{display:none!important}.journal-entitlement-detail-state>img{width:24px;height:24px}.journal-entitlement-detail-state h3{margin:0;font-size:20px;line-height:28px;font-weight:600}.journal-entitlement-detail-state p{margin:0 0 8px;font-size:14px;line-height:20px;color:#606060}




/* System Version History — scoped to this view; central size roles only */
.journal-system-management-panel-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.journal-system-management-panel-section-head h4{margin:0}
.journal-system-management-version-history-link{height:32px;min-height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.42);border-radius:16px;background:transparent;color:#fff;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-system-management-version-history-link:focus-visible{outline:2px solid #fff;outline-offset:2px}

.journal-system-version-history-view{padding:0 24px 32px;color:#171717}
.journal-system-version-history-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);align-items:start;gap:24px;margin-bottom:16px}
.journal-system-version-history-heading{text-align:center}
.journal-system-version-history-heading h2{margin:0;font-size:20px;line-height:28px;font-weight:700}
.journal-system-version-history-heading p{margin:0;font-size:14px;line-height:20px;color:#768091}
.journal-system-version-history-button{height:36px;min-height:36px;padding:0 16px;border-radius:18px;border:1px solid #D8DDE4;background:#fff;color:#171717;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer;width:max-content}
.journal-system-version-history-button:last-child{justify-self:end}
.journal-system-version-history-button img,.journal-system-version-history-form-action img{width:20px;height:20px}
.journal-system-version-history-button:focus-visible,.journal-system-version-history-form-action:focus-visible,.journal-system-version-history-filters button:focus-visible,.journal-system-management-version-history-link:focus-visible{outline:2px solid #111;outline-offset:2px}
.journal-system-version-history-context{display:flex;align-items:center;gap:12px;min-height:36px;margin-bottom:16px;font-size:14px;line-height:20px}
.journal-system-version-history-context-divider{width:1px;height:20px;background:#D9DEE5}
.journal-system-version-history-status{display:inline-flex;align-items:center;gap:8px;border:1px solid #29C56A;border-radius:16px;padding:5px 12px;color:#16A653;font-weight:500}
.journal-system-version-history-status img{width:20px;height:20px}
.journal-system-version-history-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.journal-system-version-history-main{display:grid;gap:32px}
.journal-system-version-history-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.journal-system-version-history-kpis article{min-height:96px;border:1px solid #E1E5EA;border-radius:16px;background:#fff;padding:16px;display:flex;align-items:center;gap:16px}
.journal-system-version-history-kpi-icon{width:48px;height:48px;display:grid;place-items:center;flex:none}
.journal-system-version-history-kpi-icon img{width:24px;height:24px}
.journal-system-version-history-kpi-icon--green img{filter:none}
.journal-system-version-history-kpis span{font-size:14px;line-height:20px}
.journal-system-version-history-kpis strong{display:block;margin-top:4px;font-size:20px;line-height:28px;font-weight:700}
.journal-system-version-history-timeline-card{border:1px solid #E1E5EA;border-radius:16px;background:#fff;padding:16px}
.journal-system-version-history-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px}
.journal-system-version-history-section-head h3{margin:0;font-size:20px;line-height:28px;font-weight:600}
.journal-system-version-history-section-head p{margin:0;font-size:14px;line-height:20px;color:#768091}
.journal-system-version-history-filters{display:flex;gap:12px;flex-wrap:wrap}
.journal-system-version-history-filters button{height:32px;min-height:32px;padding:0 12px;border:1px solid #E1E5EA;border-radius:16px;background:#fff;color:#171717;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-system-version-history-filters button.is-active{background:#111;color:#fff;border-color:#111}
.journal-system-version-history-timeline{display:grid;gap:16px;position:relative;padding-left:32px}
.journal-system-version-history-timeline:before{content:"";position:absolute;left:11px;top:20px;bottom:20px;width:1px;background:#D9DEE5}
.journal-system-version-history-card{position:relative;border:1px solid #E1E5EA;border-radius:16px;padding:16px;background:#fff;display:grid;gap:8px}
.journal-system-version-history-card:before{content:"";position:absolute;left:-28px;top:20px;width:16px;height:16px;border-radius:50%;border:2px solid #788394;background:#fff;box-sizing:border-box}
.journal-system-version-history-card.is-current:before{border-color:#21C45D;background:#21C45D;box-shadow:inset 0 0 0 3px #fff}
.journal-system-version-history-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.journal-system-version-history-card-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.journal-system-version-history-card-title h4{margin:0;font-size:16px;line-height:20px;font-weight:600}
.journal-system-version-history-card-badge{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:16px;border:1px solid #D5DBE2;font-size:14px;line-height:20px;font-weight:500}
.journal-system-version-history-card-badge.is-current{color:#16A653;border-color:#29C56A}
.journal-system-version-history-card-badge img{width:20px;height:20px}
.journal-system-version-history-detail-button{height:32px;min-height:32px;padding:0 12px;border:1px solid #D5DBE2;border-radius:16px;background:#fff;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-system-version-history-version-name{font-size:14px;line-height:20px;color:#4F5A68}
.journal-system-version-history-meta{display:flex;gap:8px 12px;flex-wrap:wrap;font-size:14px;line-height:20px;color:#4F5A68}
.journal-system-version-history-summary-text{margin:0;font-size:14px;line-height:20px}
.journal-system-version-history-counts{display:flex;gap:8px;flex-wrap:wrap}
.journal-system-version-history-counts span{min-height:32px;padding:8px 12px;border-radius:8px;background:#F4F6F8;font-size:14px;line-height:20px}
.journal-system-version-history-info{margin-top:16px;min-height:40px;padding:8px 12px;border:1px solid #8CD8FA;border-radius:8px;background:#EAF8FF;color:#1779B7;display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px}
.journal-system-version-history-info img{width:20px;height:20px}
.journal-system-version-history-empty{padding:24px;text-align:center;font-size:14px;line-height:20px;color:#6C7580}
.journal-system-version-history-summary{background:#06263A;color:#fff;border-radius:16px;padding:24px;display:grid;gap:24px;position:sticky;top:16px}
.journal-system-version-history-eyebrow{margin:0 0 8px;font-size:14px;line-height:20px;color:#CAD5DD}
.journal-system-version-history-summary h3{margin:0;font-size:20px;line-height:28px;font-weight:700}
.journal-system-version-history-panel-id{margin:4px 0 0;font-size:14px;line-height:20px;color:#D7E0E6}
.journal-system-version-history-panel-status{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);display:flex;align-items:center;gap:8px;color:#25D66F;font-size:14px;line-height:20px;font-weight:500}
.journal-system-version-history-panel-status img{width:20px;height:20px}
.journal-system-version-history-summary-section{padding-top:16px;border-top:1px solid rgba(255,255,255,.18)}
.journal-system-version-history-summary-section h4{margin:0 0 8px;font-size:16px;line-height:20px;font-weight:500;color:#FDC806}
.journal-system-version-history-current-large{display:block;font-size:28px;line-height:36px;margin-bottom:12px}
.journal-system-version-history-summary-list{display:grid;gap:8px}
.journal-system-version-history-summary-list div{display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:20px}
.journal-system-version-history-summary-list span{color:#D7E0E6}
.journal-system-version-history-summary-list strong{text-align:right}
.journal-system-version-history-summary-actions{display:grid;gap:8px}
.journal-system-version-history-form-action{height:40px;min-height:40px;padding:0 16px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}
.journal-system-version-history-form-action--primary{background:#FDC806;color:#171717;border:1px solid #FDC806}
.journal-system-version-history-form-action--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.76)}
.journal-system-version-history-warning{padding-top:16px;border-top:1px solid rgba(255,255,255,.18);display:flex;align-items:flex-start;gap:8px;color:#FDC806;font-size:14px;line-height:20px}
.journal-system-version-history-warning img{width:20px;height:20px}
.journal-system-version-history-message{margin-top:16px;padding:16px;border-radius:12px;background:#FFF4E5;font-size:14px;line-height:20px}



/* State isolation: one visible state per Analysis, All Analysis, and Mistakes view. */
.journal-analysis-loading[hidden],
.journal-analysis-main-state[hidden],
.journal-analysis-empty-state[hidden],
.journal-analysis-error-state[hidden],
.journal-all-analysis-loading[hidden],
.journal-all-analysis-ready[hidden],
.journal-all-analysis-empty-state[hidden],
.journal-all-analysis-error-state[hidden],
.journal-mistakes-loading[hidden],
.journal-mistakes-ready[hidden],
.journal-mistakes-empty-state[hidden],
.journal-mistakes-error-state[hidden],
.journal-mistakes-advanced-filters[hidden]{display:none!important}

/* Mistake detail isolation: content and error states are mutually exclusive. */
.journal-mistake-detail-ready[hidden],
.journal-mistake-detail-error-state[hidden]{display:none!important}


/* System Version Detail — dedicated read-only Historical Snapshot route. */
.journal-system-version-detail-view{padding:0 24px 32px;color:#171717}
.journal-system-version-detail-toolbar{min-height:76px;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;border-bottom:1px solid #E6E6E6;margin-bottom:16px}
.journal-system-version-detail-toolbar>div{text-align:center}.journal-system-version-detail-toolbar h2{margin:0;font-size:24px;line-height:32px}.journal-system-version-detail-toolbar p{margin:4px 0 0;color:#666;font-size:14px}
.journal-system-version-detail-button{justify-self:start;height:40px;padding:0 16px;border:1px solid #D6D6D6;border-radius:20px;background:#fff;display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.journal-system-version-detail-button img{width:18px;height:18px}
.journal-system-version-detail-context{display:flex;align-items:center;gap:24px;min-height:48px;padding:0 16px;background:#F7F8F9;border-radius:12px;margin-bottom:16px;font-size:14px}.journal-system-version-detail-status{margin-left:auto;padding:8px 12px;border-radius:16px;background:#EAF8EF;color:#157A3D;font-weight:700}
.journal-system-version-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.journal-system-version-detail-main{display:grid;gap:16px}
.journal-system-version-detail-card{background:#fff;border:1px solid #E5E5E5;border-radius:16px;padding:24px}.journal-system-version-detail-card>h3{margin:0 0 16px;font-size:18px}.journal-system-version-detail-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.journal-system-version-detail-card-head p{margin:0 0 4px;color:#666;font-size:13px}.journal-system-version-detail-card-head h3{margin:0;font-size:30px}.journal-system-version-detail-card-head>span{padding:8px 12px;border-radius:16px;background:#F2F4F5;font-size:13px;font-weight:700}
.journal-system-version-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.journal-system-version-detail-grid div{padding-top:12px;border-top:1px solid #EEE;display:grid;gap:4px}.journal-system-version-detail-grid span{color:#666;font-size:13px}.journal-system-version-detail-grid strong{font-size:15px}.journal-system-version-detail-summary{margin:0;line-height:1.7;color:#333}
.journal-system-version-detail-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.journal-system-version-detail-counts div{padding:16px;background:#F7F8F9;border-radius:12px;text-align:center;display:grid;gap:4px}.journal-system-version-detail-counts strong{font-size:22px}.journal-system-version-detail-counts span{font-size:13px;color:#666}
.journal-system-version-detail-info{padding:16px 16px;border-radius:12px;background:#EEF6FB;display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:20px}.journal-system-version-detail-info img{width:20px;height:20px}
.journal-system-version-detail-panel{background:#06263A;color:#fff;border-radius:16px;padding:24px;display:grid;gap:16px;position:sticky;top:16px}.journal-system-version-detail-panel>p{margin:0;color:#CAD5DD;font-size:13px}.journal-system-version-detail-panel>h3{margin:-8px 0 4px;font-size:28px;color:#FDC806}.journal-system-version-detail-panel>div{display:flex;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18);font-size:14px}.journal-system-version-detail-panel>div span{color:#D7E0E6}.journal-system-version-detail-panel>div strong{text-align:right}.journal-system-version-detail-panel button{height:40px;border-radius:20px;border:1px solid rgba(255,255,255,.76);background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;cursor:pointer}.journal-system-version-detail-panel button img{width:18px;height:18px;filter:brightness(0) invert(1)}



/* System Version Compare — Trade Journal only */
.journal-system-version-compare-view{padding:28px 32px 48px;max-width:1280px;margin:0 auto}.journal-system-version-compare-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:16px}.journal-system-version-compare-toolbar>div p{margin:0 0 3px;color:#6b7280;font-size:13px}.journal-system-version-compare-toolbar h2{margin:0;font-size:26px}.journal-system-version-compare-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9dde5;background:#fff;border-radius:999px;padding:8px 16px;font:inherit;cursor:pointer}.journal-system-version-compare-button img{width:17px;height:17px}.journal-system-version-compare-context{display:flex;gap:16px;flex-wrap:wrap;padding:16px 16px;border:1px solid #e4e7ec;border-radius:14px;background:#fff;margin-bottom:16px}.journal-system-version-compare-picker{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:end;padding:16px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;margin-bottom:16px}.journal-system-version-compare-picker label{display:grid;gap:8px;font-weight:700}.journal-system-version-compare-picker select{width:100%;border:1px solid #cfd5df;border-radius:12px;padding:11px 12px;background:#fff;font:inherit}.journal-system-version-compare-vs{font-weight:800;padding-bottom:11px}.journal-system-version-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.journal-system-version-compare-card{border:1px solid #e4e7ec;border-radius:16px;background:#fff;padding:20px}.journal-system-version-compare-card-head{border-bottom:1px solid #eceff3;padding-bottom:16px;margin-bottom:8px}.journal-system-version-compare-card-head>span{font-size:12px;color:#6b7280}.journal-system-version-compare-card-head h3{font-size:24px;margin:4px 0}.journal-system-version-compare-card-head small{color:#667085}.journal-system-version-compare-card dl{margin:0}.journal-system-version-compare-card dl>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #f0f2f5}.journal-system-version-compare-card dt{color:#667085}.journal-system-version-compare-card dd{margin:0;text-align:right;font-weight:700}.journal-system-version-compare-summary{padding-top:16px}.journal-system-version-compare-summary span{font-weight:700}.journal-system-version-compare-summary p{margin:8px 0 0;line-height:1.6;color:#475467}.journal-system-version-compare-delta{margin-top:16px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;padding:20px}.journal-system-version-compare-delta h3{margin:0 0 16px}.journal-system-version-compare-delta>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.journal-system-version-compare-delta article{border:1px solid #eceff3;border-radius:12px;padding:16px}.journal-system-version-compare-delta article span{display:block;color:#667085;font-size:13px}.journal-system-version-compare-delta article strong{display:block;margin-top:4px;font-size:20px}.journal-system-version-compare-note{display:flex;gap:8px;align-items:flex-start;margin:16px 0 0;color:#667085}.journal-system-version-compare-note img{width:18px;height:18px;margin-top:1px}


/* System Version Create — Trade Journal only */
.journal-system-version-create-view{max-width:1180px;margin:0 auto;padding:32px 28px 56px}
.journal-system-version-create-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.journal-system-version-create-toolbar>div{flex:1}
.journal-system-version-create-toolbar p{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.58}
.journal-system-version-create-toolbar h2{margin:0;font-size:28px}
.journal-system-version-create-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid #d9dde5;background:#fff;font:inherit;font-weight:700;cursor:pointer}
.journal-system-version-create-button img{width:17px;height:17px}
.journal-system-version-create-button--primary{background:#111;color:#fff;border-color:#111}
.journal-system-version-create-button--secondary{background:#fff;color:#111}
.journal-system-version-create-context{display:flex;flex-wrap:wrap;gap:8px 24px;padding:16px 16px;margin-bottom:16px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;font-size:14px}
.journal-system-version-create-card{border:1px solid #e5e7eb;border-radius:20px;background:#fff;padding:24px}
.journal-system-version-create-card-head h3{margin:0 0 4px;font-size:20px}
.journal-system-version-create-card-head p{margin:0 0 24px;opacity:.65}
.journal-system-version-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.journal-system-version-create-grid label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:14px}
.journal-system-version-create-grid input,.journal-system-version-create-grid textarea{width:100%;box-sizing:border-box;border:1px solid #d9dde5;border-radius:14px;background:#fff;padding:12px 16px;font:inherit;color:inherit}
.journal-system-version-create-grid textarea{resize:vertical;min-height:132px}
.journal-system-version-create-grid-wide{grid-column:1/-1}
.journal-system-version-create-warning{display:flex;gap:8px;align-items:flex-start;margin-top:16px;padding:16px 16px;border-radius:14px;background:#f7f7f8;font-size:13px}
.journal-system-version-create-warning img{width:18px;height:18px;flex:none}
.journal-system-version-create-message{margin-top:16px;padding:12px 16px;border-radius:12px;background:#f4f5f7;font-size:13px}
.journal-system-version-create-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}




/* Entitlement history route */
.journal-entitlement-history-view{padding:28px 30px 56px;max-width:1480px;margin:0 auto}
.journal-entitlement-history-toolbar{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}
.journal-entitlement-history-heading{flex:1}.journal-entitlement-history-heading p{margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.journal-entitlement-history-heading h2{margin:0;font-size:28px}.journal-entitlement-history-heading>span{display:block;margin-top:5px;color:#6b7280}
.journal-entitlement-history-context{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
.journal-entitlement-history-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.journal-entitlement-history-main{min-width:0}
.journal-entitlement-history-timeline{list-style:none;margin:0;padding:0;display:grid;gap:12px}.journal-entitlement-history-item{display:grid;grid-template-columns:16px minmax(0,1fr);gap:12px;padding:16px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.journal-entitlement-history-dot{width:12px;height:12px;margin-top:5px;border-radius:999px;background:#111827}.journal-entitlement-history-item-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.journal-entitlement-history-item h4{margin:0 0 4px;font-size:15px}.journal-entitlement-history-item p{margin:0;color:#6b7280}.journal-entitlement-history-item time{white-space:nowrap;color:#6b7280;font-size:13px}.journal-entitlement-history-meta{margin-top:8px;font-size:13px;color:#4b5563}.journal-entitlement-history-empty{text-align:center;padding:34px 16px}.journal-entitlement-history-empty img{width:28px;height:28px}.journal-entitlement-history-empty h3{margin:8px 0 5px}.journal-entitlement-history-empty p{margin:0;color:#6b7280}





/* Trade Journal — Entitlement Evidence route */
.journal-entitlement-evidence-view{width:min(1180px,calc(100% - 40px));margin:28px auto 56px}.journal-entitlement-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.journal-entitlement-evidence-grid>div{padding:16px 20px;border-bottom:1px solid var(--journal-border,#e5e7eb)}.journal-entitlement-evidence-grid dt{font-size:12px;color:#6b7280;margin-bottom:8px}.journal-entitlement-evidence-grid dd{margin:0;font-weight:700;overflow-wrap:anywhere}.journal-entitlement-evidence-note{display:flex;gap:8px;align-items:flex-start;margin:20px;padding:16px 16px;border-radius:14px;background:#f8fafc}.journal-entitlement-evidence-note img{width:18px;height:18px;flex:0 0 18px}.journal-entitlement-evidence-note span{font-size:13px;line-height:1.55}


/* ========================================================================== */
/* Trade Journal — Strategy Detail Constitution Size Lock                     */
/* Scope: .journal-strategy-detail-view only                                  */
/* Central size constitution: typography, buttons, spacing                    */
/* ========================================================================== */
.journal-strategy-detail-view{
  margin-top:20px;
  gap:16px;
}
.journal-strategy-detail-view .journal-strategy-detail-navigation{
  gap:24px;
  padding-top:0;
}
.journal-strategy-detail-view .journal-strategy-detail-back,
.journal-strategy-detail-view .journal-strategy-detail-edit{
  height:36px;
  min-height:36px;
  padding:0 16px;
  border-radius:18px;
  gap:8px;
  font-size:14px;
  line-height:20px;
}
.journal-strategy-detail-view .journal-strategy-detail-headingwrap{
  gap:16px;
}
.journal-strategy-detail-view .journal-strategy-detail-headingwrap h2{
  font-size:20px;
  line-height:28px;
}
.journal-strategy-detail-view .journal-strategy-detail-headingwrap p,
.journal-strategy-detail-view .journal-strategy-detail-breadcrumb{
  font-size:14px;
  line-height:20px;
}
.journal-strategy-detail-view .journal-strategy-detail-breadcrumb{
  gap:8px;
  min-height:24px;
}
.journal-strategy-detail-view .journal-strategy-detail-breadcrumb-separator{
  font-size:20px;
  line-height:20px;
  margin:0;
}
.journal-strategy-detail-view .journal-strategy-detail-kpis{
  gap:16px;
}
.journal-strategy-detail-view .journal-strategy-detail-kpi-card{
  padding:16px;
  gap:16px;
}
.journal-strategy-detail-view .journal-strategy-detail-kpi-label{
  font-size:16px;
  line-height:20px;
}
.journal-strategy-detail-view .journal-strategy-detail-body{
  gap:24px;
}
.journal-strategy-detail-view .journal-strategy-detail-main{
  gap:16px;
}
.journal-strategy-detail-view .journal-strategy-detail-card{
  padding:16px;
}
.journal-strategy-detail-view .journal-strategy-detail-card-title,
.journal-strategy-detail-view .journal-strategy-detail-card-head h3,
.journal-strategy-detail-view .journal-strategy-detail-name-row h3{
  font-size:20px;
  line-height:28px;
}
.journal-strategy-detail-view .journal-strategy-detail-name-row{
  gap:16px;
  margin-top:4px;
}
.journal-strategy-detail-view .journal-strategy-detail-meta,
.journal-strategy-detail-view .journal-strategy-detail-description,
.journal-strategy-detail-view .journal-strategy-detail-parent{
  font-size:14px;
  line-height:20px;
  margin-top:8px;
}
.journal-strategy-detail-view .journal-strategy-detail-event-row{
  gap:16px;
  padding:12px 0;
}
.journal-strategy-detail-view .journal-strategy-detail-event-main{
  gap:12px;
}
.journal-strategy-detail-view .journal-strategy-detail-event-name,
.journal-strategy-detail-view .journal-strategy-detail-event-count,
.journal-strategy-detail-view .journal-strategy-detail-empty,
.journal-strategy-detail-view .journal-strategy-detail-integrity-error{
  font-size:14px;
  line-height:20px;
}
.journal-strategy-detail-view .journal-strategy-detail-event-button{
  height:36px;
  min-height:36px;
  padding:0 16px;
  border-radius:18px;
  font-size:14px;
  line-height:20px;
}
.journal-strategy-detail-view .journal-strategy-detail-adherence-item{
  gap:16px;
  padding:12px 4px;
}
.journal-strategy-detail-view .journal-strategy-detail-summary{
  padding:16px;
  gap:16px;
}
.journal-strategy-detail-view .journal-strategy-detail-summary-eyebrow,
.journal-strategy-detail-view .journal-strategy-detail-summary h3,
.journal-strategy-detail-view .journal-strategy-detail-summary-section h4{
  font-size:20px;
  line-height:28px;
}
.journal-strategy-detail-view .journal-strategy-detail-summary-context,
.journal-strategy-detail-view .journal-strategy-detail-summary-status,
.journal-strategy-detail-view .journal-strategy-detail-readiness-row,
.journal-strategy-detail-view .journal-strategy-detail-warning{
  font-size:14px;
  line-height:20px;
}
.journal-strategy-detail-view .journal-strategy-detail-readiness-list,
.journal-strategy-detail-view .journal-strategy-detail-actions{
  gap:8px;
}
.journal-strategy-detail-view .journal-strategy-detail-readiness-row>span,
.journal-strategy-detail-view .journal-strategy-detail-warning{
  gap:8px;
}
.journal-strategy-detail-view .journal-strategy-detail-cta{
  height:36px;
  min-height:36px;
  padding:0 16px;
  border-radius:18px;
  gap:8px;
  font-size:14px;
  line-height:20px;
}

/* =========================================================
   Constitution Lock — Pre-Trade Checklist only
   Scope: .journal-checklist-view
   Purpose: normalize approved typography/button sizing without
   affecting any other Trade Journal surface.
   ========================================================= */
.journal-checklist-view .journal-checklist-headingwrap h2{
  font-size:20px;
  line-height:28px;
  font-weight:700;
}
.journal-checklist-view .journal-checklist-summary-eyebrow,
.journal-checklist-view .journal-checklist-summary h3{
  font-size:20px;
  line-height:28px;
  font-weight:600;
}
.journal-checklist-view .journal-checklist-back,
.journal-checklist-view .journal-checklist-guide,
.journal-checklist-view .journal-checklist-cta{
  height:36px;
  min-height:36px;
  border-radius:18px;
  padding-left:16px;
  padding-right:16px;
  font-size:14px;
  line-height:20px;
}

/* =========================================================
   Constitution Lock — Export Report only
   Scope: .journal-export-report-view
   Purpose: normalize approved heading/subheading/back-button sizing only.
   ========================================================= */
.journal-export-report-view .journal-export-report-headingwrap h2{
  font-size:20px;
  line-height:28px;
  font-weight:700;
}
.journal-export-report-view .journal-export-report-summary h3{
  font-size:20px;
  line-height:28px;
  font-weight:700;
}
.journal-export-report-view .journal-export-report-summary-section h4{
  font-size:16px;
  line-height:20px;
  font-weight:700;
}
.journal-export-report-view .journal-export-report-back{
  height:36px;
  min-height:36px;
  padding:0 16px;
  border-radius:18px;
  gap:8px;
  font-size:14px;
  line-height:20px;
}

/* =========================================================
   Constitution Lock — Trade Record only
   Scope: .journal-trade-record-view
   Purpose: lock only the approved legacy-size corrections.
   ========================================================= */
.journal-trade-record-view .journal-trade-record-headingwrap h2{
  font-size:20px;
  line-height:28px;
  font-weight:700;
}
.journal-trade-record-view .journal-trade-record-section-title{
  font-size:16px;
  line-height:20px;
  font-weight:500;
}
.journal-trade-record-view .journal-trade-record-summary h3{
  font-size:20px;
  line-height:28px;
  font-weight:600;
}
.journal-trade-record-view .journal-trade-record-back,
.journal-trade-record-view .journal-trade-record-draft-top{
  height:36px;
  min-height:36px;
  padding-left:16px;
  padding-right:16px;
  border-radius:18px;
  gap:8px;
  font-size:14px;
  line-height:20px;
}

/* =========================================================
   Constitution Lock — Analysis only
   Scope: .journal-analysis-view
   Purpose: normalize only the requested heading hierarchy.
   ========================================================= */
.journal-analysis-view .journal-analysis-view-title{
  font-size:20px;
  line-height:28px;
  font-weight:700;
}
.journal-analysis-view .journal-analysis-section-head h3{
  font-size:16px;
  line-height:20px;
  font-weight:500;
}
.journal-analysis-view .journal-analysis-insight-panel h3,
.journal-analysis-view .journal-analysis-empty-state h3,
.journal-analysis-view .journal-analysis-error-state h3{
  font-size:20px;
  line-height:28px;
  font-weight:600;
}

/* =========================================================
   TRADE JOURNAL — CONSTITUTION SIZE LOCK
   Scope: All Analysis + Mistakes only
   Fix: Typography hierarchy + 24px horizontal page gutter
   ========================================================= */

/* 6) All Analysis */
.journal-all-analysis-view{
  padding-left:24px;
  padding-right:24px;
}
.journal-all-analysis-view .journal-all-analysis-title{
  font-size:20px;
  line-height:28px;
}
.journal-all-analysis-view .journal-all-analysis-heading-copy p{
  font-size:14px;
  line-height:20px;
}
.journal-all-analysis-view .journal-all-analysis-section-head h3{
  font-size:16px;
  line-height:20px;
}
.journal-all-analysis-view .journal-all-analysis-panel h3{
  font-size:20px;
  line-height:28px;
}

/* 7) Mistakes */
.journal-mistakes-view{
  padding-left:24px;
  padding-right:24px;
}
.journal-mistakes-view .journal-mistakes-view-title{
  font-size:20px;
  line-height:28px;
}
.journal-mistakes-view .journal-mistakes-view-subtitle{
  font-size:14px;
  line-height:20px;
}
.journal-mistakes-view .journal-mistakes-card-head h3{
  font-size:16px;
  line-height:20px;
}
.journal-mistakes-view .journal-mistakes-panel-title-row h3{
  font-size:20px;
  line-height:28px;
}

/* =========================================================
   TRADE JOURNAL — CONSTITUTION SIZE LOCK
   Scope: Mistake Detail + Development Goals only
   Fix: approved typography hierarchy + 24px horizontal page gutter
   ========================================================= */

/* 8) Mistake Detail */
.journal-mistake-detail-view{
  padding-left:24px;
  padding-right:24px;
}
.journal-mistake-detail-view .journal-mistake-detail-title{
  font-size:20px;
  line-height:28px;
  font-weight:700;
}
.journal-mistake-detail-view .journal-mistake-detail-subtitle{
  font-size:14px;
  line-height:20px;
}
.journal-mistake-detail-view .journal-mistake-detail-hero-title-row h3{
  font-size:20px;
  line-height:28px;
  font-weight:600;
}
.journal-mistake-detail-view .journal-mistake-detail-card-head h3{
  font-size:16px;
  line-height:20px;
  font-weight:500;
}
.journal-mistake-detail-view .journal-mistake-detail-panel-title-row h3{
  font-size:20px;
  line-height:28px;
  font-weight:600;
}

/* 9) Development Goals */
.journal-goals-view{
  padding-left:24px;
  padding-right:24px;
}
.journal-goals-view .journal-goals-view-title{
  font-size:20px;
  line-height:28px;
  font-weight:700;
}
.journal-goals-view .journal-goals-view-subtitle{
  font-size:14px;
  line-height:20px;
}
.journal-goals-view .journal-goals-section-head h3{
  font-size:16px;
  line-height:20px;
  font-weight:500;
}
.journal-goals-view .journal-goal-card-title-row h4{
  font-size:16px;
  line-height:20px;
  font-weight:500;
}
.journal-goals-view .journal-goals-panel-title-row h3{
  font-size:20px;
  line-height:28px;
  font-weight:600;
}

/* =========================================================
   TRADE JOURNAL — CONSTITUTION SIZE LOCK
   Scope: Create/Edit Goal + System Switcher only
   Fix: approved typography, button geometry, spacing and page gutter
   ========================================================= */

/* 10) Create Goal */
.journal-create-goal-view{
  padding-left:24px;
  padding-right:24px;
}
.journal-create-goal-view .journal-create-goal-headingwrap h2{
  font-size:20px;
  line-height:28px;
  font-weight:700;
}
.journal-create-goal-view .journal-create-goal-headingwrap p{
  font-size:14px;
  line-height:20px;
}
.journal-create-goal-view .journal-create-goal-card-head h3{
  font-size:16px;
  line-height:20px;
  font-weight:500;
}
.journal-create-goal-view .journal-create-goal-footer-button{
  height:40px;
  min-height:40px;
  padding-left:16px;
  padding-right:16px;
  border-radius:20px;
  font-size:14px;
  line-height:20px;
}

/* 10) Edit Goal */
.journal-edit-goal-view{
  padding-left:24px;
  padding-right:24px;
}
.journal-edit-goal-view .journal-edit-goal-headingwrap h2{
  font-size:20px;
  line-height:28px;
  font-weight:700;
}
.journal-edit-goal-view .journal-edit-goal-headingwrap p{
  font-size:14px;
  line-height:20px;
}
.journal-edit-goal-view .journal-edit-goal-card h3{
  font-size:16px;
  line-height:20px;
  font-weight:500;
}
.journal-edit-goal-view .journal-edit-goal-panel-action{
  height:40px;
  min-height:40px;
  border-radius:20px;
  font-size:14px;
  line-height:20px;
  gap:8px;
}

/* 11) Open System Switcher */
.journal-system-switcher-dialog{
  padding:24px;
}
.journal-system-switcher-panel{
  width:min(640px,calc(max(100vw,1280px) - 48px));
}
.journal-system-switcher-head{
  gap:16px;
  padding:24px 24px 16px;
}
.journal-system-switcher-head h2{
  font-size:20px;
  line-height:28px;
}
.journal-system-switcher-head p{
  font-size:14px;
  line-height:20px;
}
.journal-system-switcher-filters{
  gap:8px;
  padding:0 24px 16px;
}
.journal-system-switcher-filter{
  height:32px;
  min-height:32px;
  padding:0 12px;
  border-radius:16px;
  font-size:14px;
  line-height:20px;
}
.journal-system-switcher-results{
  padding-left:24px;
  padding-right:24px;
}
.journal-system-switcher-row{
  gap:16px;
  padding:16px 0;
}
.journal-system-switcher-row.is-current{
  padding:16px;
}
.journal-system-switcher-main{
  gap:4px;
}
.journal-system-switcher-title{
  font-size:16px;
  line-height:20px;
  gap:8px;
}
.journal-system-switcher-subtitle{
  font-size:14px;
  line-height:20px;
}
.journal-system-switcher-rowcta{
  height:36px;
  min-height:36px;
  padding:0 16px;
  border-radius:18px;
  font-size:14px;
  line-height:20px;
}

/* ========================================================================== 
   ANANFX Central Size Constitution Lock — Trade Journal only
   Scope: System Version History / Detail / Compare
   Fix set: 12–13
   KPI / version-number display values intentionally remain display-sized.
   ========================================================================== */

/* 12. System Version History — normalize semantic text roles only. */
.journal-system-version-history-view .journal-system-version-history-heading h2,
.journal-system-version-history-view .journal-system-version-history-section-head h3,
.journal-system-version-history-view .journal-system-version-history-summary > h3{
  font-size:20px;
  line-height:28px;
}
.journal-system-version-history-view .journal-system-version-history-summary-section h4,
.journal-system-version-history-view .journal-system-version-history-card-title h4{
  font-size:16px;
  line-height:20px;
}
.journal-system-version-history-view .journal-system-version-history-heading p,
.journal-system-version-history-view .journal-system-version-history-section-head p,
.journal-system-version-history-view .journal-system-version-history-version-name,
.journal-system-version-history-view .journal-system-version-history-meta,
.journal-system-version-history-view .journal-system-version-history-summary-text,
.journal-system-version-history-view .journal-system-version-history-eyebrow,
.journal-system-version-history-view .journal-system-version-history-panel-id,
.journal-system-version-history-view .journal-system-version-history-summary-list div{
  font-size:14px;
  line-height:20px;
}
/* .journal-system-version-history-current-large is a version/KPI display number: keep display size. */

/* 12. System Version Detail — semantic typography normalization only. */
.journal-system-version-detail-view .journal-system-version-detail-toolbar h2{
  font-size:20px;
  line-height:28px;
}
.journal-system-version-detail-view .journal-system-version-detail-card > h3{
  font-size:16px;
  line-height:20px;
}
.journal-system-version-detail-view .journal-system-version-detail-toolbar p,
.journal-system-version-detail-view .journal-system-version-detail-card-head p,
.journal-system-version-detail-view .journal-system-version-detail-card-head > span,
.journal-system-version-detail-view .journal-system-version-detail-grid span,
.journal-system-version-detail-view .journal-system-version-detail-grid strong,
.journal-system-version-detail-view .journal-system-version-detail-panel > p,
.journal-system-version-detail-view .journal-system-version-detail-panel > div,
.journal-system-version-detail-view .journal-system-version-detail-summary{
  font-size:14px;
  line-height:20px;
}
/* card-head h3 / counts strong / panel h3 are version or KPI display values: keep display size. */

/* 13. System Version Compare — page gutter, heading and toolbar rhythm. */
.journal-system-version-compare-view{
  padding:0 24px 32px;
}
.journal-system-version-compare-view .journal-system-version-compare-toolbar{
  gap:16px;
  margin-bottom:16px;
}
.journal-system-version-compare-view .journal-system-version-compare-toolbar h2{
  font-size:20px;
  line-height:28px;
}
.journal-system-version-compare-view .journal-system-version-compare-toolbar > div p{
  font-size:14px;
  line-height:20px;
}



/* =========================================================
   Constitution Lock — System Version Create + Entitlement History
   Scope: Trade Journal only / targeted views only
   Central Size System: 2026-09-10
   ========================================================= */

/* 14) System Version Create — central page gutter / heading / form button / spacing */
.journal-system-version-create-view{
  padding:24px 24px 48px;
}
.journal-system-version-create-toolbar{
  gap:16px;
  margin-bottom:16px;
}
.journal-system-version-create-toolbar h2{
  font-size:20px;
  line-height:28px;
}
.journal-system-version-create-button{
  min-height:40px;
  padding:0 16px;
  border-radius:20px;
}
.journal-system-version-create-grid{
  gap:16px;
}
.journal-system-version-create-card-head p{
  margin-bottom:24px;
}
.journal-system-version-create-actions{
  gap:8px;
  margin-top:24px;
}



/* 15) Entitlement History — central page gutter / heading / semantic spacing */
.journal-entitlement-history-view{
  padding:24px 24px 48px;
}
.journal-entitlement-history-toolbar{
  gap:16px;
  margin-bottom:16px;
}
.journal-entitlement-history-heading h2{
  font-size:20px;
  line-height:28px;
}
.journal-entitlement-history-layout{
  gap:24px;
}




/* =========================================================
   TRADE JOURNAL — CONSTITUTION SIZE LOCK
   Scope: Entitlement Evidence + Shared Action Button Roles only
   Fix set: 16–17
   ========================================================= */

/* 16) Entitlement Evidence — Central Spacing System */
.journal-entitlement-evidence-view{
  width:min(1180px,calc(100% - 48px));
  margin:24px auto 48px;
}
.journal-entitlement-evidence-grid>div{
  padding:16px;
}
.journal-entitlement-evidence-grid dt{
  margin-bottom:8px;
}
.journal-entitlement-evidence-note{
  gap:8px;
  padding:16px;
}



/* 17) Shared action buttons — Role-based Central Button System
   Scope: Trade Journal content only (.journal-main).
   Button-M = 36px / radius18 / 14/20/500.
   Button-S = 32px / radius16 / 14/20/500.
   Form Action = 40px / radius20 / 14/20/500.
   Product exceptions (option cards / dialog close) retain their own geometry. */

/* Button-M / Standard + Dialog actions = 36px. */
.journal-main .action-button,
.journal-main .journal-overview-export,
.journal-main .journal-overview-details,
.journal-main .journal-overview-cta,
.journal-main .journal-unapproved-locked-action,
.journal-main .journal-unapproved-detail-action,
.journal-main .journal-map-action,
.journal-main .journal-reference-guide-back,
.journal-main .journal-reference-guide-action,
.journal-main .journal-analysis-panel-action,
.journal-main .journal-all-analysis-back,
.journal-main .journal-all-analysis-export,
.journal-main .journal-all-analysis-panel-action,
.journal-main .journal-all-checklists-back,
.journal-main .journal-all-checklists-empty button,
.journal-main .journal-checklist-history-back,
.journal-main .journal-checklist-history-state button,
.journal-main .journal-old-checklist-back,
.journal-main .journal-old-checklist-successor-button,
.journal-main .journal-old-checklist-panel-action,
.journal-main .journal-old-checklist-state button,
.journal-main .journal-trade-list-back,
.journal-main .journal-trade-list-export,
.journal-main .journal-trade-list-summary-primary,
.journal-main .journal-trade-list-summary-secondary,
.journal-main .journal-trade-record-detail-back,
.journal-main .journal-trade-record-detail-export,
.journal-main .journal-trade-record-detail-summary-primary,
.journal-main .journal-trade-record-detail-summary-secondary,
.journal-main .journal-trade-edit-back,
.journal-main .journal-trade-edit-history,
.journal-main .journal-mistakes-extra-button,
.journal-main .journal-mistakes-panel-action,
.journal-main .journal-mistake-detail-back-button,
.journal-main .journal-mistake-detail-export-button,
.journal-main .journal-mistake-detail-open-button,
.journal-main .journal-mistake-detail-panel-action,
.journal-main .journal-mistake-detail-error-state button,
.journal-main .journal-goals-add-button,
.journal-main .journal-goals-panel-action,
.journal-main .journal-create-goal-back,
.journal-main .journal-create-goal-draft-top,
.journal-main .journal-create-goal-add-activity,
.journal-main .journal-create-goal-preview-cta,
.journal-main .journal-edit-goal-back,
.journal-main .journal-edit-goal-history-button,
.journal-main .journal-edit-goal-add-activity,
.journal-main .journal-strategy-detail-back,
.journal-main .journal-strategy-detail-edit,
.journal-main .journal-strategy-detail-event-button,
.journal-main .journal-strategy-detail-cta,
.journal-main .journal-edit-strategy-button,
.journal-main .journal-checklist-back,
.journal-main .journal-checklist-guide,
.journal-main .journal-checklist-cta,
.journal-main .journal-create-checklist-back,
.journal-main .journal-create-checklist-draft-top,
.journal-main .journal-create-checklist-editor-action,
.journal-main .journal-create-checklist-add-item,
.journal-main .journal-create-checklist-preview-cta,
.journal-main .journal-export-report-back,
.journal-main .journal-export-report-cta,
.journal-main .journal-trade-record-back,
.journal-main .journal-trade-record-draft-top,
.journal-main .journal-trade-record-cta,
.journal-main .journal-close-order-back,
.journal-main .journal-close-order-draft-top,
.journal-main .journal-close-order-cta,
.journal-main .journal-partial-exit-back,
.journal-main .journal-partial-exit-draft-top,
.journal-main .journal-partial-exit-add,
.journal-main .journal-partial-exit-cta,
.journal-main .journal-system-management-add-strategy,
.journal-main .journal-system-management-version-history-link,
.journal-main .journal-system-management-button,
.journal-main .journal-system-version-history-button,
.journal-main .journal-system-version-create-button,
.journal-main .journal-system-version-compare-button,
.journal-main .journal-system-version-detail-button,
.journal-main .journal-edit-system-button,
.journal-main .journal-create-system-button,
.journal-main .journal-create-strategy-button,
.journal-main .journal-cvm-button,
.journal-main .journal-edit-event-checklist-management,
.journal-main .journal-edit-event-button,
.journal-main .journal-create-event-button,
.journal-main .journal-entitlement-detail-button,
.journal-main .journal-entitlement-summary-action,
.journal-main .journal-analysis-empty-state button,
.journal-main .journal-analysis-error-state button,
.journal-main .journal-all-analysis-empty-state button,
.journal-main .journal-all-analysis-error-state button,
.journal-main .journal-trade-list-empty button,
.journal-main .journal-mistakes-empty-state button,
.journal-main .journal-mistakes-error-state button,
.journal-main .journal-goals-empty-state button,
.journal-main .journal-goals-error-state button,
.journal-main .journal-system-version-detail-panel button {
  height:36px;
  min-height:36px;
  padding-left:16px;
  padding-right:16px;
  border-radius:18px;
  gap:8px;
  font-size:14px;
  line-height:20px;
  font-weight:500;
  white-space:nowrap;
}

/* Button-S / compact actions = 32px. */
.journal-main .journal-tab,
.journal-main .journal-overview-pill,
.journal-main .journal-period-selector-custom,
.journal-main .journal-reference-guide-tab,
.journal-main .journal-analysis-extra-filter,
.journal-main .journal-analysis-advanced-reset,
.journal-main .journal-all-analysis-tab,
.journal-main .journal-trade-list-filter-slot,
.journal-main .journal-trade-list-reset,
.journal-main .journal-create-goal-source-toggle,
.journal-main .journal-create-goal-direction-option,
.journal-main .journal-create-goal-preset-option,
.journal-main .journal-edit-goal-status-toggle button,
.journal-main .journal-edit-strategy-status-toggle button,
.journal-main .journal-create-checklist-status-option,
.journal-main .journal-trade-record-segment,
.journal-main .journal-close-order-segment,
.journal-main .journal-partial-exit-segment,
.journal-main .journal-system-version-history-filters button,
.journal-main .journal-edit-system-status-toggle button,
.journal-main .journal-create-system-status-option,
.journal-main .journal-create-strategy-status-option,
.journal-main .journal-edit-event-status-toggle button,
.journal-main .journal-create-event-status-option,
.journal-main .journal-system-switcher-filter {
  height:32px;
  min-height:32px;
  padding-left:12px;
  padding-right:12px;
  border-radius:16px;
  gap:8px;
  font-size:14px;
  line-height:20px;
  font-weight:500;
  white-space:nowrap;
}

/* Form / submit / save actions = 40px. */
.journal-main .journal-trade-edit-save,
.journal-main .journal-trade-edit-cancel,
.journal-main .journal-create-goal-footer-button,
.journal-main .journal-edit-goal-footer-button,
.journal-main .journal-edit-strategy-form-action,
.journal-main .journal-system-management-form-action,
.journal-main .journal-system-version-history-form-action,
.journal-main .journal-edit-system-form-action,
.journal-main .journal-create-system-form-action,
.journal-main .journal-create-strategy-form-action,
.journal-main .journal-cvm-form-action,
.journal-main .journal-edit-event-form-action,
.journal-main .journal-create-event-form-action {
  height:40px;
  min-height:40px;
  padding-left:16px;
  padding-right:16px;
  border-radius:20px;
  gap:8px;
  font-size:14px;
  line-height:20px;
  font-weight:500;
  white-space:nowrap;
}

/* Dialog close is a Constitution product exception: 40×40, icon-only. */
.journal-main .journal-system-switcher-close {
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  padding:0;
  border-radius:50%;
}

/* ========================================================================== 
   ANANFX Trade Journal — Heading Constitution Lock
   Scope: Trade Journal only (.journal-main)
   Rule:
   - Page Heading: 20px / 28px / 700
   - Section / Dialog Heading: 20px / 28px / 600
   Do not normalize KPI/display numbers through this block.
   ========================================================================== */

/* Page headings — every Trade Journal view */
.journal-main .journal-heading h1,
.journal-main .journal-overview-title,
.journal-main .journal-map-view-title,
.journal-main .journal-reference-guide-heading h2,
.journal-main .journal-analysis-view-title,
.journal-main .journal-all-analysis-title,
.journal-main .journal-checklist-list-view-title,
.journal-main .journal-checklist-history-heading h2,
.journal-main .journal-old-checklist-heading h2,
.journal-main .journal-trade-list-view-title,
.journal-main .journal-trade-record-detail-heading h2,
.journal-main .journal-trade-edit-heading h2,
.journal-main .journal-mistakes-view-title,
.journal-main .journal-mistake-detail-title,
.journal-main .journal-goals-view-title,
.journal-main .journal-create-goal-headingwrap h2,
.journal-main .journal-edit-goal-headingwrap h2,
.journal-main .journal-strategy-detail-headingwrap h2,
.journal-main .journal-edit-strategy-heading h2,
.journal-main .journal-checklist-headingwrap h2,
.journal-main .journal-create-checklist-headingwrap h2,
.journal-main .journal-export-report-headingwrap h2,
.journal-main .journal-trade-record-headingwrap h2,
.journal-main .journal-close-order-headingwrap h2,
.journal-main .journal-partial-exit-headingwrap h2,
.journal-main .journal-system-management-heading h2,
.journal-main .journal-system-version-history-heading h2,
.journal-main .journal-system-version-create-toolbar h2,
.journal-main .journal-system-version-compare-toolbar h2,
.journal-main .journal-system-version-detail-toolbar h2,
.journal-main .journal-edit-system-heading h2,
.journal-main .journal-create-system-heading h2,
.journal-main .journal-create-strategy-heading h2,
.journal-main .journal-checklist-version-management-heading h2,
.journal-main .journal-edit-event-heading h2,
.journal-main .journal-create-event-heading h2,
.journal-main .journal-entitlement-detail-heading h2,
.journal-main .journal-entitlement-history-heading h2,
.journal-main .journal-entitlement-evidence-heading h2 {
  font-size:20px;
  line-height:28px;
  font-weight:700;
}

/* Section headings represented by explicit title classes */
.journal-main .journal-overview-panel-head h3,
.journal-main .journal-overview-active-panel h3,
.journal-main .journal-map-journey-head h3,
.journal-main .journal-reference-guide-sectionhead h3,
.journal-main .journal-reference-guide-aside h3,
.journal-main .journal-analysis-section-head h3,
.journal-main .journal-analysis-insight-panel h3,
.journal-main .journal-analysis-empty-state h3,
.journal-main .journal-analysis-error-state h3,
.journal-main .journal-all-analysis-section-head h3,
.journal-main .journal-all-analysis-panel h3,
.journal-main .journal-mistakes-card-head h3,
.journal-main .journal-mistakes-panel-title-row h3,
.journal-main .journal-mistake-detail-hero-title-row h3,
.journal-main .journal-mistake-detail-card-head h3,
.journal-main .journal-mistake-detail-panel-title-row h3,
.journal-main .journal-goals-section-head h3,
.journal-main .journal-goals-panel-title-row h3,
.journal-main .journal-create-goal-card-head h3,
.journal-main .journal-edit-goal-card h3,
.journal-main .journal-strategy-detail-card-title,
.journal-main .journal-strategy-detail-card-head h3,
.journal-main .journal-strategy-detail-name-row h3,
.journal-main .journal-strategy-detail-summary-eyebrow,
.journal-main .journal-strategy-detail-summary h3,
.journal-main .journal-strategy-detail-summary-section h4,
.journal-main .journal-edit-strategy-card-head h3,
.journal-main .journal-checklist-card-head h3,
.journal-main .journal-checklist-summary-eyebrow,
.journal-main .journal-checklist-summary h3,
.journal-main .journal-create-checklist-card-head h3,
.journal-main .journal-create-checklist-preview h3,
.journal-main .journal-export-report-card-head h3,
.journal-main .journal-export-report-summary h3,
.journal-main .journal-export-report-summary-section h4,
.journal-main .journal-trade-record-card-head--stack h3,
.journal-main .journal-trade-record-section-title,
.journal-main .journal-trade-record-summary-eyebrow,
.journal-main .journal-trade-record-summary h3,
.journal-main .journal-close-order-card-head h3,
.journal-main .journal-close-order-summary h3,
.journal-main .journal-close-order-summary-section h4,
.journal-main .journal-partial-exit-card-head h3,
.journal-main .journal-partial-exit-table-section h4,
.journal-main .journal-partial-exit-summary h3,
.journal-main .journal-partial-exit-summary-section h4,
.journal-main .journal-trade-list-summary-head h3,
.journal-main .journal-trade-list-summary-section h4,
.journal-main .journal-trade-record-detail-card-head h3,
.journal-main .journal-trade-record-detail-summary-head h3,
.journal-main .journal-trade-record-detail-summary-section h4,
.journal-main .journal-trade-edit-card-head h3,
.journal-main .journal-trade-edit-summary-head h3,
.journal-main .journal-trade-edit-right-head h3,
.journal-main .journal-trade-edit-right-section h4,
.journal-main .journal-system-management-card h3,
.journal-main .journal-system-management-identity h4,
.journal-main .journal-system-management-status-panel h3,
.journal-main .journal-system-version-history-section-head h3,
.journal-main .journal-system-version-history-summary > h3,
.journal-main .journal-system-version-history-summary-section h4,
.journal-main .journal-system-version-history-card-title h4,
.journal-main .journal-system-version-detail-card > h3,
.journal-main .journal-system-version-compare-card-head h3,
.journal-main .journal-system-version-create-card-head h3,
.journal-main .journal-entitlement-detail-state h3,
.journal-main .journal-entitlement-summary-section h4,
.journal-main .journal-unapproved-card-head h3,
.journal-main .journal-unapproved-entitlement-eyebrow,
.journal-main .journal-unapproved-entitlement-panel h3 {
  font-size:20px;
  line-height:28px;
  font-weight:600;
}

/* Dialog heading */
.journal-main .journal-system-switcher-head h2 {
  font-size:20px;
  line-height:28px;
  font-weight:600;
}

/* Final semantic safety lock: catches every current/hidden Trade Journal view. */
.journal-main [class*="journal-"][class*="-view"] h1,
.journal-main [class*="journal-"][class*="-view"] h2,
.journal-main [class*="journal-"][class*="-view-title"] {
  font-size:20px;
  line-height:28px;
  font-weight:700;
}

.journal-main [class*="journal-"][class*="-view"] h3,
.journal-main [class*="journal-"][class*="-view"] h4,
.journal-main [class*="journal-"][class*="-section-title"],
.journal-main [class*="journal-"][class*="-panel-title"] {
  font-size:20px;
  line-height:28px;
  font-weight:600;
}

/* Dialogs are section-level, not page-level. */
.journal-main .journal-system-switcher-head h2 {
  font-size:20px;
  line-height:28px;
  font-weight:600;
}

/* =========================================================
   JOURNAL SEARCH GEOMETRY CONSTITUTION NORMALIZATION
   Scope: Trade Journal only. Do not affect other pages.
   Role A = Global header search (strict 640 x 40, button 64 x 40, icon 24 x 24)
   Role B = In-view / switcher search (local width, 40 high, icon 24 x 24; NOT global geometry)
   ========================================================= */

/* Role A — Global Search in the Trade Journal header only. */
body:has(.journal-main) .app-header-center .journal-search.app-search {
  width:640px;
  max-width:640px;
  min-width:640px;
  height:40px;
  min-height:40px;
}
body:has(.journal-main) .app-header-center .journal-search.app-search input {
  height:40px;
  min-height:40px;
}
body:has(.journal-main) .app-header-center .journal-search.app-search .search-button {
  flex:0 0 64px;
  width:64px;
  min-width:64px;
  height:40px;
  min-height:40px;
}
body:has(.journal-main) .app-header-center .journal-search.app-search .search-button img,
body:has(.journal-main) .app-header-center .journal-search.app-search .search-button .icon,
body:has(.journal-main) .app-header-center .journal-search.app-search .search-button .lw-icon {
  width:24px;
  height:24px;
}

/* Role B — System Switcher search: local component width; never inherit 640px global geometry. */
.journal-main .journal-system-switcher-searchwrap {
  width:auto;
  max-width:none;
  min-width:0;
  height:40px;
  min-height:40px;
}
.journal-main .journal-system-switcher-searchicon,
.journal-main .journal-system-switcher-searchicon .journal-ui-icon,
.journal-main .journal-system-switcher-searchicon img {
  width:24px;
  height:24px;
  flex:0 0 24px;
}
.journal-main .journal-system-switcher-searchwrap input {
  width:100%;
  min-width:0;
  height:40px;
  min-height:40px;
}

/* Role B — Search fields inside Trade List / All Checklists: local width, shared 40px control height. */
.journal-main .journal-trade-list-search,
.journal-main .journal-all-checklists-search {
  width:auto;
  max-width:none;
  min-width:0;
  height:40px;
  min-height:40px;
}
.journal-main .journal-trade-list-search img,
.journal-main .journal-all-checklists-search img {
  width:24px;
  height:24px;
  flex:0 0 24px;
}
.journal-main .journal-trade-list-search input,
.journal-main .journal-all-checklists-search input {
  height:40px;
  min-height:40px;
}

/* Journal UX simplification: keep one clear action for each job. */
#allAnalysisBackPanelButton,
#tradeListSummaryExportButton,
#mistakeDetailReturnButton,
#oldChecklistReturnButton,
#systemVersionHistoryPanelBackButton,
#systemVersionDetailPanelBackButton,
#systemEntitlementPanelHistoryButton,
#systemEntitlementHistoryPanelBackButton,
#systemEntitlementEvidencePanelBackButton,
#systemManagementCreateVersionButton,
#systemManagementEditDataButton,
#cvmAllHistoryButton,
#createGoalSaveDraftTopButton,
#createGoalPreviewCreateButton,
#createGoalPreviewSaveDraftButton,
#editGoalPanelSaveButton,
#editGoalPanelCancelButton,
#createChecklistSaveDraftTopButton,
#tradeRecordSaveDraftTopButton,
#closeOrderSaveDraftTopButton,
#partialExitSaveDraftTopButton,
#createSystemSaveDraftTopButton,
#createStrategySaveDraftTopButton,
#createEventSaveDraftTopButton,
#editEventPanelSaveButton,
#editEventPanelCancelButton {
  display:none!important;
}