:root{color-scheme:dark;--bg:#0c1219;--nav:#101922;--panel:#16212c;--raised:#1b2935;--raised2:#202f3b;--line:#283747;--text:#dce6e9;--muted:#91a3ad;--quiet:#6e8591;--accent:#5da9a1;--accent2:#234b4c;--danger:#d4a487;--focus:#8ec7c1;font-family:system-ui,-apple-system,"Segoe UI","Malgun Gothic",sans-serif;font-size:13px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);color:var(--text)}body{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,p{margin:0}small{font-size:11px} .sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{height:100dvh;display:flex;flex-direction:column;min-height:0}.header{height:54px;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#0f1822;border-bottom:1px solid var(--line);gap:16px}.header-left,.header-right{display:flex;align-items:center;gap:11px;min-width:0}.header-left{flex-shrink:0}.header-right{flex:1;justify-content:flex-end}.mark{background:#24575a;color:#cef0e9;font-weight:900;letter-spacing:-.07em;border-radius:9px;display:grid;place-items:center;width:43px;height:43px;font-size:22px}.mark.small{width:30px;height:30px;border-radius:7px;font-size:16px}.header-name{display:flex;flex-direction:column;gap:1px}.header-name b{font-size:13px}.header-name span{color:var(--quiet);font-size:10px}.area-nav{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:8px;margin-right:auto}.area-tab{border:0;padding:7px 14px;border-radius:5px;background:transparent;color:#9aadb8;font-size:12px}.area-tab.current{background:var(--accent2);color:#d8eeea}.btn{border:1px solid var(--line);background:var(--raised);color:var(--text);padding:8px 12px;border-radius:7px;font-size:12px;white-space:nowrap;font-weight:650;transition:background .15s}.btn:hover{background:#283946}.btn.primary{background:#2b6261;border-color:#417c76;color:#e3f2ef}.btn.primary:hover{background:#357572}.btn.outline{background:transparent;border-color:#38505b}.btn.ghost{background:transparent;border-color:transparent;color:#a7bcc5}.btn.subtle{background:#172530;border-color:#324657}.btn.link{border:0;background:transparent;color:#8fc9c1}.btn.sm{font-size:11px;padding:6px 10px}.btn.fluid{width:100%}.btn.disabled-look{opacity:.65}.preview-notice{height:25px;min-height:25px;display:flex;align-items:center;gap:10px;padding:0 19px;background:#24271e;border-bottom:1px solid #33392e;color:#b2b8a4;font-size:10px}.preview-notice strong{color:#d7c18c;font-size:10px}.notice-version{margin-left:auto;color:#8e9887}.shell{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar{width:207px;flex-shrink:0;background:var(--nav);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.side-head{padding:20px 17px 15px;display:flex;flex-direction:column;gap:5px}.side-head strong{font-size:15px}.side-head span{font-size:10px;color:var(--quiet);line-height:1.5}.side-menu{padding:0 8px;display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid transparent;background:transparent;color:#a9bac4;padding:12px 11px;border-radius:7px;font-size:12px}.nav-item:hover{background:#182632;color:#e1eded}.nav-item.active{background:#23454c;border-color:#376973;color:#d7eeed;font-weight:800}.nav-icon{width:18px;display:inline-flex;justify-content:center;color:#93b5b8;font-size:15px}.side-divider{margin:21px 18px 15px;height:1px;background:var(--line)}.side-link{padding:0 15px;display:flex;flex-direction:column;gap:9px}.side-link>span{font-size:10px;color:var(--quiet)}.side-quick{text-align:left;min-height:33px}.side-footer{margin-top:auto;border-top:1px solid var(--line);padding:13px 17px;font-size:10px;color:#a5b7bd}.side-footer small{display:block;color:var(--quiet);padding-top:6px}.dot{display:inline-block;background:#b2ac74;width:6px;height:6px;border-radius:99px;margin-right:5px}.content{min-width:0;min-height:0;flex:1;overflow:hidden}.page{height:100%;min-height:0;display:flex;flex-direction:column;padding:15px 17px 15px;gap:11px}.page-head{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:16px;flex-shrink:0}.location{font-size:10px;color:#76b3b0;font-weight:700}.location span{padding:0 5px;color:#587481}.page-head h1{font-size:20px;font-weight:750;line-height:1.3;margin:3px 0}.page-head p{font-size:11px;color:var(--muted);line-height:1.35}.page-actions{display:flex;gap:8px}.main-flow{min-height:0;flex:1;display:flex;flex-direction:column;gap:11px;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-height:0;overflow:hidden}.capture{height:48px;flex-shrink:0;display:flex;align-items:center;gap:12px;border:1px solid #395b5b;border-radius:9px;background:#172a32;padding:7px 8px 7px 15px}.capture>span{font-size:20px;color:#7cc1b9}.capture input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--text);font-size:13px}.capture input::placeholder{color:#839fa7}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex-shrink:0}.stats>div{height:77px;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:12px 15px;display:flex;flex-direction:column;justify-content:space-between}.stats span{font-size:11px;color:var(--muted)}.stats strong{font-size:23px;color:#cce2e2;font-weight:720}.home-panels{display:grid;grid-template-columns:1fr 1fr;gap:11px;flex:1;min-height:0}.home-panel{display:flex;flex-direction:column}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line);gap:12px;min-height:58px;flex-shrink:0}.panel-title>div{display:flex;flex-direction:column;gap:5px}.panel-title b{font-size:13px}.panel-title small{color:var(--quiet);font-size:10px}.line-list{flex:1;min-height:0;overflow-y:auto}.task-line{display:flex;align-items:center;width:100%;text-align:left;gap:11px;background:transparent;border:0;color:#d2dee3;padding:13px 14px;border-bottom:1px solid #24313e;min-height:48px}.task-line:hover{background:#1c303a}.task-line>span:nth-child(2){flex:1;font-size:12px}.task-line em{font-style:normal;color:#889eaa;font-size:10px}.fake-check{width:16px;height:16px;border:1px solid #4b7580;border-radius:5px;display:grid;place-items:center;color:#88bfba}.chev{color:#7e9b9e;font-size:18px}.panel-foot{height:43px;flex-shrink:0;border-top:1px solid var(--line);display:flex;gap:6px;align-items:center;padding:0 12px}.home-bottom{flex-shrink:0;min-height:66px;border:1px solid var(--line);border-radius:9px;background:var(--panel);display:flex;align-items:center;gap:9px;padding:10px 13px}.home-bottom>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.home-bottom strong{font-size:12px}.home-bottom small{color:var(--muted)}.seg{display:flex;gap:3px;align-items:center;flex-shrink:0}.seg button{border:1px solid transparent;border-radius:7px;background:#19242e;color:#a1b4be;padding:9px 18px;font-size:12px}.seg button.on{background:#285157;color:#e0f1f0;border-color:#487879}.data-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:11px;flex:1;min-height:0}.data-main{display:flex;flex-direction:column}.list-toolbar{padding:10px 12px;border-bottom:1px solid var(--line);display:flex;gap:8px;justify-content:space-between;align-items:center;min-height:56px}.input-search{display:flex;align-items:center;gap:7px;border:1px solid #364c59;border-radius:7px;background:#1d2c38;padding:0 10px;min-width:180px;width:min(340px,48%);height:35px}.input-search>span{font-size:17px;color:#9bb8bd}.input-search input{background:transparent;border:0;outline:0;color:var(--text);font-size:12px;flex:1;min-width:0}.list-toolbar-right{display:flex;gap:7px}.table-area{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#3a4c59 transparent}.data-table{width:100%;border-collapse:collapse;min-width:610px}.data-table th{font-size:11px;color:#9eafbb;text-align:left;font-weight:650;background:#1b2834;position:sticky;top:0;padding:12px 13px;border-bottom:1px solid var(--line);white-space:nowrap;z-index:1}.data-table td{font-size:12px;color:#c3d0d8;padding:12px 13px;border-bottom:1px solid #233441;white-space:nowrap}.data-table th:first-child{width:46%}.data-table tr.selected{background:#203b42}.data-table tr:hover{background:#233642}.row-title{border:0;background:transparent;color:#d9e5e7;font-weight:700;padding:0;text-align:left;font-size:12px}.row-title:hover{text-decoration:underline;color:#b0e3db}.arrow{border:0;background:transparent;color:#89bdb7;font-size:17px}.list-info{border-top:1px solid var(--line);min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:#b0bfc5;font-size:10px;gap:10px}.list-info i{font-style:normal;color:#8da0ab}.chip{border-radius:5px;background:#24464b;color:#b7e1dc;font-size:10px;padding:4px 7px;white-space:nowrap;display:inline-block}.chip.muted{background:#2c3338;color:#b1bdc2}.peek{display:flex;flex-direction:column}.peek-top{height:55px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 15px;font-size:12px;font-weight:750;flex-shrink:0}.peek-main{padding:15px;flex:1;min-height:0;overflow:auto}.eyebrow{font-size:10px;color:#7fbbb5;font-weight:700}.peek-main h2{margin:9px 0 18px;font-size:17px;line-height:1.4}.peek dl{margin:0}.peek dl>div{display:flex;justify-content:space-between;gap:13px;padding:10px 0;border-bottom:1px solid #283747}.peek dt{color:#91a7b2;font-size:11px}.peek dd{margin:0;text-align:right;font-size:11px;font-weight:650}.context-note{margin:20px 0 10px;background:#1b303a;padding:14px;border-radius:8px}.context-note strong{font-size:11px;color:#a5d8d0}.context-note p{color:#a3b8c2;font-size:11px;line-height:1.7;margin-top:7px}.peek details,.advanced{border-top:1px solid var(--line);padding-top:12px}.peek summary,.advanced summary{cursor:pointer;font-size:11px;color:#acbdc7}.peek details p{padding-top:9px;font-size:11px;color:var(--muted);line-height:1.7}.peek-bottom{padding:12px;display:flex;gap:6px;border-top:1px solid var(--line);flex-shrink:0;flex-wrap:wrap}.empty{text-align:center;color:var(--quiet)!important}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:11px;flex:1;min-height:0}.review-form,.review-guide{display:flex;flex-direction:column;min-height:0}.review-content{min-height:0;flex:1;display:flex;flex-direction:column;padding:16px;gap:12px}.idea-input{width:100%;flex:1;min-height:180px;resize:none;line-height:1.85;background:#101b25;border:1px solid #34505a;color:#e1eaed;border-radius:8px;padding:18px;font-size:14px}.idea-input::placeholder{color:#80929f}.idea-input:focus{outline:1px solid var(--accent)}.idea-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center}.hint{color:#91a8b1;font-size:11px;line-height:1.6}.idea-commands{display:flex;gap:7px}.review-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:12px}.optional-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;background:#1a2a34;border-radius:8px;padding:10px}.optional-details>div{display:flex;flex-direction:column;gap:7px;min-width:0}.optional-details span{font-size:10px;color:var(--muted)}.optional-details select{width:100%;background:#15222d;border:1px solid #344959;color:#d9e4e8;border-radius:6px;padding:8px;font-size:11px}.guide-content{display:flex;flex-direction:column;padding:16px;gap:9px;min-height:0;overflow:auto}.result-mark{width:34px;height:34px;border-radius:8px;background:#245052;color:#a3d7d2;display:grid;place-items:center;font-size:17px}.guide-content h3{font-size:14px;margin-top:4px}.guide-content p{color:#a1b4bd;line-height:1.7;font-size:11px;margin-bottom:7px}.guide-step{display:flex;align-items:flex-start;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.guide-step>span{color:#6ba9a5;font-weight:850;font-size:12px}.guide-step>div{display:flex;flex-direction:column;gap:5px}.guide-step b{font-size:12px}.guide-step small{color:#8ca2ad}.guide-foot{border-radius:7px;background:#1d3440;padding:11px;line-height:1.6;color:#9bb9c0;font-size:11px;margin-top:auto}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;align-content:start}.settings-card{min-height:190px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:13px 16px;border-top:1px solid #263746;font-size:12px}.setting-row span:last-child{color:#8ba1ac;font-size:11px}.quiet{color:var(--muted);line-height:1.8;font-size:11px;padding:16px}.builder{display:flex;flex-direction:column}.builder-body{padding:19px;display:flex;flex-direction:column;gap:14px;overflow:auto}.compact-row{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:560px}.compact-row span{color:#b6c6cd;font-size:12px}.compact-row select{width:60%;padding:10px;background:#1d2c36;color:var(--text);border:1px solid #38505c;border-radius:7px}.safe-note{background:#24302d;border:1px solid #3a4c42;border-radius:7px;padding:12px;color:#b4c2ab;line-height:1.6;font-size:11px}.form-actions{display:flex;gap:8px;padding-top:9px}.builder .advanced{margin-top:8px}.advanced label{display:block;font-size:11px;margin-top:12px;color:#c3ced2}.paper-sm{background:#f3f3f0;color:#2b3840;margin:18px auto;padding:25px 22px;width:min(78%,265px);aspect-ratio:210/297;box-shadow:0 8px 20px #0003;display:flex;flex-direction:column;gap:16px}.paper-sm h3{font-size:13px}.paper-sm>span{font-size:9px;color:#77828b}.paper-sm b{font-size:10px}.paper-sm p{font-size:9px;color:#7e8488}.paper-rule{height:1px;background:#b5bdc1}.diagram{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;padding:20px;flex:1}.diagram-row{display:flex;align-items:center;justify-content:center;gap:18px;width:100%}.diagram-row>div{padding:20px;border:1px solid #41616b;border-radius:9px;background:#1b303a;min-width:145px;text-align:center;font-size:13px;font-weight:750}.diagram-row small{display:block;color:#9cb1bc;font-weight:450;padding-top:11px}.diagram-row>span{color:#82b4b4;font-size:23px}.diagram-notes{padding:18px;border:1px solid var(--line);border-radius:9px;width:min(700px,100%)}.diagram-notes p{color:var(--muted);line-height:1.7;padding:10px 0;font-size:12px}.detail-panel{display:flex;flex-direction:column;flex:1}.detail-bar{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.detail-bar h2{font-size:18px;margin-top:7px}.detail-bar>div:last-child{display:flex;gap:7px}.detail-tabs{display:flex;gap:3px;padding:0 15px;border-bottom:1px solid var(--line)}.detail-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#96aab5;padding:13px 16px;font-size:12px}.detail-tabs button.on{border-bottom-color:var(--accent);color:#d0ebe5}.detail-scroll{flex:1;min-height:0;overflow:auto;padding:20px}.minimal-form{max-width:760px;display:flex;flex-direction:column;gap:18px}.field-label{display:flex;flex-direction:column;gap:8px;color:#b1c4cc;font-size:11px;font-weight:700}.field-label .input,.field-label textarea{background:#1c2b37;border:1px solid #3a5260;color:#dfebef;border-radius:7px;padding:11px 12px;resize:vertical;min-height:39px;font-size:12px}.field-label textarea{min-height:88px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:13px}.detail-footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;border-top:1px solid var(--line);padding:12px 16px}.blank-state{padding:50px;color:#a6b9c4;line-height:1.9}.blank-state b{font-size:14px;color:#d1dfe5}.blank-state p{margin:10px 0 19px}.link-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.link-cards>div{border:1px solid var(--line);padding:20px;border-radius:9px}.link-cards p{font-size:12px;color:var(--muted);line-height:1.8;margin:13px 0}.overlay{position:fixed;inset:0;background:#020609b9;display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}.dialog{width:min(530px,100%);max-height:calc(100dvh - 45px);background:#182531;border:1px solid #45606a;box-shadow:0 20px 70px #0009;border-radius:12px;display:flex;flex-direction:column}.dialog-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:17px}.close-icon{border:none;background:transparent;font-size:20px;color:#a5b8c2}.dialog-body{padding:21px;display:flex;flex-direction:column;gap:15px;min-height:0;overflow:auto}.dialog-body>p{color:#a8bdc5;font-size:12px;line-height:1.7}.dialog-body .advanced{padding:13px 0}.dialog-body .advanced .two-cols{margin-top:16px}.dialog-foot{display:flex;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--line);gap:8px}.connection-list{display:flex;flex-direction:column;gap:7px}.connection-list>div{padding:11px 12px;border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column;gap:7px}.connection-list b{font-size:12px}.connection-list small{color:var(--muted);line-height:1.5}.toast{position:fixed;bottom:25px;right:25px;z-index:40;background:#2a4547;border:1px solid #508b87;color:#e2f2ee;padding:14px 19px;border-radius:8px;box-shadow:0 10px 35px #0006;max-width:380px;font-size:12px}.login{height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 55% 10%,#18323a,#0e161f 56%,#0b1016)}.login-box{width:min(438px,100%);background:#16222d;border:1px solid #304550;border-radius:14px;box-shadow:0 20px 70px #0005;padding:34px}.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:30px}.login-brand>div{display:flex;flex-direction:column;gap:5px}.login-brand b{font-size:18px}.login-brand small{color:#7896a3;font-size:9px;letter-spacing:.1em}.overline{font-size:10px;color:#80beb6;font-weight:700}.login-box h1{font-size:25px;margin:11px 0}.login-box p{font-size:12px;color:#a6bac3;line-height:1.8;margin-bottom:21px}.login-fake{display:flex;flex-direction:column;gap:13px}.login-fake label{display:flex;flex-direction:column;font-size:11px;gap:7px;color:#b4c6cd}.login-fake input{border:1px solid #304351;background:#1a2a34;border-radius:7px;padding:12px;color:#9daeb9}.warn-small{background:#29291f;border:1px solid #494638;color:#c5b68e;border-radius:7px;font-size:11px;padding:11px;margin:18px 0}.login-foot{display:block;text-align:center;color:#79909d;margin-top:16px}.mobile-only{display:none}.square{background:none;border:1px solid var(--line);color:var(--text);border-radius:6px;padding:6px 9px}
@media(max-width:1190px){.review-layout{grid-template-columns:minmax(0,1fr) 290px}.data-layout{grid-template-columns:minmax(0,1fr) 275px}.top-action{display:none}.diagram-row{gap:9px}.diagram-row>div{min-width:115px;padding:14px 8px}}@media(max-height:780px) and (min-width:800px){.page{padding:10px 14px;gap:7px}.page-head{min-height:52px}.stats>div{height:65px;padding:9px 12px}.home-bottom{min-height:53px}.panel-title{min-height:49px;padding:10px 13px}.task-line{min-height:43px;padding:9px 13px}.home-panels{gap:8px}.main-flow{gap:8px}.capture{height:43px}.side-head{padding-top:14px}.nav-item{padding:10px}.review-content{padding:11px}.guide-content{padding:11px}.guide-step{padding:6px 0}.guide-content p{margin-bottom:1px}}@media(max-width:850px){body{overflow:auto}.app{height:100dvh}.header{padding:0 10px}.mobile-only{display:block}.header-name span,.notice-version,.top-action{display:none}.header-right{gap:5px}.header-right .btn{padding:7px;font-size:10px}.sidebar{position:fixed;top:79px;bottom:0;left:-240px;z-index:15;transition:left .15s;box-shadow:6px 0 30px #0006}.sidebar.open{left:0}.content{overflow:auto}.page{height:auto;min-height:calc(100dvh - 79px);overflow:visible}.main-flow{overflow:visible}.stats{grid-template-columns:1fr 1fr}.home-panels,.data-layout,.review-layout{grid-template-columns:1fr}.home-panel{min-height:270px}.data-main{height:420px}.peek{min-height:300px}.review-form{min-height:420px}.review-guide{min-height:340px}.idea-input{min-height:240px}.settings-grid{grid-template-columns:1fr}.home-bottom{flex-wrap:wrap}.home-bottom>div{flex-basis:100%}.area-nav{position:fixed;bottom:0;left:0;right:0;margin:0;background:#0e1822;z-index:10;justify-content:center;border-radius:0}.area-tab{padding:9px 7px}.diagram-row{flex-wrap:wrap}.diagram-row>div{min-width:125px}.diagram{min-height:390px}.login-box{padding:23px}.detail-panel{min-height:650px}}@media(max-width:470px){.header-right .btn.ghost{display:none}.page-head{align-items:flex-start;flex-wrap:wrap}.page-actions{margin-left:auto}.stats{gap:7px}.stats>div{height:63px}.stats strong{font-size:20px}.home-bottom .btn{flex:1}.seg{overflow:auto}.seg button{white-space:nowrap;padding:8px 12px}.review-content{padding:11px}.optional-details,.two-cols{grid-template-columns:1fr}.idea-bottom{flex-wrap:wrap}.idea-commands{margin-left:auto}.paper-sm{margin:16px auto}.list-toolbar-right .btn.ghost{display:none}.link-cards{grid-template-columns:1fr}.detail-tabs button{padding:10px 9px}}/* ---- WorkHub 0.2.0: 로그인·업무일지 실사용 화면 ---- */
code{font-family:Consolas,"Cascadia Mono",monospace;font-size:11px;background:#0f1a22;border:1px solid #2c3e4b;border-radius:4px;padding:1px 5px;color:#cfe3e0;word-break:break-all}
.user-name{font-size:11px;color:#a9bcc5;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-backdrop{display:none}
.chip.draft{background:#3a3522;color:#e2cf98}.chip.danger{background:#3d2a26;color:#e6b9a6}.chip.example{background:#26302f;color:#9fb4b0;border:1px dashed #41605b}
.stats>div{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:10px;align-items:end}.stats>div>span{grid-column:1/3;align-self:start}.stats>div small{font-size:10px;color:var(--quiet);padding-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blank-inline{padding:22px 16px;color:#a6b9c4;display:flex;flex-direction:column;gap:7px;line-height:1.6}.blank-inline b{color:#d4e2e6;font-size:13px}.blank-inline small{color:var(--muted)}
.error,.blank-inline.error{color:#e6b9a6!important}
.muted-list .task-line{opacity:.72}.example-line .fake-check{border-style:dashed}
.task-line .chip{flex-shrink:0}
.row-text{border:0;background:transparent;color:#c3d0d8;padding:0;text-align:left;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.row-text:hover{color:#e2eef0}
.journal-table{table-layout:fixed;min-width:560px}.journal-table th:nth-child(1){width:112px}.journal-table th:nth-child(2){width:86px}.journal-table th:nth-child(3){width:auto}.journal-table th:nth-child(4){width:118px}.journal-table th:nth-child(5){width:44px}
.data-table th:first-child{width:auto}.data-table:not(.journal-table) th:first-child{width:46%}
.preview-cell{overflow:hidden}.nowrap{white-space:nowrap}
.list-toolbar.wrap{flex-wrap:wrap;margin:0}.list-toolbar-right{align-items:center;flex-wrap:wrap}
.date-filter{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
input[type=date]{background:#1d2c38;border:1px solid #364c59;border-radius:7px;color:var(--text);padding:6px 8px;font-size:12px;color-scheme:dark;height:33px}
.quiet-sep{color:var(--quiet)}
.journal-text{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-size:13px;line-height:1.8;color:#d7e3e7}
.journal-text.boxed{background:#101b25;border:1px solid #2c4350;border-radius:8px;padding:14px 16px;margin-top:10px}
.peek-status{display:flex;align-items:center;gap:8px;margin:8px 0 14px}.peek-status small{color:var(--quiet)}
.editor-scroll{display:flex;flex-direction:column;gap:8px;padding:14px 18px}
.journal-input{width:100%;flex:1;min-height:200px;resize:none;line-height:1.85;background:#101b25;border:1px solid #34505a;color:#e1eaed;border-radius:8px;padding:16px 18px;font-size:14px}
.journal-input:focus{outline:1px solid var(--accent)}.journal-input::placeholder{color:#80929f}.journal-input[readonly]{opacity:.75}
.editor-hint{display:flex;justify-content:space-between;gap:12px;color:var(--quiet);font-size:10px;flex-wrap:wrap}
.editor-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.editor-meta small{color:var(--quiet);font-size:10px}
.date-field{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#b1c4cc}
.detail-bar{flex-wrap:wrap}.detail-tabs button:disabled{opacity:.5}
.save-state{margin-right:auto;font-size:11px;color:var(--quiet)}.save-state.dirty{color:#e2cf98}.save-state.ok{color:#9fd6c8}.save-state.error{color:#e6b9a6}
.rev-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;min-height:0}
.rev-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:100%;overflow:auto}
.rev-item{width:100%;display:grid;grid-template-columns:34px 1fr;gap:2px 8px;text-align:left;border:1px solid var(--line);background:transparent;color:#c3d0d8;border-radius:7px;padding:8px 10px;font-size:11px}
.rev-item em{grid-column:2;font-style:normal;color:var(--quiet);font-size:10px}.rev-item.on{background:#23454c;border-color:#376973}
.rev-view{min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.rev-view .journal-text{align-self:stretch}.rev-meta{font-size:11px;color:var(--muted)}
.login-form{display:flex;flex-direction:column;gap:13px}.login-form label{display:flex;flex-direction:column;font-size:11px;gap:7px;color:#b4c6cd}
.login-form input{border:1px solid #3a5260;background:#1a2a34;border-radius:7px;padding:12px;color:var(--text)}
.form-error{background:#3a2622;border:1px solid #6b4238;color:#efc6b6;border-radius:7px;font-size:12px;padding:10px 12px;line-height:1.5}
.warn-small{line-height:1.7}
.toast.ok{background:#22443d;border-color:#4f8a7c}.toast.error{background:#45302a;border-color:#8a5a4b;color:#f3dcd2}.toast.info{background:#2d3438;border-color:#56636b}
.gsearch{display:flex;align-items:flex-end;gap:8px}.gsearch .field-label{flex:1}
.settings-card .setting-row span:last-child{text-align:right}
@media(max-height:780px) and (min-width:800px){.editor-scroll{padding:10px 14px}.detail-bar{padding:10px 14px}.detail-tabs button{padding:9px 14px}.detail-footer{padding:9px 14px}.stats>div{height:62px}.peek-main{padding:12px}}
@media(max-width:850px){.side-backdrop{display:block;position:fixed;inset:79px 0 0 0;background:#0008;z-index:14}.user-name{display:none}.data-main{height:auto;min-height:360px;max-height:70dvh}.journal-input{min-height:46dvh}.rev-layout{grid-template-columns:1fr}.rev-list{max-height:180px}.detail-panel{min-height:0}.page-head{min-height:0}}
@media(max-width:470px){.journal-table{min-width:0}.journal-table th:nth-child(4),.journal-table td:nth-child(4){display:none}.journal-table th:nth-child(1){width:92px}.journal-table th:nth-child(2){width:72px}.list-toolbar.wrap .input-search{width:100%}.date-filter-input,input[type=date]{max-width:132px}.editor-meta .date-field{width:100%}.detail-footer{flex-wrap:wrap}.save-state{flex-basis:100%}.capture{gap:8px;padding-left:10px}.capture .btn{padding:8px 9px}}
/* ---- WorkHub 0.2.1: 미저장 일지 회수 ---- */
.recovery-banner{min-height:38px;display:flex;align-items:center;gap:12px;padding:5px 19px;background:#3a3522;border-bottom:1px solid #5a5032;color:#efdca8;font-size:12px;flex-shrink:0}
.recovery-banner span{flex:1;min-width:0}
.recovery-login{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:12px;border:1px solid #5a5032;background:#2b2a20;border-radius:8px}
.recovery-login b{font-size:12px;color:#efdca8}.recovery-login small{color:#c9bd98;line-height:1.6}
.recovery-login textarea{min-height:90px;max-height:160px;resize:vertical;background:#101b25;border:1px solid #4d4a36;color:#e1eaed;border-radius:6px;padding:8px;font:inherit;font-size:12px;line-height:1.6}
.recovery-login .btn{align-self:flex-start}
.safe-note.warn{background:#3a3522;border-color:#5a5032;color:#efdca8;flex-shrink:0}
.recovery-body{display:flex;flex-direction:column}.recovery-body .journal-input{flex:1;min-height:160px}
@media(max-width:850px){.recovery-banner{flex-wrap:wrap;padding:6px 10px}}
.login{display:flex;flex-direction:column;overflow-y:auto}.login-box{margin:auto}
.recovery-login textarea{max-height:110px;min-height:70px}
@media(max-height:780px){.login-box{padding:22px 30px}.login-brand{margin-bottom:16px}.login-box h1{font-size:21px;margin:6px 0}.login-box p{margin-bottom:12px;line-height:1.6}}
.recovery-layout .panel-foot{flex-wrap:wrap;height:auto;min-height:43px;padding:7px 12px}
.quick-note{font-size:11px;color:#9fd6c8;margin:-4px 2px 0;flex-shrink:0}.quick-note.error{color:#e6b9a6}