@font-face{font-family:'ESA Nanum Gothic';src:url('/fonts/NanumGothic-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:optional}
@font-face{font-family:'ESA Nanum Gothic';src:url('/fonts/NanumGothic-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:optional}
:root{font-family:Pretendard,'Segoe UI',system-ui,sans-serif;color:#173042;background:#f1f5f9;font-size:14px}*{box-sizing:border-box}body{margin:0}header{background:#102938;color:white;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}header small{font-size:10px;letter-spacing:2px;color:#88bfcc}h1{font-size:26px;margin:4px 0}h2{margin:6px 0;font-size:28px}.header-tools{display:flex;align-items:center;gap:22px}.branding{font-size:14px}.branding span{display:block;color:#b5c8d3;font-size:12px;margin-top:5px}main{max-width:1500px;margin:auto;padding:28px 32px}button,input,select,textarea{font:inherit;border:1px solid #cfdae3;border-radius:9px;padding:10px 12px}input,select,textarea{background:white;color:#173042}input:focus,select:focus,textarea:focus{outline:2px solid #087f8c;outline-offset:2px}button{cursor:pointer;background:white;color:#173042}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#087f8c;color:white;border-color:#087f8c}.danger{background:#be123c;color:white;border-color:#be123c}.page-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:#087f8c;font-weight:700;margin:0 0 6px}.actor-label{display:grid;gap:5px;font-weight:600}.actor-label small{font-weight:400;color:#64748b;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.stats>div{border:1px solid #dbe4ec;border-radius:14px;background:white;padding:16px 20px;color:#64748b}.stats b{display:block;font-size:28px;color:#173042;margin-top:8px}.stats>div:nth-child(3){border-top:3px solid #087f8c}.toolbar{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:10px;margin-bottom:16px}.scroll{overflow:auto;background:white;border:1px solid #dbe4ec;border-radius:14px}table{border-collapse:collapse;width:100%;min-width:850px}th{background:#eaf0f5;color:#577083;font-size:12px}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid #e2e8f0}tbody tr{cursor:pointer}tbody tr:hover,tbody tr:focus{background:#effbfc}td:nth-child(2){max-width:450px}td:nth-child(4){max-width:210px;white-space:pre-line;font-size:12px}.muted{font-size:12px;color:#64748b}.badge{display:inline-block;border-radius:6px;background:#e9f0f5;padding:5px 9px;font-size:11px;font-weight:600}.badge.done{background:#d8f3e9;color:#167457}.badge.progress{background:#deecff;color:#285da7}.badge.high{background:#ffe4e6;color:#be123c}.card{background:white;border:1px solid #dbe4ec;padding:18px;border-radius:14px;margin-top:16px}summary{cursor:pointer;font-weight:600}.overlay{position:fixed;inset:0;background:#071e35aa;backdrop-filter:blur(3px);z-index:5}.hidden{display:none!important}.panel{position:fixed;right:0;top:0;bottom:0;width:min(920px,95vw);background:#f3f7fa;z-index:6;overflow:auto;box-shadow:-20px 0 70px #00182c30}.detail-hero{background:linear-gradient(125deg,#102938,#165966);padding:30px;color:white}.detail-hero .eyebrow{color:#80d5db}.detail-hero h2{font-size:24px;line-height:1.45;padding-right:30px}.detail-hero .badge{margin:8px 6px 0 0}.detail-hero #close{float:right;background:#ffffff18;color:white;border-color:#ffffff40}.detail-body{padding:22px}.detail-section{background:white;border:1px solid #dbe4ec;border-radius:14px;padding:22px;margin-bottom:18px}.detail-section h3{font-size:17px;display:flex;align-items:center;gap:12px;margin:0 0 20px}.detail-section h3>span{background:#dff3f4;color:#087f8c;border-radius:8px;padding:7px;font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}label{font-size:12px;font-weight:600;display:block}label>input,label>select,label>textarea{display:block;width:100%;margin-top:7px;font-size:14px}textarea{width:100%;resize:vertical;line-height:1.65}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chips label{background:#f1f5f9;border-radius:8px;padding:7px;font-weight:400}.chips input{display:inline;width:auto;margin:0 4px 0 0}.save-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;padding:15px;background:#dff3f4;border:1px solid #b2dfe2;border-radius:12px;font-size:12px}.feedback-actions{display:flex;justify-content:space-between;gap:10px;margin:10px 0 16px}.entry{padding:15px;border-left:3px solid #087f8c;background:#f6f9fc;border-radius:0 10px 10px 0;margin:12px 0}.entry-top{display:flex;justify-content:space-between;gap:10px;font-size:12px}.entry time{color:#64748b;font-size:11px}.entry p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.change{margin-top:10px;font-size:12px}.change strong{display:block;margin-bottom:5px}.change-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}.change-values>div{padding:9px;background:white;border:1px solid #e1e8ef;border-radius:7px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:170px;overflow:auto}.change-values small{display:block;color:#64748b;margin-bottom:4px}.dangerZone{padding:18px;border:1px solid #fecdd3;background:#fff1f2;border-radius:12px}.dangerZone button{margin-top:12px}#emailForm{display:flex;gap:10px;align-items:end}#emailForm label{flex:1}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#102938;color:white;border-radius:12px;padding:14px 22px;z-index:20;max-width:90vw}.toast.error{background:#a71936}@media(max-width:800px){header{padding:18px;align-items:start}.header-tools{gap:10px;flex-direction:column;align-items:end}main{padding:20px 14px}.page-top{align-items:start;flex-direction:column}.actor-label{width:100%}.stats{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}.panel{width:100vw}.detail-body{padding:12px}.detail-section{padding:18px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.save-bar,#emailForm{flex-direction:column;align-items:stretch}.change-values{grid-template-columns:1fr}.entry-top{flex-direction:column}}
.login-card{max-width:600px;margin:70px auto;padding:32px;background:white;border:1px solid #dbe4ec;border-radius:20px;line-height:1.8}.login-card h2{font-size:24px}.login-card details{margin-top:22px;border-top:1px solid #dbe4ec;padding-top:18px}.login-card code{overflow-wrap:anywhere}.login-card a{color:#087f8c}.actor-label strong{font-size:14px} @media(max-width:650px){.login-card{margin:30px 14px;padding:24px}}
.detail-hero .badge{color:#111111}
.duty-row{margin-top:12px;padding:12px;background:#f1f6f9;border-radius:10px}
.assignment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.assignment-row{display:grid;grid-template-columns:1fr 1.5fr 40px;align-items:end;gap:10px;padding:12px;margin:10px 0;background:#f0f6f8;border-radius:10px}.assignment-row button{color:#be123c;font-size:20px;padding:7px}.assignment-cards{display:flex;gap:8px;flex-wrap:wrap;min-width:240px}.assignment-card{background:#edf5f7;border:1px solid #d7e5e9;border-radius:8px;padding:8px;min-width:110px;max-width:220px}.assignment-card b,.assignment-card span{display:block}.assignment-card span{margin-top:5px;white-space:pre-wrap}td:nth-child(4){max-width:480px}@media(max-width:650px){.assignment-row{grid-template-columns:1fr 40px}.assignment-row label:nth-child(2){grid-column:1;grid-row:2}.assignment-row button{grid-column:2;grid-row:1/3}}
.assignment-row{grid-template-columns:1fr 1.5fr auto 40px}.main-assignment{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 0}.main-assignment input{display:inline;width:auto;margin:0}@media(max-width:650px){.assignment-row{grid-template-columns:1fr 40px}.main-assignment{grid-column:1;grid-row:3}.assignment-row button{grid-row:1/4}}
.page-nav{display:flex;gap:8px;background:white;border-bottom:1px solid #dbe4ec;padding:12px 32px;flex-wrap:wrap}.page-nav a{padding:10px 16px;text-decoration:none;color:#365568;border-radius:8px}.page-nav a[aria-current=page]{background:#dff3f4;color:#087f8c;font-weight:700}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-grid .card{margin:0}.project-progress{padding:14px 0;border-bottom:1px solid #e2e8f0}.project-progress span{display:block;color:#64748b;font-size:12px;margin:8px 0}progress{width:100%;height:12px;accent-color:#087f8c}.note-text{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.report-filters{grid-template-columns:2fr repeat(3,1fr);margin-top:24px}#error{color:#be123c}.card a{color:#087f8c}@media(max-width:800px){.report-grid{grid-template-columns:1fr}.report-filters{grid-template-columns:1fr 1fr}.page-nav{padding:10px 14px}}
.assignee-lines{font-size:12px;line-height:1.75;white-space:normal}.assignee-lines>div{overflow-wrap:anywhere}
.assignee-lines{width:250px;max-width:250px}.assignee-lines>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}.updated-cell{font-size:12px;white-space:nowrap}.note-indicator{font-size:12px;color:#087f8c;font-weight:600;white-space:nowrap}
th button[data-sort]{border:0;background:transparent;padding:3px 0;font-size:12px;color:inherit;font-weight:600;white-space:nowrap}th button[data-sort]:hover{color:#087f8c}th[aria-sort=ascending],th[aria-sort=descending]{background:#dcf0f1}
tbody tr.row-delayed{background:#fff0f2}tbody tr.row-delayed td:first-child{box-shadow:inset 3px 0 #e76577}tbody tr.row-delayed:hover{background:#ffe5e9}tbody tr.row-urgent{background:#fffafa}tbody tr.row-urgent td:first-child{box-shadow:inset 3px 0 #eea5ae}.badge.delayed{background:#ffe0e5;color:#ae243a}.deadline-hint{font-size:11px;color:#b84154;margin-top:4px;white-space:nowrap}

/* Readable Korean typography shared by the dashboard, task list and detail pages. */
:root{font-family:'ESA Nanum Gothic','Nanum Gothic','나눔고딕','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','Noto Sans KR',system-ui,sans-serif;font-size:15px;color:#152b3c;line-height:1.6}
body{word-break:keep-all;overflow-wrap:break-word}
button,input,select,textarea{line-height:1.5}
th,th button[data-sort]{font-size:13px;font-weight:700;color:#354e60}
td{font-size:15px;line-height:1.65}
td b{font-weight:700}
td:nth-child(4),.assignee-lines{font-size:14px;line-height:1.8}
.muted,.updated-cell,.note-indicator,.project-progress span,.actor-label small{font-size:13px}
.muted,.project-progress span,.actor-label small,.entry time,.change-values small{color:#4b6072}
label{font-size:14px;color:#263e50;font-weight:700}
label>input,label>select,label>textarea{font-size:15px;font-weight:400}
input::placeholder,textarea::placeholder{color:#607184;opacity:1}
.badge{font-size:12px;font-weight:700}
.entry-top,.change,.save-bar{font-size:14px}
.entry time,.deadline-hint{font-size:12px}
.detail-section h3{font-size:18px}
.page-nav a{font-weight:600}
header{padding:12px 32px;gap:16px;min-height:64px}
header h1{font-size:23px;margin:0;white-space:nowrap}
.header-tools{gap:14px}
.branding{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}
.branding span{display:inline;margin:0;font-size:12px;color:#d9e6ee}
.branding .creator{color:white;font-weight:700}
.branding .header-divider{color:#8aa6b7}
.backup-button{padding:5px 9px;font-size:12px;border-radius:6px;white-space:nowrap;line-height:1.5}
.page-nav{padding:7px 32px;gap:6px}
.page-nav a{padding:7px 12px}
main{padding-top:20px}
.page-top h2{font-size:24px}
#workspace .page-top{margin-bottom:16px}
.entry.signal-delayed{background:#fff1f2;border-left-color:#d63d50}
.entry.signal-undated{background:#fff9e5;border-left-color:#d49a11}
.entry.signal-complete{background:#edf9f1;border-left-color:#24844e}
.entry.signal-default{background:#f3f6fa;border-left-color:#7d94aa}
.attention-legend,.attention-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.attention-top{justify-content:space-between;margin-bottom:5px}
.signal-label{display:inline-block;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}
.signal-label.signal-delayed{background:#ffe0e5;color:#a52136}
.signal-label.signal-undated{background:#ffecab;color:#785400}
.signal-label.signal-complete{background:#d8f3e3;color:#20633d}
.signal-label.signal-default{background:#e8eef5;color:#38516b}
.attachments h4{margin:4px 0 8px;font-size:15px}
.attachment-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.attachment-controls input{flex:1;min-width:180px;max-width:100%}
.attachment-item{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #e2e8f0}
.attachment-item a{color:#086f7a;font-weight:600;overflow-wrap:anywhere;flex:1;min-width:150px}
.attachment-item button{padding:6px 9px;font-size:12px}
.attachment-item .file-link{width:100%;font-size:13px}
.attachment-name{margin:12px 0;font-size:13px;overflow-wrap:anywhere}
.attachment-name input{width:100%;font-size:14px;margin-top:5px}
.attachment-count{white-space:nowrap;font-size:13px}
.image-input-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:7px 0;font-size:12px;font-weight:400;color:#587084}
.image-input-tools button{font-size:12px;padding:5px 10px}
.image-preview{display:flex;gap:12px;flex-wrap:wrap;padding:12px;background:#f4f7fa;border-radius:8px;margin:8px 0}
.image-preview figure{margin:0;max-width:100%}
.image-preview .inline-photo{max-height:240px;max-width:100%;object-fit:contain}
.image-preview figcaption{font-size:12px;color:#587084;overflow-wrap:anywhere}
.inline-photo{display:block;max-width:100%;height:auto;border-radius:8px;margin:10px 0}
.inline-photo-link{display:block;white-space:normal}
.image-drop-target{outline:3px dashed #087f8c!important;background:#eefafb}
.rich-editor-source{display:none!important}
.rich-editor{width:100%;background:white;color:#173042;border:1px solid #cfdae3;border-radius:9px;padding:12px;margin-top:7px;font-size:15px;font-weight:400;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}
.rich-editor:focus{outline:2px solid #087f8c;outline-offset:2px}
.rich-editor:empty:before{content:attr(data-placeholder);color:#607184;pointer-events:none}
.editor-photo{display:block;margin:12px 0;white-space:normal}
.editor-photo .inline-photo{max-width:100%;max-height:480px;object-fit:contain;margin:0}
.image-input-tools{border:1px solid #cfdae3;border-bottom:0;background:#f4f7fa;border-radius:9px 9px 0 0;padding:7px;margin:7px 0 0;gap:4px}
.image-input-tools+.rich-editor{margin-top:0;border-radius:0 0 9px 9px;white-space:pre-wrap}
.image-input-tools button{border:0;background:transparent;min-width:30px;font-size:13px;padding:5px 8px}
.image-input-tools button:hover{background:#dfeaf2}
.note-jump-highlight{outline:3px solid #49a7b3;background:#eafafb!important}
.rich-editor ul,.rich-editor ol,.note-text ul,.note-text ol{white-space:normal;margin:8px 0;padding-left:26px}
.rich-editor p,.note-text p{margin:6px 0}
.comment-section{margin-top:24px;border-top:1px solid #dce5ec;padding-top:16px}
.comment-section h3{font-size:17px;margin:0 0 16px}
.comment-item{padding:12px 14px;margin:9px 0;background:white;border:1px solid #dce5ec;border-left:3px solid #9ebdc9;border-radius:8px}
.comment-depth-1{margin-left:16px}.comment-depth-2{margin-left:32px}.comment-depth-3{margin-left:48px}.comment-depth-4{margin-left:64px}
.comment-head{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;font-size:13px}
.comment-head time{font-size:11px;color:#587084}
.comment-item p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:9px 0;font-size:14px}
.comment-actions{display:flex;gap:8px}
.comment-actions button{font-size:12px;border:0;background:#edf3f6;padding:4px 8px}
.comment-form{margin-top:18px;background:white;padding:14px;border:1px solid #dce5ec;border-radius:9px}
.comment-form-actions{display:flex;gap:8px;align-items:end;margin-top:10px;flex-wrap:wrap}
.comment-form-actions label{flex:1;min-width:130px}
.comment-mode{padding:7px 9px;background:#e7f4f6;color:#087582;font-size:13px;margin-bottom:10px;border-radius:6px}
.comment-error{font-size:13px;color:#b42440}
.task-note{background:white;padding:14px 16px;margin:12px 0;border:1px solid #dce5ec;border-left:3px solid #278b98;border-radius:9px}
.task-note-head{display:flex;align-items:center;gap:9px;font-size:14px}
.task-note-head time{margin-left:auto;font-size:11px;color:#607184;white-space:nowrap}
.task-note-body{font-size:15px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:9px}
.directive-controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:12px 0}
.directive-check{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px}
.directive-check input{display:inline;width:auto;margin:0}
.directive-controls>label:not(.directive-check){min-width:180px}
.instruction-badge{display:inline-block;background:#fff0d0;color:#875300;font-size:12px;font-weight:700;padding:3px 7px;border-radius:6px;white-space:nowrap}
.instruction-recipient{font-size:12px;font-weight:600;color:#875300}
.instruction-form-actions,.instruction-card-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}
.instruction-filters{grid-template-columns:2fr 1fr 1fr;margin-top:20px;align-items:end}
.instruction-card{border-left:3px solid #cf9b34}
.instruction-route{font-size:14px;color:#385367}
.instruction-content{white-space:pre-wrap;line-height:1.8;margin-top:16px;font-size:15px}
#instructionError{color:#b42440}
#instructionToast{color:#087582;text-align:center;padding:8px}
.instruction-card{padding:11px 14px;border-radius:9px;margin-top:9px;border-left-width:2px}
.instruction-compact-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px}
.instruction-compact-head strong{font-size:14px}
.instruction-compact-head .badge{padding:2px 6px;font-size:11px}
.instruction-compact-head .instruction-route{font-size:12px;margin:0;font-weight:400}
.instruction-compact-head time{margin-left:auto;font-size:11px;color:#607184}
.instruction-task-link{display:block;font-size:12px;margin:5px 0}
.instruction-text-details{margin-top:7px;font-size:13px}
.instruction-text-details summary{font-weight:400;color:#365268;line-height:1.5}
.instruction-content{font-size:14px;margin-top:9px;line-height:1.7}
.instruction-card-actions{margin-top:9px;gap:6px}
.instruction-card-actions .muted{font-size:11px;margin-right:auto}
.instruction-card-actions button,.instruction-create-task{font-size:12px;line-height:1.4;padding:5px 9px;border:1px solid #cfdae3;border-radius:6px;background:white;color:#365268;text-decoration:none;white-space:nowrap}
.instruction-create-task:hover{background:#eaf4f6}
.instruction-card.instruction-processed{background:#f0f2f5;border-color:#dce1e7;border-left-color:#a2acb7;box-shadow:none}
.instruction-owner{display:inline-block;font-size:13px;font-weight:700;color:#fff;background:#214f6d;border-radius:5px;padding:4px 9px;line-height:1.4;white-space:nowrap}
.instruction-sender{color:#687b8c;font-size:12px}
.instruction-processed .instruction-owner{color:#fff;background:#4c6274}
.instruction-compact-head .instruction-menu{margin-left:2px}
.instruction-menu summary{font-size:20px;padding:0 7px}
.deleted-instructions{padding:12px 14px;font-size:13px}
.deleted-instruction-row{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e2e8f0}
.deleted-instruction-row button{padding:5px 9px;font-size:12px;white-space:nowrap}
.release-version{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid #ffffff30;border-radius:7px;background:#ffffff0d;color:#e1eef4;font-size:12px;line-height:1.4}
.release-version:hover{background:#ffffff20;border-color:#72c6d2}
.branding .release-version span{font-size:12px;color:#9bb9c8}
.release-drawer{width:min(650px,96vw)}
.release-history-content{height:calc(100dvh - 86px);overflow:auto;padding:24px 26px}
.release-current{padding:22px;background:linear-gradient(125deg,#102938,#176373);color:white;border-radius:14px;margin-bottom:26px}
.release-label{display:block;color:#8fd5dc;font-size:10px;letter-spacing:1.5px;font-weight:700}
.release-current strong{font-size:34px;display:inline-block;margin:5px 14px 2px 0}
.release-current time{font-size:13px;color:#c2dce6}
.release-current p{font-size:13px;color:#e0edf2;margin:8px 0 0}
.release-timeline{margin-left:7px;border-left:2px solid #d8e5ec}
.release-event{position:relative;padding:0 0 26px 22px}
.release-event:before{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:#9bb2c0;left:-6.5px;top:6px;border:2px solid #f7fafc}
.release-latest:before{background:#087f8c;box-shadow:0 0 0 4px #dff1f2}
.release-date{display:flex;gap:10px;align-items:center;color:#5a7184;font-size:12px}
.release-date span{font-size:11px;padding:2px 7px;background:#e1f0f2;color:#087582;border-radius:5px;font-weight:700}
.release-event h3{font-size:17px;margin:9px 0 12px}
.release-event ul{padding-left:17px;margin:0;color:#365268;font-size:13px;line-height:1.8}
.release-event li{margin:6px 0}
.release-footnote{font-size:12px;color:#607184;border-top:1px solid #dce5ec;padding-top:14px;line-height:1.7}
/* v0.35: compact, consistent application surfaces. */
@font-face{font-family:'ESA Pretendard';src:url('/fonts/PretendardVariable.woff2') format('woff2');font-weight:45 920;font-style:normal;font-display:optional}
:root{font-family:'ESA Pretendard','Pretendard','Malgun Gothic','Apple SD Gothic Neo',system-ui,sans-serif;font-feature-settings:'tnum';letter-spacing:-.12px}
.site-brand a{display:flex;align-items:center;gap:12px;text-decoration:none;color:white}
.brand-logo{position:relative;display:block;width:116px;height:32px;overflow:hidden;flex-shrink:0}
.brand-logo img{position:absolute;left:-27px;top:-12px;width:168px;height:56px;max-width:none}
.brand-product{font-size:16px;font-weight:500;letter-spacing:.2px;border-left:1px solid #6d8b9d55;padding-left:12px;line-height:1.4}
@media(max-width:600px){.site-brand a{gap:8px}.brand-logo{width:88px;height:28px}.brand-logo img{width:136px;height:45px;left:-24px;top:-8px}.brand-product{font-size:13px;padding-left:8px}}
:root{background:#f4f6f9;color:#23364a}
header{background:#132b3b;padding:14px 30px;border-bottom:1px solid #203d4e}
header h1{font-size:22px;letter-spacing:-.5px}
main{max-width:1720px;padding:24px 30px}
.page-nav{padding:6px 30px;gap:6px;box-shadow:0 1px 3px #17304204}
.page-nav a{font-size:14px;border-radius:6px;color:#5a6b7e;padding:8px 13px}
.page-nav a[aria-current=page]{background:#e9f3f5;color:#087582;box-shadow:inset 0 -2px #148b98}
.page-top h2{font-size:24px;letter-spacing:-.5px;color:#20364b}
.card,.detail-section{border-radius:9px;border-color:#dfe6ed;box-shadow:0 2px 8px #15344a04}
button,input,select,textarea{border-radius:6px}
button{font-weight:600}
button:hover:not(:disabled){border-color:#8eb8c3}
.primary{background:#087e8c;border-color:#087e8c;box-shadow:0 1px 2px #0b4b5920}
.stats{gap:14px;margin:20px 0}
.stats>div{border-radius:9px;padding:14px 18px;font-size:13px;color:#5c7184;box-shadow:0 2px 6px #15344a03}
.stats b{font-size:27px;line-height:1.2;margin-top:6px;letter-spacing:-.5px}
.report-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}
.project-summary-card{grid-column:span 1;padding:17px}
.attention-work-card{grid-column:span 3;padding:17px}
.recent-notes-card{grid-column:span 3}
.future-work-card{grid-column:span 1}
.report-grid h3{font-size:16px;letter-spacing:-.3px;margin:0 0 14px}
.project-progress{padding:10px 0}
.project-progress:last-child{border-bottom:0;padding-bottom:0}
.project-progress b{font-size:13px;line-height:1.5}
.project-progress span{font-size:11px;line-height:1.55;margin:4px 0;color:#64798a}
.project-progress progress{height:6px;display:block;margin-top:7px;border:0;border-radius:5px;overflow:hidden}
progress::-webkit-progress-bar{background:#edf1f5;border-radius:5px}
progress::-webkit-progress-value{background:#268f9b;border-radius:5px}
.attention-legend{margin:0 0 12px;gap:7px}
.attention-legend .signal-label{font-size:11px;padding:3px 7px}
.attention-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:stretch}
.attention-items .entry{margin:0;padding:11px 12px;border-radius:6px;border-left-width:2px;min-width:0}
.attention-top{display:flex;align-items:flex-start;gap:6px;flex-direction:column;margin-bottom:5px}
.attention-top a{font-size:12px;line-height:1.6;color:#294459;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.attention-top a:hover{text-decoration:underline}
.attention-top .signal-label{font-size:10px;padding:2px 6px}
.attention-items .muted{font-size:11px;line-height:1.5}
.recent-notes-card .entry{margin:9px 0;padding:12px;border-radius:6px}
.recent-notes-card .note-text{font-size:13px;max-height:110px;overflow:auto;margin:8px 0;line-height:1.65}
.recent-notes-card .inline-photo{max-height:180px;width:auto}
.scroll{border-radius:9px;border-color:#dfe6ed;box-shadow:0 2px 8px #15344a03}
table{min-width:1150px}
th{background:#f0f4f8;color:#4b657a}
th,td{padding:12px 13px;vertical-align:middle}
td{font-size:14px}
th:first-child,td:first-child{text-align:center;min-width:116px}
td:first-child .muted{text-align:center;font-size:11px;margin-top:3px}
th:nth-child(3),td:nth-child(3){min-width:115px;text-align:center;white-space:nowrap}
th:nth-child(5),td:nth-child(5){min-width:119px;white-space:nowrap;text-align:center}
th:nth-child(6),td:nth-child(6){min-width:82px;white-space:nowrap;text-align:center}
th:nth-child(7),td:nth-child(7){min-width:112px;white-space:nowrap;text-align:center}
th:nth-child(8),td:nth-child(8),th:nth-child(9),td:nth-child(9){min-width:64px;white-space:nowrap;text-align:center}
.badge{white-space:nowrap;line-height:1.4;padding:4px 8px;border-radius:5px;font-size:11px}
.assignee-lines{font-size:13px;line-height:1.7;width:230px;max-width:230px}
.deadline-hint{font-size:10px;margin-top:3px}
.toolbar{gap:9px;margin-bottom:14px}
.toolbar input,.toolbar select{padding:9px 11px;font-size:14px}
.log-row{border-radius:7px;box-shadow:0 1px 4px #17304203}
.record-open{font-size:13px;min-height:44px;padding-top:10px;padding-bottom:10px}
@media(max-width:1250px){.attention-items{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:minmax(230px,1fr) minmax(0,3fr)}.project-summary-card,.attention-work-card,.recent-notes-card,.future-work-card{grid-column:span 1}}
@media(max-width:800px){header{padding:12px 16px}main{padding:18px 14px}.page-nav{padding:6px 14px}.report-grid{grid-template-columns:1fr}.project-summary-card,.attention-work-card,.recent-notes-card,.future-work-card{grid-column:1}.attention-items{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:9px}.stats>div{padding:12px 14px}.page-top h2{font-size:22px}}
@media(max-width:500px){.attention-items{grid-template-columns:1fr}.attention-top{flex-direction:row;flex-wrap:wrap}.attention-top a{flex:1;min-width:170px}.attention-top .signal-label{flex-shrink:0}}
@font-face{font-family:'ESA Roboto';src:url('/fonts/RobotoVariable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:optional}
:root{font-family:'ESA Roboto',Roboto,Arial,'Malgun Gothic','Apple SD Gothic Neo',sans-serif;letter-spacing:normal}
.brand-wordmark{display:block;position:relative;width:244px;height:38px;overflow:hidden;flex-shrink:0}
.brand-wordmark img{position:absolute;width:270px;height:90px;max-width:none;left:-13px;top:-24px}
.status-filter{display:flex;align-items:center;gap:8px;min-width:0}
.status-filter select{width:100%;min-width:100px}
.exclude-completed{display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:12px;font-weight:500}
.exclude-completed input{width:auto;margin:0;accent-color:#087f8c}
.gantt-actions{display:flex;gap:8px}.gantt-actions button{font-size:12px;padding:7px 11px}
.gantt-filters{grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;margin-top:18px}
.gantt-range{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:14px 0}
.gantt-range label{font-size:12px}.gantt-range input,.gantt-range select{padding:7px 10px;font-size:13px}
.gantt-range .muted{margin-left:auto;padding-bottom:8px}
.gantt-help{font-size:12px;color:#607184;margin:12px 0}
.gantt-chart{max-height:680px;overflow:auto;background:white;border:1px solid #dce5ec;border-radius:9px;position:relative;isolation:isolate}
.gantt-chart-head,.gantt-row{display:flex;align-items:stretch;width:100%}
.gantt-chart-head{position:sticky;top:0;height:38px;background:#edf2f7;z-index:4}
.gantt-chart-head .gantt-label{background:#edf2f7;font-size:12px;font-weight:700;padding:10px 14px}
.gantt-label{position:sticky;left:0;flex:none;width:300px;background:white;border:0;border-radius:0;border-right:1px solid #dce5ec;z-index:2;text-align:left;padding:8px 13px;min-height:66px}
.gantt-chart-head .gantt-label{min-height:38px;z-index:5}
.gantt-label strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.gantt-task-meta,.gantt-task-owner{display:block;font-size:11px;color:#587084;font-weight:400;line-height:1.4}
.gantt-row{border-bottom:1px solid #e7edf2;height:66px}
.gantt-row:hover .gantt-label,.gantt-row:hover .gantt-track{background-color:#f5fafb}
.gantt-scale,.gantt-track{position:relative;flex:none;background-image:linear-gradient(to right,#e7edf2 1px,transparent 1px);overflow:hidden}
.gantt-tick{position:absolute;top:0;padding:11px 5px;font-size:10px;color:#587084;white-space:nowrap}
.gantt-today-line{position:absolute;top:0;bottom:0;width:2px;background:#db4d67;opacity:.6;z-index:1;pointer-events:none}
.gantt-bar{position:absolute;top:20px;height:25px;min-width:18px;padding:3px 7px;border:0;border-radius:4px;background:#bccad7;color:#203a50;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2;box-shadow:0 1px 2px #17304210}
.gantt-bar:hover{filter:brightness(.95);outline:2px solid #598faa}
.gantt-bar.status-InProgress{background:#4591b5;color:white}.gantt-bar.status-Reviewing{background:#507ad1;color:white}.gantt-bar.status-Completed{background:#3c9b75;color:white}.gantt-bar.status-Delayed{background:#d75d6e;color:white}.gantt-bar.status-Pending{background:#dfc680;color:#5b490c}
.gantt-milestone{border-radius:4px;padding:3px 2px;font-size:9px}
.gantt-undated-task{display:block;width:100%;text-align:left;font-size:13px;margin:6px 0;border-radius:5px}
.gantt-edit-fields{margin-top:16px}.gantt-empty{padding:18px;font-size:13px}
#ganttSaved{font-size:13px;color:#087582}
@media(max-width:800px){.gantt-filters{grid-template-columns:1fr 1fr}.gantt-filters input{grid-column:1/-1}.gantt-range{gap:8px}.gantt-range .muted{flex-basis:100%;margin-left:0}.gantt-chart{max-height:560px}}
@media(max-width:600px){.brand-wordmark{width:194px;height:31px}.brand-wordmark img{width:216px;height:72px;left:-11px;top:-20px}.branding .creator{font-size:11px}}
#sourceTaskInfo{padding:10px 12px;background:#eef5fb;border:1px solid #d7e5f2;border-radius:8px;font-size:13px}
#sourceTaskInfo a{color:#236394}
.followup-tag,.task-tags span{display:inline-block;background:#e5eef9;color:#345e8e;font-size:11px;padding:2px 7px;border-radius:5px;margin-right:5px;font-weight:600}
.task-tags{margin-top:5px;display:flex;gap:3px;flex-wrap:wrap}
.task-note-head{flex-wrap:wrap}
@media(max-width:800px){.instruction-filters{grid-template-columns:1fr 1fr}.instruction-filters input{grid-column:1/-1}}
.inline-thread{border-top:0;padding-top:0;margin-top:4px}
.inline-thread .comment-item{padding:10px 12px;background:#f7fafc;font-size:13px;position:relative}
.inline-thread .comment-form{margin-left:20px}
.comment-more{position:absolute;right:7px;top:6px}
.comment-item{position:relative}
.comment-item .comment-head{padding-right:30px;align-items:center}
.comment-head b{font-size:13px}
.comment-head time{margin-left:auto}
.comment-depth-5{margin-left:80px}.comment-depth-6{margin-left:96px}
@media(max-width:600px){.task-note-head{flex-wrap:wrap}.comment-depth-4{margin-left:40px}.comment-depth-5{margin-left:50px}.comment-depth-6{margin-left:60px}.task-note-head time{font-size:10px}}
.badge.reviewing,.signal-label.signal-reviewing{background:#dceaff;color:#174ea6;font-weight:700}
.entry.signal-reviewing{background:#edf4ff;border-left-color:#3977d5}
.feedback-actions{align-items:end}
#feedbackForm .feedback-actions{justify-content:flex-start;align-items:end;gap:12px;flex-wrap:nowrap;margin:12px 0 16px}
#feedbackForm .note-author-label{min-width:150px;flex:1}
#feedbackForm .note-recipient-label{min-width:150px;flex:1}
#feedbackForm .feedback-actions label>select{margin-top:5px;padding:8px 10px;font-size:14px}
#feedbackForm .directive-check{align-self:end;padding-bottom:11px;font-weight:500}
#feedbackForm .feedback-actions>button{white-space:nowrap;padding:9px 12px}
#feedbackForm .feedback-actions>[type=submit]{margin-left:auto}
@media(max-width:600px){#feedbackForm .feedback-actions{flex-wrap:wrap;gap:10px}#feedbackForm .note-author-label,#feedbackForm .note-recipient-label{min-width:130px}#feedbackForm .directive-check{padding-bottom:10px}}
.note-author-label{min-width:210px}
#feedbackText{min-height:170px;margin-top:8px}
.note-entry .entry-top{align-items:center}
.note-entry-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.note-delete{border:0;background:transparent;color:#ac2940;font-size:24px;line-height:1;padding:5px 8px;border-radius:6px}
.note-delete:hover{background:#ffe4e8}
.note-entry p{margin:10px 0 0;font-size:15px}
.log-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.log-menu{position:relative;flex:none}
.log-menu summary{list-style:none;padding:2px 10px;font-size:23px;line-height:1.2;border-radius:6px;color:#355367}
.log-menu summary::-webkit-details-marker{display:none}
.log-menu summary:hover{background:#e3ebf1}
.log-menu-items{position:absolute;right:0;top:100%;min-width:110px;padding:5px;background:white;border:1px solid #d7e1e9;border-radius:8px;box-shadow:0 6px 20px #17304222;z-index:8}
.log-menu-items button{width:100%;border:0;text-align:left;padding:8px 12px;color:#b42440;background:white}
.log-menu-items button:hover{background:#fff0f2}
.log-row{position:relative;margin:6px 0;background:white;border:1px solid #dce5ec;border-radius:8px}
.log-row>.log-menu{position:absolute;right:8px;top:9px}
.log-record>summary{display:flex;align-items:center;gap:10px;padding:12px 46px 12px 12px;list-style:none;font-size:13px;font-weight:400;min-height:46px}
.log-record>summary::-webkit-details-marker{display:none}
.log-record>summary:before{content:'▸';color:#577083}
.log-record[open]>summary:before{content:'▾'}
.log-record>summary:hover{background:#f3f7fa;border-radius:8px}
.log-number{color:#587084;font-size:12px;white-space:nowrap}
.log-record time{font-size:12px;color:#4b6072;white-space:nowrap}
.log-record strong,.log-author{white-space:nowrap}
.log-task{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#577083}
.log-expanded{padding:4px 14px 14px;border-top:1px solid #e6edf2;font-size:13px}
.log-expanded>a{display:block;margin:9px 0;color:#087f8c}
.compact-change{margin-top:10px}
.compact-change>strong{display:block;font-size:12px;margin-bottom:4px}
.compact-values{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.compact-values>div{display:flex;align-items:flex-start;gap:8px;padding:7px 9px;background:#f4f7fa;border-radius:5px;min-width:0}
.compact-values small{white-space:nowrap;color:#607184}
.compact-values span{white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;overflow:auto;font-size:13px}
.record-open{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:11px 46px 11px 12px;border:0;background:transparent;text-align:left;font-size:13px;border-radius:8px}
.record-open:hover{background:#f1f6fa}
.record-open time{font-size:12px;white-space:nowrap;color:#4b6072}
.record-open strong{white-space:nowrap}
.record-kind{font-size:12px;font-weight:700;color:#37536d;background:#e8eff5;border-radius:5px;padding:2px 7px;white-space:nowrap}
.record-kind.note-kind{color:#076d78;background:#ddf1f2}
.record-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(620px,95vw);max-width:95vw;height:100dvh;max-height:100dvh;border:0;padding:0;box-shadow:16px 0 50px #10293833;color:#173042;background:#f7fafc}
.record-drawer::backdrop{background:#0a223b66}
.record-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#102938;color:white;gap:12px}
.record-drawer-head h2{font-size:20px;margin:0}
.record-drawer-head button{font-size:24px;padding:2px 10px;color:white;background:transparent;border:0}
.record-drawer-content{padding:20px 22px;overflow:auto;height:calc(100dvh - 72px)}
.record-drawer-content .compact-values{grid-template-columns:1fr}
.record-drawer-content .compact-values span{max-height:none}
.record-drawer-content a{color:#087f8c}
.record-drawer{inset:0 0 0 auto;box-shadow:-16px 0 50px #10293833}
.record-drawer[open],.panel:not(.hidden){animation:none}
.record-drawer[open]::backdrop,.overlay:not(.hidden){animation:drawer-fade-in 250ms ease-out both}
@keyframes drawer-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes drawer-fade-in{from{opacity:0}to{opacity:1}}
.record-meta{margin:0 0 20px;padding:14px 16px;background:white;border:1px solid #dce5ec;border-radius:10px}
.record-meta>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #edf1f5}
.record-meta>div:last-child{border-bottom:0}
.record-meta dt{color:#587084;font-size:13px;font-weight:600}
.record-meta dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.record-note-content{background:white;border:1px solid #dce5ec;border-radius:10px;padding:16px;margin-top:18px}
.record-note-content h3{font-size:16px;margin:0 0 12px}
.record-note-content .note-text{font-size:15px;line-height:1.85;margin:0}
.record-id{font-size:13px;color:#587084;margin:0 0 12px}
@media(prefers-reduced-motion:reduce){.record-drawer[open],.panel:not(.hidden),.record-drawer[open]::backdrop,.overlay:not(.hidden){animation:none}}
@media(max-width:800px){.record-open{flex-wrap:wrap;gap:5px 8px}.record-open .log-task{flex-basis:100%;text-align:left}}
@media(max-width:800px){.log-record>summary{flex-wrap:wrap;gap:5px 8px}.log-task{flex-basis:100%}.compact-values{grid-template-columns:1fr}}
@media(max-width:800px){.note-entry .entry-top{flex-direction:row;flex-wrap:wrap}.note-entry-actions{margin-left:auto}.note-author-label{min-width:0;flex:1}}
@media(max-width:800px){header{padding:12px 14px;align-items:center}.header-tools{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;gap:8px}.branding{justify-content:flex-end;gap:6px}.branding span{font-size:11px}.page-nav{padding:7px 14px}}
@media(max-width:520px){header{align-items:flex-start}header h1{font-size:20px}.header-tools{max-width:65%}.branding{font-size:11px}}




.update-account{display:block;font-size:10px;margin-top:3px}.note-author-label input[readonly]{background:#edf5f7;cursor:default}
.gantt-sheet .gantt-label{width:var(--gantt-label-width,360px)}.gantt-row{height:auto;min-height:116px}.gantt-row>.gantt-label{padding:14px 16px}.gantt-label strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:13px;line-height:1.5;margin:5px 0 7px}.gantt-row-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gantt-status{display:inline-block;border-radius:5px;padding:3px 7px;background:#edf2f7;color:#365568;font-size:10px;font-weight:700}.gantt-status.status-InProgress{background:#e0f0f8;color:#236781}.gantt-status.status-Completed{background:#def3e7;color:#23734c}.gantt-status.status-Reviewing{background:#e6edff;color:#3b5d99}.gantt-status.status-Delayed{background:#ffe5e9;color:#a52d46}.gantt-status.status-Pending{background:#fff2ce;color:#7a601b}.gantt-row-dates{display:block;margin-top:7px;font-size:11px;line-height:1.5;color:#39596b;font-variant-numeric:tabular-nums}.gantt-track{min-height:116px}.gantt-bar{top:50%;transform:translateY(-50%);height:18px;padding:0;min-width:5px;border-radius:5px;overflow:visible}.gantt-milestone{height:16px;border-radius:2px;transform:translateY(-50%) rotate(45deg)}.gantt-chart-head{height:48px}.gantt-chart-head .gantt-label{padding:15px 16px;min-height:48px}.gantt-tick{padding-top:17px;font-size:11px;font-weight:600;color:#39596b}.gantt-today-tag{position:absolute;left:4px;top:1px;display:block;font-size:9px;line-height:13px;color:#ab314a;font-weight:700;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.gantt-row>.gantt-label{padding:12px}.gantt-label strong{font-size:12px}.gantt-row-dates{font-size:10px}.gantt-task-meta{font-size:10px}}
body[data-page="gantt"] main{max-width:none;width:100%;padding:20px 12px}body[data-page="gantt"] .gantt-row{min-height:76px}body[data-page="gantt"] .gantt-track{min-height:76px}body[data-page="gantt"] .gantt-row>.gantt-label{padding:7px 12px}body[data-page="gantt"] .gantt-label strong{font-size:12px;line-height:1.35;margin:3px 0 4px}body[data-page="gantt"] .gantt-task-meta{font-size:10px;line-height:1.2}body[data-page="gantt"] .gantt-row-info{gap:6px;line-height:1.2}body[data-page="gantt"] .gantt-status{padding:2px 5px;font-size:10px}body[data-page="gantt"] .gantt-row-dates{margin-top:4px;font-size:10px;line-height:1.2}body[data-page="gantt"] .gantt-chart{max-height:calc(100dvh - 170px)}@media(max-width:600px){body[data-page="gantt"] main{padding:16px 6px}body[data-page="gantt"] .gantt-row>.gantt-label{padding:7px 9px}body[data-page="gantt"] .gantt-label strong{font-size:11px}}
body[data-page="gantt"] .gantt-chart{max-height:none;height:auto;overflow-x:auto;overflow-y:hidden}
body[data-page="dashboard"] .dashboard-projects{margin-top:18px}body[data-page="dashboard"] .dashboard-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 22px}body[data-page="dashboard"] .project-progress{padding:10px 0}body[data-page="dashboard"] .dashboard-section-title{font-size:17px;margin:26px 0 12px}.dashboard-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dashboard-summary{display:block;position:relative;min-width:0;background:white;border:1px solid #dbe4ec;border-radius:12px;padding:16px 18px;text-decoration:none;color:#173042;border-top:3px solid #087f8c;transition:box-shadow .15s}.dashboard-summary:hover{box-shadow:0 5px 18px #17304212}.dashboard-summary:focus-visible{outline:2px solid #087f8c;outline-offset:3px}.dashboard-summary>span:first-child{font-size:13px;font-weight:700}.dashboard-summary strong{display:block;font-size:26px;margin-top:9px}.dashboard-summary strong small{font-size:12px;margin-left:6px;font-weight:500;color:#64748b}.dashboard-summary p{font-size:11px;color:#64748b;line-height:1.6;margin:8px 0}.dashboard-jump{display:block;font-size:11px;color:#087f8c;margin-top:10px}.summary-attention{border-top-color:#d97738}.summary-problems{border-top-color:#c54a64}.dashboard-summary progress{height:7px;display:block}.dashboard-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;margin-top:18px}.dashboard-detail-grid>.dashboard-column{grid-column:auto;min-width:0;margin:0;padding:16px;scroll-margin-top:20px}.dashboard-column:focus{outline:2px solid #087f8c;outline-offset:3px}.dashboard-column h3{font-size:15px;margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.dashboard-column h3>span{background:#edf2f7;padding:3px 7px;border-radius:5px;font-size:11px;color:#587084}.dashboard-column .attention-items{display:block}.dashboard-column .entry{margin:10px 0;padding:12px;border-radius:7px}.dashboard-column .note-text{max-height:none;overflow:visible;font-size:12px;line-height:1.7;margin:9px 0;overflow-wrap:anywhere}.dashboard-column a{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.dashboard-detail-link{display:block;margin-top:9px}.dashboard-note-status{display:inline-block;padding:3px 6px;background:#dff3eb;color:#276b51;border-radius:5px;font-size:10px;margin-top:7px}.dashboard-note-status.is-unseen{background:#fff1cc;color:#886117}.dashboard-problem-label{font-size:11px;color:#a32f48;margin:8px 0}@media(max-width:1050px){body[data-page="dashboard"] .dashboard-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-detail-grid{gap:10px}.dashboard-detail-grid>.dashboard-column{padding:12px}}@media(max-width:750px){body[data-page="dashboard"] .dashboard-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-overview{gap:8px}.dashboard-summary{padding:12px 10px}.dashboard-summary>span:first-child{font-size:11px}.dashboard-summary strong{font-size:22px}.dashboard-summary p{font-size:10px}.dashboard-detail-grid{grid-template-columns:1fr}.dashboard-detail-grid>.dashboard-column{padding:16px}.dashboard-summary strong small{display:block;margin:2px 0 0}}
.instruction-card{padding:9px 12px;margin-top:7px}.instruction-compact-head{gap:7px}.instruction-confirm{padding:4px 9px;font-size:11px;line-height:1.4;border-radius:6px;background:#e2f3f1;color:#126b70;border-color:#b7dbd8;white-space:nowrap}.instruction-confirm:disabled{background:#e9edf1;color:#607184;border-color:#d4dde4;opacity:1}.instruction-menu .log-menu-items .instruction-create-task{display:block;width:100%;margin:0;border:0;background:transparent;text-align:left;padding:8px 11px;border-radius:0;font-size:12px}.instruction-menu .log-menu-items .instruction-create-task:hover{background:#edf5f7}.instruction-text-details{margin-top:5px}.instruction-task-link{margin-top:5px}
.dashboard-notes-summary-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dashboard-notes-summary-head>span{font-size:13px;font-weight:700;white-space:nowrap}.dashboard-note-filter{font-size:11px;padding:5px 7px;border-radius:6px;background:#f5f8fa;width:auto;max-width:100%;margin:0 0 8px}.dashboard-notes-summary-head .dashboard-note-filter{margin:0}.dashboard-notes-jump{text-decoration:none}.dashboard-notes-jump:hover{text-decoration:underline}@media(max-width:750px){.dashboard-notes-summary-head{align-items:flex-start;flex-direction:column}.dashboard-notes-summary-head>span{font-size:11px}.dashboard-notes-summary-head .dashboard-note-filter{font-size:10px;padding:4px}}
.dashboard-task-open{border:0;background:transparent;padding:0;text-align:left;border-radius:0;font-size:12px;line-height:1.6;color:#087f8c;cursor:pointer;overflow-wrap:anywhere}.dashboard-task-open:hover{text-decoration:underline}.dashboard-task-open:focus-visible{outline:2px solid #087f8c;outline-offset:3px}.dashboard-column .dashboard-task-open{max-width:100%}.dashboard-quick-task{max-width:min(620px,96vw)}.dashboard-quick-task .note-text{padding:12px;border:1px solid #dbe4ec;border-radius:8px;line-height:1.7}.dashboard-quick-task .member-actions{justify-content:flex-end}
.detail-header-actions{float:right;display:flex;align-items:center;gap:8px;margin:0 0 12px 12px}.detail-hero .detail-header-actions #close{float:none}.detail-header-actions #copyTaskLink{background:#ffffff18;color:white;border-color:#ffffff40;font-size:12px;white-space:nowrap}.detail-header-actions #copyTaskLink:disabled{opacity:.45}.task-share-link{display:block;width:100%;margin-top:12px;background:white;color:#173042;font-size:12px}.detail-hero #panelTitle{clear:none}@media(max-width:600px){.detail-header-actions{gap:6px;margin-left:8px}.detail-header-actions #copyTaskLink{padding:8px;font-size:11px}}
.date-today-field{position:relative;min-width:0}.date-today-field>label:first-child{padding-top:0}.date-today-control{position:absolute;right:0;top:0;display:flex;align-items:center;gap:4px;color:#587084;font-size:11px;font-weight:400;cursor:pointer}.date-today-control input{display:inline;width:auto;margin:0;padding:0;accent-color:#087f8c}.gantt-range .date-today-field{min-width:125px}
.subtask-row{padding:12px;background:#f1f6f8;border:1px solid #dce6ed;border-radius:9px;margin:9px 0}.subtask-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}.subtask-heading>input{flex:1;min-width:0}.subtask-heading>span{font-size:11px;color:#64748b}.subtask-heading>button{padding:6px 11px;font-size:20px;color:#be123c}.subtask-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.subtask-fields .date-today-control{font-size:10px}@media(max-width:700px){.subtask-fields{grid-template-columns:1fr 1fr}.subtask-row{padding:10px}}
.subtask-summary{display:flex;align-items:center;gap:8px;border:1px solid #dce6ed;background:#f5f8fa;border-radius:8px;margin:8px 0}.subtask-summary>button:first-child{flex:1;min-width:0;text-align:left;border:0;background:transparent;padding:10px 12px}.subtask-summary small,.subtask-summary strong,.subtask-summary span{display:block}.subtask-summary small{color:#087f8c;font-size:10px;margin-bottom:4px}.subtask-summary strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}.subtask-summary span{font-size:11px;color:#64748b;margin-top:4px}.subtask-summary>button:last-child{margin-right:9px;color:#be123c;font-size:20px;padding:3px 10px}body[data-page="gantt"] .gantt-subtask-row .gantt-label{padding-left:30px;background:#f5f9fb}body[data-page="gantt"] .gantt-subtask-row .gantt-task-meta{color:#087f8c}body[data-page="gantt"] .gantt-subtask-row .gantt-label strong{font-weight:500}body[data-page="gantt"] .gantt-subtask-row,body[data-page="gantt"] .gantt-subtask-row .gantt-track{min-height:64px}.gantt-subtask-row .gantt-bar{height:12px}.gantt-subtask-row .gantt-milestone{height:12px}
.brand-wordmark{width:146.4px;height:22.8px}.brand-wordmark img{width:162px;height:54px;left:-7.8px;top:-14.4px}@media(max-width:600px){.brand-wordmark{width:116.4px;height:18.6px}.brand-wordmark img{width:129.6px;height:43.2px;left:-6.6px;top:-12px}}
.subtask-extra-people{background:#f4f8fa;border:1px solid #dce6ed;border-radius:8px;padding:10px 12px}.subtask-extra-people summary{font-size:12px}.subtask-extra-people .chips{gap:6px}.subtask-extra-people .chips label{font-size:11px}.subtask-owners{color:#087f8c!important}
.attachment-preview{width:min(1200px,96vw);height:90dvh;max-width:96vw;max-height:94dvh;padding:0;border:1px solid #cbd5df;border-radius:14px;background:#fff;color:#19313e}.attachment-preview::backdrop{background:#071b2bbf}.attachment-preview[open]{display:flex;flex-direction:column}.attachment-preview header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:12px;border-bottom:1px solid #dce3e9}.attachment-preview header strong{overflow-wrap:anywhere}.attachment-preview header button{font-size:24px;padding:0 12px}.attachment-preview .preview-status{margin:8px 18px;font-size:13px}.attachment-preview .preview-status:empty{display:none}.preview-body{flex:1;min-height:0;overflow:auto;background:#edf1f4;display:flex;align-items:center;justify-content:center}.preview-body iframe{width:100%;height:100%;border:0;background:white}.preview-body img{max-width:100%;max-height:100%;object-fit:contain}.attachment-preview footer{display:flex;gap:20px;padding:12px 18px;border-top:1px solid #dce3e9}.attachment-preview footer a{color:#087c8d}
.preview-body>.office-document{width:100%;height:100%}.office-viewer-page{height:100dvh;margin:0;display:flex;flex-direction:column;overflow:hidden}.office-viewer-header{display:flex;gap:20px;align-items:center;padding:12px 20px;background:#153240;color:white}.office-viewer-header a{color:white}.office-viewer-page #viewerStatus{margin:6px 20px;font-size:13px}.office-viewer-page #viewerStatus:empty{display:none}.office-viewer-page #officeStandalone{flex:1;min-height:0;max-width:none;padding:0;margin:0;width:100%}.office-document{height:100%;width:100%}
.preview-body,.office-viewer-page #officeStandalone{position:relative}.preview-body iframe,.office-viewer-page #officeStandalone iframe{position:absolute!important;inset:0;width:100%!important;height:100%!important}
.attachment-preview{resize:both;overflow:hidden;min-width:min(360px,96vw);min-height:min(300px,90dvh)}.attachment-preview .preview-window-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.attachment-preview header .preview-maximize{font-size:13px;padding:8px 12px;white-space:nowrap}.attachment-preview.preview-maximized{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);resize:none}.attachment-preview footer{flex-shrink:0;padding-right:28px}.attachment-preview header{flex-shrink:0}.attachment-preview header strong{min-width:0;max-height:3em;overflow:auto}@media(max-width:600px){.attachment-preview{resize:none}.attachment-preview header{padding:10px;gap:6px}.attachment-preview header .preview-maximize{padding:8px}.attachment-preview footer{gap:14px}}