/* K-20261018-03: ocean only in the banner; opaque, readable work controls. */
.record-exchange .record-save-exchange{min-width:0;max-width:100%;line-height:1.5}
.record-exchange #erSaveExchange{width:16px;height:16px;min-width:16px;min-height:16px;flex:0 0 16px;padding:0;margin:0}
.record-recent tr:has(.calculate-category.cost) .record-impact{color:#e34c55}
.log-score{font-size:.78rem;white-space:normal;text-align:right;overflow-wrap:anywhere}
body.record-sea.today-cockpit:not(.reaction-active) .top{background:#f7fbff!important;box-shadow:none!important}
body.record-sea.today-cockpit:not(.reaction-active) .top .nav{box-shadow:0 3px 15px #70a2dc15!important;backdrop-filter:none!important}
body.record-sea #erText{border:1px solid #d6e5f9!important;background:#f9fcff!important;border-radius:15px!important;padding:12px 16px!important;box-shadow:none!important;font-size:15px;min-height:82px}
.record-row-actions [data-del-event]{font-size:0;width:18px;height:22px;background:center/18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23607fab' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7m4-7v7'/%3E%3C/svg%3E")}
body.record-sea .record-stage{background:#edf6ff;padding:0 0 42px;min-height:calc(100svh - 76px);font-family:Inter,system-ui,sans-serif;color:#09194e}
.record-intro{max-width:none;margin:0;min-height:250px;background:#bee4ff url('/vali-record-ocean-header-v2.webp') center 65%/cover no-repeat;position:relative}
.record-intro-inner{position:relative;max-width:1560px;margin:auto;padding:28px max(5vw,24px);min-height:250px}.record-profile{max-width:52%}.record-profile small{font-size:13px;color:#214a70}.record-profile>div{display:flex;align-items:center;gap:18px;margin:7px 0 13px}.record-profile h1{font-size:36px;font-weight:750;color:#07194e}.record-profile button{border:0;border-radius:20px;background:#f6fbff;color:#0757fb;padding:7px 15px;font-size:12px;white-space:nowrap}.record-profile p{font-size:16px;line-height:1.6;max-width:390px;color:#123f6b;margin:0}
.record-intro .record-companion{right:7%;bottom:25px;gap:14px}.record-companion img{width:130px;height:140px;filter:none}.record-intro .record-speech{max-width:235px;border-radius:22px 22px 22px 4px;background:#fff;box-shadow:none;padding:19px}.record-speech strong{font-size:19px;color:#09194e}.record-speech span{font-size:13px;color:#516b99;line-height:1.5}.record-reminder{right:24px;top:18px;width:30px;height:30px;font-size:19px;background:#fff;border-color:#d8ebfa}
.record-body{padding:0 max(4vw,20px);position:relative;max-width:1560px;margin:-10px auto 0}
.record-stage .record-console{max-width:none;background:#fff;border:1px solid white;border-radius:24px;box-shadow:0 6px 20px #5e91d917;backdrop-filter:none;padding:22px 24px}
.record-content{padding:0;background:#fff;border:0;border-radius:0}.record-content label{font-size:20px;font-weight:750;gap:9px;margin-bottom:12px;color:#08194f}.record-content textarea{background:#f9fcff;min-height:82px;border:1px solid #d6e5f9;border-radius:15px;padding:12px 16px;font:15px/1.6 Inter,system-ui,sans-serif;box-shadow:none;color:#163362}.record-content textarea::placeholder{color:#8197ba;font-size:14px}
.record-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 0}.record-meta .er-field{background:#f9fcff!important;border:1px solid #e4eef9!important;border-radius:17px;padding:14px!important;box-shadow:none!important}.record-meta label{font-size:12px;margin:0 0 9px;color:#11265e;font-weight:700}.record-meta input,.record-meta select,.record-meta .picker-btn{height:44px;border-radius:12px;border:1px solid #d7e5f9;box-shadow:0 2px 5px #2c6ecb08;background:#fff;color:#10285f;font:14px Inter,system-ui,sans-serif;padding:10px 12px}.record-meta .er-mood{grid-column:auto}.record-meta .picker-menu{z-index:30;box-shadow:0 9px 25px #345a9b30;background:#fff}.record-meta .picker-menu button{font-size:13px}.record-meta .picker-menu small{font-size:11px}
.record-exchange{display:flex;align-items:center;gap:26px;margin-top:20px;border-top:1px solid #e2ecfa;padding-top:18px}.record-exchange-fields{flex:1;min-width:0}.record-exchange h2{font-size:18px;margin-bottom:12px;color:#09194e}.record-exchange h2 span{font-weight:650}.record-console .record-exchange .income-entry-fields{background:#fff;border:0;border-radius:0;padding:0!important;margin:0!important;color:#183a70}.record-exchange .exchange-entry-title{display:none!important}.record-exchange-controls{display:grid;grid-template-columns:1.1fr 2fr;gap:20px;align-items:start}.record-exchange .exchange-direction{display:block;margin:0}.record-exchange label{font-size:12px;color:#19366c;margin-bottom:8px;font-weight:500}.record-direction-toggle{display:flex;border:1px solid #d6e4f7;border-radius:12px;overflow:hidden;height:44px;background:#f9fcff}.record-direction-toggle button{flex:1;min-width:0;padding:8px 9px;border:0;background:transparent;color:#536d9d;font:500 12px Inter,system-ui,sans-serif;white-space:nowrap}.record-direction-toggle button.active{background:#dceaff;color:#0757fb}.record-exchange .exchange-money-controls{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;align-items:start}.record-exchange .exchange-money-controls input[type=number],.record-exchange .exchange-money-controls select,.record-exchange .exchange-cost-controls input,.record-exchange .exchange-cost-controls select,.record-exchange .exchange-goal-controls input{height:44px;width:100%;border:1px solid #d7e5f9;border-radius:12px;background:#fff;color:#183a70;padding:10px 12px;font-size:14px}.record-exchange .record-save-exchange{grid-column:1/-1;display:flex!important;align-items:center;font-size:11px;gap:7px;margin:0!important;color:#5c75a2}.record-save-exchange input{width:15px;height:15px;accent-color:#0757fb}.record-exchange .exchange-cost-controls{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;align-items:center}.record-exchange .exchange-cost-controls label{grid-row:1;margin:0}.record-exchange .exchange-cost-controls input{grid-column:1;grid-row:2}.record-exchange .exchange-cost-controls select{grid-column:2;grid-row:2}.record-exchange .cost-preview{font-size:11px;margin:7px 0 0!important;color:#6883ae}.record-exchange .er-score{max-width:290px}.record-exchange .er-score label{font-weight:650}.record-exchange .stepper{height:44px;box-shadow:none;border-radius:12px;border:1px solid #d7e5f9;width:100%}.record-exchange .stepper input{border:0;min-width:0;border-radius:0;text-align:center;height:42px;background:white}.record-exchange .stepper button{flex:none;width:44px;min-height:42px;border-radius:0}.record-exchange .overtime-pay-field{font-size:12px;margin-top:12px}.record-console .record-exchange #saveToday{width:245px;flex:none;height:52px;font:650 16px Inter,system-ui,sans-serif;background:#0757fb;box-shadow:0 4px 12px #0757fb22;border:0;border-radius:13px;margin:20px 0 0;padding:12px}
.record-recent{margin:18px 0 0;padding:19px 22px;background:white;border:1px solid white;border-radius:22px;box-shadow:0 5px 18px #5e91d917}.record-recent>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:12px}.record-recent h2{font-size:20px;color:#09194e}.record-recent h2 span{color:#0757fb;margin-right:8px}.record-recent header button{border:0;background:transparent;color:#0757fb;font:500 13px Inter,system-ui,sans-serif}.record-table-scroll{overflow-x:auto;border:1px solid #e2ecfa;border-radius:12px}.record-recent table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.record-recent th{background:#edf5ff;color:#4c6493;font-weight:650}.record-recent th,.record-recent td{padding:12px 14px;text-align:left;border-bottom:1px solid #e8eff9;border-right:1px solid #edf3fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-recent th:nth-child(1){width:135px}.record-recent th:nth-child(2){width:105px}.record-recent th:nth-child(4){width:175px}.record-recent th:nth-child(5){width:140px}.record-recent th:nth-child(6){width:100px}.record-recent tr:last-child td{border-bottom:0}.record-impact{color:#158767;font-weight:600}.record-feeling{background:#edf6ff;color:#4777ab;border-radius:20px;padding:4px 9px;font-size:11px}.record-row-actions{display:flex;gap:17px;align-items:center}.record-row-actions button{border:0;background:transparent;color:#607fab;padding:2px;font-size:18px}.record-empty{height:100px;text-align:center!important;color:#8493af}
@media(max-width:1150px){.record-console .record-exchange #saveToday{width:190px}.record-exchange-controls{gap:12px}.record-direction-toggle button{padding:8px 4px;font-size:11px}.record-exchange .exchange-money-controls{gap:10px}.record-recent th:nth-child(1){width:115px}.record-recent th:nth-child(2){width:80px}.record-recent th:nth-child(4){width:145px}.record-recent th:nth-child(5){width:110px}.record-recent th:nth-child(6){width:90px}}
@media(max-width:760px){
 body.record-sea .record-stage{padding-bottom:94px}.record-intro,.record-intro-inner{min-height:305px}.record-intro-inner{padding:22px 20px}.record-profile{max-width:100%}.record-profile small{font-size:11px}.record-profile h1{font-size:29px}.record-profile>div{gap:12px;margin:7px 0 10px}.record-profile button{font-size:10px;padding:6px 10px}.record-profile p{font-size:13px;max-width:280px}.record-intro .record-companion{right:20px;bottom:10px;gap:8px}.record-companion img{width:85px;height:93px}.record-intro .record-speech{max-width:210px;padding:12px 14px;border-radius:17px 17px 17px 4px}.record-speech strong{font-size:15px}.record-speech span{font-size:11px}.record-reminder{right:16px;top:15px;width:26px;height:26px;font-size:17px}.record-body{padding:0 12px}.record-stage .record-console{padding:17px 14px;border-radius:20px}.record-content label{font-size:17px}.record-content textarea{font-size:16px;min-height:90px;padding:10px}.record-content textarea::placeholder{font-size:12px}.record-planet-icon{width:28px;height:23px}.record-meta{grid-template-columns:1fr 1fr;gap:12px 10px}.record-meta .er-field{padding:10px!important;border-radius:13px}.record-meta label{font-size:11px}.record-meta input,.record-meta select,.record-meta .picker-btn{font-size:12px;padding:8px;min-height:44px}.record-meta .er-mood{grid-column:auto}.record-exchange{flex-direction:column;gap:14px;align-items:stretch}.record-exchange h2{font-size:16px}.record-exchange-controls{grid-template-columns:1fr;gap:14px}.record-exchange .exchange-money-controls,.record-exchange .exchange-cost-controls{grid-column:1;grid-template-columns:1fr 1fr;gap:10px}.record-exchange .exchange-direction{grid-column:1}.record-direction-toggle button{font-size:13px}.record-exchange .exchange-money-controls input,.record-exchange .exchange-money-controls select,.record-exchange .exchange-cost-controls input,.record-exchange .exchange-cost-controls select{font-size:14px}.record-console .record-exchange #saveToday{width:100%;margin:0;height:48px;font-size:15px}.record-exchange .er-score{max-width:none}.record-exchange .overtime-pay-field{flex-direction:row;align-items:center}.record-recent{padding:17px 14px;border-radius:20px}.record-recent h2{font-size:17px}.record-recent header button{font-size:11px}.record-recent table{min-width:730px;font-size:11px}.record-recent th,.record-recent td{padding:11px 10px}.record-recent th:nth-child(3){width:180px}.record-recent .record-empty{text-align:left!important}
}