:root{--ink:#202b40;--muted:#8b96a9;--line:#e9edf3;--surface:#fff;--canvas:#f7f9fc;--accent:#5665e9;--accent-dark:#4452d2;--accent-pale:#eef0ff;--green:#21aa85;--green-bg:#e8f8f2;--orange:#dd9136;--orange-bg:#fff5e8;--red:#e46c71;--red-bg:#fff0f0;--blue:#528fdf;--blue-bg:#ecf4ff;--shadow:0 8px 30px rgba(39,56,96,.055);--r:14px;--font:'DM Sans','Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif} *{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:15.4px/1.65 var(--font);letter-spacing:-.025em}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}svg{display:block;flex-shrink:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b9c1ff;outline-offset:2px}.app-shell{display:flex;min-height:100vh}.sidebar{flex:0 0 258px;width:258px;background:#fff;border-right:1px solid #edf0f5;padding:27px 15px 15px;display:flex;flex-direction:column;z-index:25;position:sticky;top:0;height:100vh}.brand-area{display:flex;align-items:center;gap:11px;padding:0 11px 27px}.brand-symbol{width:39px;height:39px;border-radius:13px;background:#5665e9;color:#fff;display:grid;place-items:center;font-size:29.7px;font-weight:800;line-height:1;letter-spacing:-3px;padding-right:5px;box-shadow:0 5px 14px #5665e933}.brand-symbol span{color:#c8ceff}.brand-label{display:flex;flex-direction:column;gap:0;line-height:1.45}.brand-label strong{font-size:18.7px;letter-spacing:-.06em;font-weight:800}.brand-label small{font-size:9.9px;letter-spacing:.21em;font-weight:700;color:#b3bbca}.workspace-switch{border:1px solid #edf0f6;background:#fafbfe;border-radius:12px;padding:10px;display:flex;align-items:center;gap:10px;margin:0 7px 31px}.workspace-monogram{width:34px;height:34px;border-radius:10px;background:#dae2ff;color:#5065c5;font-weight:800;display:grid;place-items:center}.workspace-info{display:flex;flex:1;flex-direction:column;line-height:1.35}.workspace-info strong{font-size:13.2px}.workspace-info span{font-size:11px;color:#9da7b8}.chevron{font-size:18.7px;color:#a4aebf}.side-caption{font-size:11px;letter-spacing:.13em;font-weight:800;color:#b2b9c8;padding:0 18px;margin-bottom:11px}.side-nav,.quick-projects{display:flex;flex-direction:column;gap:3px}.nav-item{width:100%;border:0;background:none;display:flex;align-items:center;gap:12px;border-radius:10px;padding:11px 13px;color:#6f7b90;font-weight:600;text-align:left;font-size:13.75px;transition:background .15s,color .15s}.nav-item svg{opacity:.8}.nav-item.active{background:#f0f1ff;color:#505ddb}.nav-item.active svg{opacity:1}.nav-item:hover:not(.active){background:#f7f9fc;color:#34405b}.nav-item .nav-count{margin-left:auto;background:#f0f2f8;color:#8390a6;font-size:11px;font-weight:700;border-radius:6px;padding:0 7px}.nav-item.active .nav-count{background:#dfe3ff;color:#5362df}.side-divider{height:1px;background:#eef0f5;margin:22px 10px 24px}.quick-project{display:flex;gap:11px;padding:8px 14px;border:0;background:none;color:#778399;text-align:left;align-items:center;border-radius:9px;font-weight:500;font-size:13.2px}.quick-project:hover{background:#f6f7fb}.project-color{width:9px;height:9px;flex-shrink:0;border-radius:3px}.sidebar-bottom{margin-top:auto}.sidebar-tip{margin:24px 7px 18px;background:#f0f2ff;border-radius:13px;padding:16px 15px;display:flex;flex-direction:column;gap:5px}.tip-sparkle{font-size:18.7px;color:#737cf0}.sidebar-tip strong{font-size:13.2px}.sidebar-tip span:not(.tip-sparkle){font-size:12.1px;color:#8791b2}.sidebar-tip button{background:#fff;border:1px solid #e5e8ff;border-radius:8px;color:#5563dd;font-size:12.1px;font-weight:700;padding:9px;margin-top:9px}.profile{border-top:1px solid #f0f1f4;display:flex;align-items:center;gap:9px;padding:15px 8px 1px}.profile-avatar,.small-avatar,.person-avatar{border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:800}.profile-avatar{height:33px;width:33px;background:#e5e5fd;color:#606acb;font-size:12.1px}.profile-name{display:flex;flex-direction:column;line-height:1.4;flex:1}.profile-name strong{font-size:13.2px}.profile-name span{font-size:11px;color:#9ca6b8}.main-column{min-width:0;flex:1}.topbar{height:73px;background:#fff;border-bottom:1px solid #edf0f5;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:15}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:17px}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:13.2px;color:#a1abbb;white-space:nowrap}.breadcrumb b{color:#526074;font-weight:700}.breadcrumb-sep{color:#d0d5df}.header-search{width:246px;height:38px;background:#f7f8fc;border:1px solid #f0f2f7;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#adb7c7}.header-search input{min-width:0;flex:1;outline:0;border:0;background:transparent;font-size:12.1px;color:#46516a}.header-search input::placeholder{color:#aeb7c7}.shortcut{font-size:11px;background:#fff;border:1px solid #edf0f5;border-radius:5px;padding:1px 5px;white-space:nowrap;color:#aeb6c4}.icon-button{border:0;background:transparent;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#8693a7;position:relative}.icon-button:hover{background:#f3f5fa}.notification-dot{position:absolute;width:6px;height:6px;background:#ed7680;border:2px solid #fff;border-radius:50%;right:8px;top:7px;box-sizing:content-box}.top-divider{height:23px;width:1px;background:#edf0f5}.avatar-btn{display:flex;gap:9px;align-items:center;border:0;background:none;font-size:12.1px;font-weight:700;color:#4f5a6c;padding:5px}.small-avatar{height:31px;width:31px;background:#dfddff;color:#6261bc;font-size:12.1px}.user-popover{display:none;position:absolute;right:30px;top:65px;background:#fff;width:242px;border:1px solid #e9edf3;border-radius:14px;box-shadow:0 20px 45px #273c5b25;padding:9px;z-index:30}.user-popover.open{display:block}.popover-title{font-size:12.1px;font-weight:800;color:#9aa4b4;padding:8px 10px}.user-option{display:flex;align-items:center;gap:9px;border:0;width:100%;text-align:left;padding:9px;border-radius:8px;background:transparent}.user-option:hover{background:#f7f8fc}.user-option.current{background:#f0f2ff}.user-option .profile-name strong{font-size:12.1px}.user-option .profile-name span{font-size:11px}.main-content{padding:37px 40px 60px;max-width:1540px;margin:auto}.page-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-weight:800;color:#6976ea;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}.page-top h1{margin:0;font-size:28.6px;font-weight:800;line-height:1.4;letter-spacing:-.055em}.page-subtitle{font-size:13.2px;color:#96a0b2;margin-top:7px}.header-buttons{display:flex;gap:9px;align-items:center;margin-top:8px}.btn{height:37px;display:inline-flex;align-items:center;gap:7px;justify-content:center;border-radius:9px;border:1px solid #e8ebf1;background:#fff;color:#657086;padding:0 14px;font-size:12.1px;font-weight:800;white-space:nowrap}.btn:hover{background:#f7f8fe}.btn-primary{border-color:#5665e9;background:#5665e9;color:#fff;box-shadow:0 4px 10px #5867ee23}.btn-primary:hover{background:#4858db}.btn-danger{border-color:#fee3e3;color:#de646b;background:#fff8f8}.btn-plain{border:0;background:transparent;color:#758198;padding:0 7px}.btn-small{height:31px;padding:0 11px;font-size:11.55px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:21px 22px 19px;box-shadow:var(--shadow);min-width:0}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.kpi-label{font-size:13.2px;font-weight:700;color:#7b879b}.kpi-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px}.kpi-card .kpi-value{font-size:34.1px;line-height:1;font-weight:800;letter-spacing:-.045em}.kpi-foot{margin-top:13px;font-size:11px;color:#a0aabd}.kpi-foot strong{color:#7381a0}.blue-soft{background:#ecf0ff;color:#5867e9}.green-soft{background:#e8f8f2;color:#22a889}.orange-soft{background:#fff4e8;color:#e5a344}.red-soft{background:#fff0f0;color:#e46c71}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,.9fr);gap:20px}.panel{background:#fff;border:1px solid #edf0f5;border-radius:14px;box-shadow:var(--shadow);min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:21px 23px 18px;gap:10px}.panel-header h2,.section-header h2{font-size:16.5px;letter-spacing:-.045em;font-weight:800;margin:0}.panel-header p{font-size:11px;color:#9ba5b7;margin:4px 0 0}.text-action{border:0;background:none;color:#6974e2;font-size:12.1px;font-weight:800;display:flex;align-items:center;gap:3px}.table-wrap{overflow-x:auto}.task-table{width:100%;border-collapse:collapse;min-width:680px}.task-table th{padding:13px 20px;text-align:left;background:#fafbfe;color:#a2acba;font-size:11px;font-weight:700;white-space:nowrap;border-top:1px solid #f0f2f7;border-bottom:1px solid #f0f2f7}.task-table th:first-child{padding-left:25px}.task-table td{border-bottom:1px solid #f1f3f7;padding:15px 20px;white-space:nowrap;color:#69758a;font-size:12.1px}.task-table tbody tr{cursor:pointer;transition:background .12s}.task-table tbody tr:hover{background:#fafbff}.task-table tbody tr:last-child td{border-bottom:0}.task-table td:first-child{padding-left:25px}.task-title{color:#354057;font-weight:800;font-size:12.65px}.task-description{color:#a9b1bf;font-size:11px;margin-top:3px;max-width:240px;overflow:hidden;text-overflow:ellipsis}.task-id{font-size:9.9px;color:#b3bcc9}.status-chip{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:800}.status-chip:before{content:"";width:5px;height:5px;border-radius:100%;background:currentColor}.status-waiting{background:#f1f3f7;color:#8e9aaf}.status-doing{background:#edf1ff;color:#5868dc}.status-done{background:#e9f8f1;color:#23a67e}.status-overdue{background:#fff0ef;color:#e0696e}.team-tag{font-size:11px;color:#73829b;background:#f3f5f9;border-radius:6px;padding:4px 7px;font-weight:700}.person-cell{display:flex;align-items:center;gap:7px}.person-avatar{width:24px;height:24px;font-size:9.9px;background:#f2eafe;color:#9265c9}.person-avatar.coral{background:#fff0e8;color:#cf8267}.person-avatar.mint{background:#e3f5f2;color:#369f8f}.person-avatar.blue{background:#e7efff;color:#5d7bd0}.due-soon{color:#d99847!important}.due-overdue{color:#d7686c!important;font-weight:800}.empty-state{padding:50px 24px;text-align:center;color:#9da8b8;font-size:13.2px}.right-stack{display:flex;flex-direction:column;gap:18px}.stat-panel{padding:22px 22px 21px}.stat-title{font-size:15.4px;font-weight:800;margin-bottom:5px}.stat-sub{font-size:11px;color:#a0aabb}.progress-primary{height:8px;border-radius:10px;background:#eff1f6;display:flex;overflow:hidden;margin:21px 0 17px}.progress-primary>span{height:100%}.progress-legend{display:flex;gap:8px;justify-content:space-between}.legend{display:flex;align-items:center;gap:6px;font-size:11px;color:#8090a5}.legend-dot{width:7px;height:7px;border-radius:3px}.legend strong{color:#5d687b}.upcoming-list{padding:2px 22px 14px}.upcoming-item{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #f1f2f5;cursor:pointer}.upcoming-item:last-child{border-bottom:0}.date-box{min-width:39px;height:42px;border-radius:9px;background:#f1f3ff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3;color:#6371d6}.date-box strong{font-size:16.5px}.date-box span{font-size:9.9px}.upcoming-title{font-size:12.1px;font-weight:800;color:#536077;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upcoming-info{font-size:11px;color:#a3adbc;margin-top:4px}.section-header{display:flex;align-items:center;justify-content:space-between;margin:25px 0 13px}.project-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{padding:20px;background:#fff;border:1px solid #edf0f5;border-radius:13px;cursor:pointer;min-width:0;transition:transform .16s,box-shadow .16s}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.project-badge{height:34px;width:34px;border-radius:10px;display:grid;place-items:center;font-size:17.6px;font-weight:800}.project-card h3{font-size:14.3px;margin:0 0 3px;font-weight:800}.project-card p{margin:0;font-size:11px;color:#a0aabc}.project-progress-line{height:5px;border-radius:5px;background:#f0f2f7;overflow:hidden;margin-top:18px}.project-progress-line span{height:100%;display:block;background:#6774e9;border-radius:5px}.project-progress-footer{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#a0a9ba}.project-progress-footer strong{color:#6a77db}.filter-toolbar{background:#fff;border:1px solid #edf0f5;border-radius:13px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:17px}.tabs{display:flex;gap:5px;background:#f5f6fa;border-radius:9px;padding:4px}.tab{border:0;background:transparent;padding:7px 12px;font-size:12.1px;font-weight:700;border-radius:7px;color:#8994a7}.tab.active{background:#fff;color:#5968df;box-shadow:0 1px 5px #364b7014}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.select-control,.field-input,.field-textarea{background:#fff;border:1px solid #e5eaf1;border-radius:8px;color:#566378}.select-control{height:35px;padding:0 29px 0 11px;font-size:12.1px;max-width:180px}.field-label{display:block;font-size:12.1px;font-weight:800;color:#566279;margin-bottom:7px}.field-input,.field-textarea{width:100%;font-size:13.2px;padding:11px 12px;outline:none}.field-input:focus,.field-textarea:focus{border-color:#8c96f1}.field-textarea{resize:vertical;min-height:90px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:16px;min-width:0}.helper-text{font-size:11px;color:#a2acbc;margin-top:5px}.view-switch{display:flex;border:1px solid #e9edf3;border-radius:8px;padding:2px}.view-button{height:29px;width:32px;display:grid;place-items:center;border:0;background:none;color:#a1aab8;border-radius:6px}.view-button.active{background:#f0f2ff;color:#5968df}.page-list-panel .task-table th{padding-top:16px;padding-bottom:16px}.page-list-panel .task-table td{padding-top:18px;padding-bottom:18px}.board-columns{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px;overflow-x:auto;padding:17px;background:#fff;border-radius:14px;border:1px solid #edf0f5}.board-col{background:#f8f9fc;border-radius:11px;padding:13px;min-height:290px}.board-col-head{display:flex;align-items:center;justify-content:space-between;font-size:13.2px;font-weight:800;margin-bottom:14px}.board-col-head .count{font-size:11px;color:#9ca7b6;background:#fff;padding:1px 7px;border-radius:6px}.board-task{background:#fff;border:1px solid #eef0f6;border-radius:11px;padding:15px;margin-bottom:9px;cursor:pointer}.board-task:hover{border-color:#cdd4ff}.board-task h4{font-size:13.2px;line-height:1.55;margin:7px 0;font-weight:800}.board-task p{font-size:11px;color:#98a3b3;margin:0 0 14px}.board-footer{display:flex;justify-content:space-between;align-items:center;color:#9ea9b8;font-size:11px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:17px}.template-card{background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:22px;min-width:0}.template-icon{height:42px;width:42px;background:#edf0ff;color:#6672df;border-radius:12px;display:grid;place-items:center}.template-card h3{font-size:15.4px;margin:15px 0 5px}.template-card p{font-size:12.1px;color:#98a3b6;margin:0;min-height:44px}.template-meta{color:#98a4b6;font-size:11px;margin:14px 0 18px}.template-bottom{display:flex;justify-content:space-between;align-items:center}.template-team{font-size:11px;color:#73829b;background:#f3f5f9;border-radius:6px;padding:5px 7px}.calendar-panel{padding:21px 22px}.calendar-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.calendar-bar h2{margin:0;font-size:18.7px;font-weight:800}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #edf0f5;border-left:1px solid #edf0f5}.weekday{background:#fafbfe;border-right:1px solid #edf0f5;border-bottom:1px solid #edf0f5;padding:12px;text-align:center;color:#929eaf;font-size:12.1px;font-weight:700}.weekday:first-child{color:#de747a}.cal-day{background:#fff;border-right:1px solid #edf0f5;border-bottom:1px solid #edf0f5;min-height:111px;padding:9px;min-width:0}.cal-day.muted{background:#fafbfc}.cal-day.today .day-number{color:#fff;background:#626ee4}.day-number{height:24px;width:24px;display:grid;place-items:center;border-radius:8px;color:#6a768a;font-size:12.1px;font-weight:700}.cal-event{display:block;width:100%;background:#eef0ff;border:0;color:#5966da;text-align:left;border-radius:5px;margin-top:5px;padding:4px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:700}.cal-event.done{background:#e8f8f2;color:#2ca484}.cal-event.overdue{background:#ffefef;color:#dd6266}.calendar-note{padding:13px 0 0;color:#a3adbe;font-size:11px}.hint-banner{display:flex;gap:12px;align-items:flex-start;background:#f1f3ff;color:#6975a0;border-radius:11px;padding:13px 17px;font-size:12.1px;margin-bottom:19px}.hint-banner strong{color:#5161d5}.project-grid-wide{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:16px}.project-card.large{padding:25px}.project-card.large .project-top{margin-bottom:27px}.project-card.large h3{font-size:16.5px}.project-card.large p{font-size:12.1px}.muted-line{color:#a9b3c1;font-size:12.1px}.modal-overlay,.drawer-overlay{position:fixed;inset:0;background:#18223877;display:flex;align-items:center;justify-content:center;padding:20px;z-index:40}.modal{background:#fff;width:min(590px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border-radius:18px;box-shadow:0 25px 80px #18223835}.modal-header{padding:23px 27px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f1f5}.modal-header h2{font-size:18.7px;margin:0;font-weight:800}.modal-header p{margin:5px 0 0;font-size:12.1px;color:#a0aabc}.modal-body{padding:23px 27px 7px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:17px 27px 24px;border-top:1px solid #f0f1f5}.drawer-overlay{justify-content:flex-end;padding:0;background:#17253d66}.drawer{width:min(540px,100%);height:100vh;background:#fff;overflow-y:auto;box-shadow:-20px 0 45px #17253d28}.drawer-head{padding:24px 29px;border-bottom:1px solid #eff1f6;display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font-size:12.1px;letter-spacing:.1em;color:#9ba4b3;font-weight:800;margin:0}.drawer-body{padding:28px 30px}.drawer-task-title{font-size:25.3px;font-weight:800;margin:13px 0 10px;line-height:1.55}.drawer-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#98a4b4;font-size:11.55px}.detail-section{margin-top:25px;padding-top:22px;border-top:1px solid #eef0f4}.detail-section h3{font-size:13.2px;font-weight:800;margin:0 0 13px}.detail-grid{display:grid;grid-template-columns:120px 1fr;gap:15px;font-size:12.65px}.detail-grid .term{color:#98a3b4}.detail-grid .data{font-weight:700;color:#5b687e}.subtask-item{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #f2f3f7;font-size:13.2px;color:#5f6c81}.subtask-item input{accent-color:#6270e8;width:15px;height:15px}.subtask-item.checked span{text-decoration:line-through;color:#adb5c2}.timeline{display:flex;flex-direction:column;gap:17px;padding-top:3px}.timeline-row{display:flex;gap:11px;align-items:flex-start;font-size:11.55px}.timeline-dot{width:8px;height:8px;border-radius:50%;background:#b6bdf4;margin-top:6px;box-shadow:0 0 0 4px #eff1ff}.timeline-body strong{color:#5c6880}.timeline-body p{color:#9da8b8;margin:4px 0}.drawer-actions{display:flex;gap:8px;margin-top:23px;flex-wrap:wrap}.access-note{font-size:11.55px;color:#9ba6b7;margin-top:10px}.inline-edit{display:flex;gap:8px;margin-top:14px}.inline-edit input{flex:1;min-width:0}.toast{position:fixed;bottom:24px;right:24px;z-index:90;background:#25314d;color:#fff;padding:12px 17px;border-radius:10px;font-size:13.2px;font-weight:700;box-shadow:0 8px 30px #25314d55;max-width:min(420px,calc(100vw - 40px))}.empty-box{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:65px 15px;color:#a3adbd;gap:10px;text-align:center}.empty-box strong{color:#697589}.empty-box svg{color:#c6cde0}.sidebar-close,.menu-toggle,.mobile-nav,.mobile-dim{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} @media(max-width:1250px){.sidebar{flex-basis:235px;width:235px}.main-content{padding:32px 27px}.topbar{padding:0 25px}.dashboard-layout{grid-template-columns:minmax(0,1fr) 280px}.kpi-card{padding:18px}.project-row,.project-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:1040px){.dashboard-layout{grid-template-columns:1fr}.right-stack{display:grid;grid-template-columns:1fr 1fr}.header-search{width:215px}.kpi-grid{gap:10px}.kpi-card .kpi-value{font-size:29.7px}} @media(max-width:790px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-105%);transition:transform .2s;width:255px}.sidebar.open{transform:translateX(0)}.sidebar-close,.menu-toggle{display:grid}.sidebar-close{margin-left:auto}.mobile-dim.open{display:block;position:fixed;inset:0;background:#1c2b4866;z-index:20}.topbar{height:62px;padding:0 17px}.breadcrumb>span:first-child,.breadcrumb-sep{display:none}.header-search{width:200px}.header-search .shortcut{display:none}.topbar-actions{gap:7px}.top-divider,.avatar-btn>span:not(.small-avatar){display:none}.main-content{padding:25px 18px 96px}.page-top h1{font-size:25.3px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:18;background:#fff;border-top:1px solid #e8ecf2;justify-content:space-around;box-shadow:0 -5px 25px #2e3b5510;padding:8px 3px max(9px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;color:#9ba6b9;display:flex;align-items:center;flex-direction:column;gap:3px;font-size:9.9px;font-weight:700;padding:3px 8px}.mobile-nav button.active{color:#5867de}.right-stack{display:grid;grid-template-columns:1fr 1fr}.project-row{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-day{min-height:84px}.cal-event{font-size:9.9px}.drawer{width:min(520px,100%)}} @media(max-width:570px){.header-search{width:36px;border:none;background:transparent;padding:0;overflow:hidden}.header-search:focus-within{position:absolute;left:57px;right:110px;width:auto;z-index:8;background:#fff;border:1px solid #d9dff2;padding:0 9px}.header-search input{font-size:13.2px}.header-search:not(:focus-within) input{width:0;flex:0;opacity:0}.topbar-actions{gap:5px}.topbar-left{gap:4px}.page-top{flex-direction:column;gap:8px;margin-bottom:21px}.page-top h1{font-size:24.2px}.header-buttons{margin-top:0;width:100%}.header-buttons .btn{flex:1}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-card{padding:16px 15px}.kpi-label{font-size:12.1px}.kpi-header{margin-bottom:11px}.kpi-icon{width:30px;height:30px}.kpi-foot{font-size:9.9px}.right-stack{grid-template-columns:1fr}.project-row,.project-grid-wide,.template-grid{grid-template-columns:1fr}.panel-header{padding:18px 16px}.dashboard-layout{gap:16px}.filter-toolbar{padding:12px;align-items:stretch}.tabs{overflow-x:auto;max-width:100%;width:100%}.tab{padding:7px 9px;white-space:nowrap}.filters{width:100%}.filters .select-control{flex:1;min-width:0}.board-columns{gap:9px;grid-template-columns:repeat(3,230px)}.form-row{grid-template-columns:1fr;gap:0}.modal-overlay{padding:10px}.modal{max-height:calc(100vh - 20px)}.modal-header{padding:19px}.modal-body{padding:19px 19px 6px}.modal-footer{padding:15px 19px 19px}.drawer-body{padding:22px 20px}.drawer-head{padding:17px 20px}.calendar-panel{padding:14px 7px}.calendar-bar{padding:5px 8px}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{font-size:9.9px;padding:8px 2px}.cal-day{padding:3px;min-height:67px}.day-number{height:21px;width:21px;font-size:11px}.cal-event{padding:2px 3px;font-size:8.8px}.detail-grid{grid-template-columns:90px 1fr}.breadcrumb{font-size:12.1px}} /* 모바일 업무 목록은 좌우 스크롤 표 대신 큰 터치 영역의 카드로 표시 */ .mobile-task-list{display:none} @media(max-width:570px){ .panel .table-wrap{display:none} .mobile-task-list{display:flex;flex-direction:column;padding:0 13px 14px;gap:9px} .mobile-task-card{display:block;width:100%;text-align:left;border:1px solid #edf0f5;background:#fff;border-radius:11px;padding:15px 14px;color:inherit} .mobile-task-card:active{background:#f8f9ff;border-color:#dce0ff} .mobile-task-meta,.mobile-task-footer{display:flex;justify-content:space-between;align-items:center;gap:8px} .mobile-task-meta>span:first-child{font-size:11px;color:#99a4b6} .mobile-task-card>strong{display:block;margin:10px 0 3px;font-weight:800;font-size:13.2px;line-height:1.5} .mobile-task-desc{font-size:11px;color:#abb4c1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mobile-task-footer{border-top:1px solid #f0f1f5;padding-top:11px;margin-top:12px;font-size:11px;color:#8f9bad} .mobile-task-footer>span:first-child{display:flex;align-items:center;gap:5px} .mobile-task-footer .person-avatar{width:20px;height:20px;font-size:8.8px} } .modal-overlay{z-index:50} /* 워크데스크 v2 · 분야별 업무와 파트별 진행상태 */ :root{--accent:#5865e9} .quick-project{width:100%} .quick-project.active{background:#f3f4ff;color:#4d5ad0;font-weight:800} .category-count{margin-left:auto;color:#a5aec0;font-size:11px} .small-hint{margin-bottom:20px} .category-tabs{display:flex;gap:7px;margin-bottom:16px;overflow:auto;padding-bottom:3px;scrollbar-width:thin} .category-tab{border:1px solid #e8ecf5;flex-shrink:0;background:#fff;color:#7a879b;border-radius:10px;padding:11px 17px;font-size:13.2px;font-weight:800;display:flex;align-items:center;gap:8px} .category-tab:hover{background:#f8f9fe} .category-tab.active{background:#5967ea;color:#fff;border-color:#5967ea;box-shadow:0 4px 12px #5865e925} .category-tab>span{font-size:11px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:7px;background:#f2f3f8;color:#8a96aa} .category-tab.active>span{background:#ffffff2d;color:#fff} .new-filters{background:#fff;border:1px solid #ebedf4;border-radius:12px;padding:11px 17px;margin-bottom:14px;box-shadow:var(--shadow)} .new-filters .filters{display:flex;flex-wrap:wrap;gap:8px} .new-filters .select-control{max-width:220px} .list-overview{display:flex;align-items:center;justify-content:space-between;color:#9aa4b8;font-size:12.1px;margin:17px 1px 15px} .list-overview span{display:inline-flex;align-items:center;gap:5px} .list-overview strong{color:#5865e7;font-size:15.4px} .category-section{background:#fff;border:1px solid #e8ecf2;border-radius:14px;box-shadow:var(--shadow);margin-bottom:19px;overflow:hidden} .category-section-header{min-height:85px;padding:18px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px} .category-identity{display:flex;align-items:center;gap:12px} .category-square{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-weight:800;font-size:18.7px;flex-shrink:0} .category-identity h2{margin:0;line-height:1.35;font-size:17.6px;font-weight:800;letter-spacing:-.045em} .category-identity p{margin:4px 0 0;font-size:12.1px;color:#9ba6b8} .category-section-count{vertical-align:middle;color:#7e8ba1;background:#f3f5f9;border-radius:7px;padding:2px 7px;font-size:11px;margin-left:4px} .section-progress{display:flex;align-items:center;gap:12px;color:#95a0b2;font-size:12.1px;white-space:nowrap} .micro-progress{display:inline-block;background:#edf0f6;height:6px;width:96px;overflow:hidden;border-radius:9px} .micro-progress i{display:block;height:100%;border-radius:9px} .order-table{min-width:715px} .order-table th{padding:12px 15px} .order-table th:first-child{padding-left:25px} .order-table td{padding:17px 15px} .order-table td:first-child{padding-left:25px} .order-row{outline:0;cursor:pointer} .order-row.is-open{background:#fafbff} .order-row.is-open td{border-bottom-color:#eef0fa} .order-title{display:flex;gap:11px;align-items:center;min-width:0} .order-expand{width:23px;height:23px;color:#9ca7bb;background:#f4f6fb;border-radius:7px;display:grid;place-items:center;transition:transform .17s,background .17s;flex-shrink:0} .order-expand.open{transform:rotate(90deg);background:#e9ecff;color:#5e6be5} .order-title-text{display:flex;flex-direction:column;min-width:0;line-height:1.5} .order-title-text strong{font-size:12.65px;font-weight:800;color:#303e57;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px} .order-title-text small{font-size:11px;color:#a0aabc} .person-cell{gap:7px} .person-avatar{width:24px;height:24px;background:#e6ebff;color:#6472cd;font-size:9.9px} .delivery-tag{display:inline-flex;gap:5px;align-items:center;color:#6b7890;background:#f4f6fa;border:1px solid #edf0f6;padding:4px 7px;border-radius:7px;font-size:11px;font-weight:700} .category-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:7px;font-weight:700;font-size:11px;background:#f2f4ff;color:#6876dd} .category-pill i{width:7px;height:7px;border-radius:50%} .category-pill.category-exhibition{background:#eaf9f5;color:#259b88} .category-pill.category-flexmirror{background:#fff5e9;color:#c08b46} .order-detail td{padding:0!important;border-bottom:1px solid #e9edf6!important;white-space:normal} .expanded-content{background:#fafbff;padding:17px 24px 20px;cursor:default} .expanded-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px} .expanded-top>div{display:flex;align-items:center;gap:11px;flex-wrap:wrap} .expanded-top strong{font-size:13.2px;color:#3c4760} .expanded-top span{font-size:11px;color:#9ba5b5} .team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .team-card{min-width:0;border:1px solid #e6eaf3;background:#fff;border-radius:11px;padding:15px 15px 13px} .team-card-header{display:flex;align-items:center;gap:9px} .team-card-icon{height:32px;width:32px;display:grid;place-items:center;border-radius:9px;background:#eef0ff;color:#6672d9;flex-shrink:0} .team-card:nth-child(2) .team-card-icon{background:#eaf7f2;color:#2d9e88} .team-card:nth-child(3) .team-card-icon{background:#fff5e7;color:#d39b53} .team-card-header strong{font-size:12.65px;color:#3a455b} .team-card-header p{margin:1px 0 0;color:#9da7b7;font-size:10.45px} .team-card-person{display:flex;gap:6px;align-items:center;color:#63718a;font-size:12.1px;margin-top:13px} .team-card-person .person-avatar{width:22px;height:22px;font-size:9.9px} .team-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f2f6;margin-top:12px;padding-top:11px;gap:8px} .team-card-foot>span:first-child{font-size:11px;color:#a2acbc} .team-select{border:1px solid #e1e5f0;background:#fff;border-radius:7px;padding:5px 7px;font-size:11px;color:#5060bf;font-weight:800;max-width:135px} .expanded-bottom{margin-top:12px;display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:11px;color:#9ea8bb;flex-wrap:wrap} .expanded-bottom span{display:flex;align-items:center;gap:5px} .mobile-orders{display:none} .category-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:13px 0 25px} .category-dash-card{text-align:left;background:#fff;border:1px solid #e9ecf3;box-shadow:var(--shadow);border-radius:13px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;min-width:0} .category-dash-card:hover{border-color:#ccd3ff;box-shadow:0 8px 25px #5865e910} .dash-category-name{display:flex;gap:6px;align-items:center;margin-top:14px;font-size:15.4px;font-weight:800;color:#38445c} .dash-category-name svg{color:#a9b2c1} .dash-category-hint{font-size:11px;color:#a1abbb;min-height:20px;margin-top:2px} .dash-category-stat{margin-top:18px;color:#909daf;font-size:12.1px;width:100%} .dash-category-stat strong{font-size:27.5px;color:#38445d} .dash-category-stat span{float:right;margin-top:12px} .category-dash-card .micro-progress{width:100%;margin-top:9px} .section-header{display:flex;justify-content:space-between;align-items:center;margin:4px 0 10px} .dashboard-orders{overflow:hidden} .dashboard-orders .table-wrap{overflow-x:auto} .field-group-title{font-size:13.2px;color:#59667a;font-weight:800;padding:13px 0 9px;border-top:1px solid #f0f1f5;margin-top:4px} .drawer .team-grid{grid-template-columns:1fr;gap:9px} .drawer .team-card{padding:12px 14px} .drawer-description{white-space:pre-line;color:#748197;font-size:13.2px;margin:0} .order-row:focus-visible{outline:2px solid #8590ed;outline-offset:-2px} @media(max-width:1300px){.team-grid{gap:7px}.team-card{padding:12px 9px}.expanded-content{padding:13px 14px}} @media(max-width:1050px){.category-dashboard{gap:10px}.category-dash-card{padding:16px}.section-progress .micro-progress{width:66px}} @media(max-width:790px){.category-tabs{gap:6px}.category-tab{padding:9px 13px}.section-progress{display:none}.category-section-header{padding:16px}.category-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.team-card-header{align-items:flex-start}} @media(max-width:570px){ .category-dashboard{grid-template-columns:1fr;gap:9px;margin-bottom:20px} .category-dash-card{padding:13px 15px;display:grid;grid-template-columns:36px 1fr auto;column-gap:11px;align-items:center} .category-dash-card .category-square{grid-row:span 3;width:34px;height:34px;font-size:15.4px} .dash-category-name{margin:0;font-size:13.2px} .dash-category-hint{font-size:11px} .dash-category-stat{grid-column:3;grid-row:1 / span 2;margin:0;text-align:right} .dash-category-stat strong{font-size:18.7px} .dash-category-stat span{display:block;float:none;font-size:9.9px;margin:-3px 0 0} .category-dash-card .micro-progress{display:none} .category-tabs{margin-bottom:12px} .category-tab{font-size:12.1px;padding:9px 12px} .category-tab>span{font-size:9.9px;min-width:15px;height:17px} .new-filters{padding:10px;display:flex;flex-direction:column;gap:8px} .new-filters .tabs{width:100%;overflow-x:auto} .new-filters .filters{width:100%} .new-filters .select-control{max-width:unset;min-width:0;flex:1} .list-overview>span:last-child{display:none} .category-section-header{padding:14px;min-height:64px} .category-identity h2{font-size:15.4px} .category-identity p{font-size:11px} .category-square{height:34px;width:34px;font-size:14.3px;border-radius:10px} .category-section .table-wrap,.dashboard-orders .table-wrap{display:none} .mobile-orders{display:flex;flex-direction:column;gap:0;background:#fff} .order-mobile-card{border-top:1px solid #f0f2f6} .mobile-order-trigger{width:100%;text-align:left;background:#fff;border:0;padding:15px 15px 17px;display:block;color:inherit} .mobile-order-trigger:active{background:#fafbff} .mobile-order-upper{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px} .mobile-order-sub{font-size:11px;color:#9ca7b8} .mobile-order-title{font-size:13.75px;color:#334057;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:10px} .mobile-order-meta{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:11px;color:#8e9bad;margin-top:8px} .mobile-order-meta>span{display:inline-flex;align-items:center;gap:3px} .order-mobile-card .expanded-content{padding:13px 13px 17px} .order-mobile-card .expanded-top{align-items:flex-start} .order-mobile-card .expanded-top>div{display:flex;flex-direction:column;align-items:flex-start;gap:0} .order-mobile-card .expanded-top .btn{padding:0 9px} .order-mobile-card .team-grid{grid-template-columns:1fr;gap:8px} .order-mobile-card .team-card{padding:12px 13px} .expanded-bottom{flex-direction:column;align-items:flex-start;gap:4px} .dashboard-orders .panel-header{gap:10px} .dashboard-orders .panel-header p{max-width:240px} } .status-unissued{background:#fff5e9;color:#c48b3d} .status-issued{background:#e8f8f1;color:#1e9a78} /* 워크데스크 v3 · 일정 방식과 세부유형 개선 */ #subtypeField[hidden],#singleDateFields[hidden],#rangeDateFields[hidden]{display:none!important} .schedule-section{margin:15px 0 18px;padding:17px 17px 12px;background:#f8f9fe;border:1px solid #edf0f9;border-radius:13px} .schedule-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:9px 0 13px} .schedule-option{display:flex;gap:10px;align-items:center;border:1px solid #e5eaf5;border-radius:10px;padding:11px 13px;background:#fff;cursor:pointer;transition:background .12s,border-color .12s} .schedule-option.is-selected{background:#f0f2ff;border-color:#909bf4} .schedule-option input{width:16px;height:16px;margin:0;accent-color:#5865e9;flex-shrink:0} .schedule-option span{display:flex;flex-direction:column;line-height:1.42} .schedule-option strong{font-size:13.2px;font-weight:800;color:#3c4b67} .schedule-option small{font-size:11px;color:#8794a9;margin-top:2px} .schedule-date-row{display:grid;grid-template-columns:1fr;gap:10px} .schedule-date-row.two-dates{grid-template-columns:1fr 1fr} .schedule-date-row .field{margin:0;min-width:0} .schedule-help{color:#98a3b7;font-size:11px;margin:7px 0 0} .cal-event.period{background:#f0f4ff;color:#6877aa} @media(max-width:570px){.schedule-section{padding:13px 12px}.schedule-option{padding:10px 9px;gap:7px}.schedule-option strong{font-size:12.1px}.schedule-option small{font-size:9.9px}.schedule-date-row.two-dates{grid-template-columns:1fr 1fr;gap:8px}.schedule-date-row .field-input{min-width:0;padding-left:9px;padding-right:6px;font-size:12.1px}} /* 워크데스크 v4 – 표·서식 편집기 */ .modal:has(.rich-editor){width:min(740px,100%)} .rich-editor-wrap{border:1px solid #dfe4f0;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 1px 2px #273c5b06} .rich-editor-wrap:focus-within{border-color:#7d89ef;box-shadow:0 0 0 3px #606ee817} .rich-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:9px 10px;background:#f9faff;border-bottom:1px solid #e6eaf3} .rich-toolbar-group{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding-right:9px;border-right:1px solid #e4e8f2} .rich-toolbar-group:last-child{border-right:0;padding-right:0} .rich-toolbar button{min-height:30px;min-width:30px;border:1px solid transparent;border-radius:6px;background:transparent;padding:4px 7px;font-size:13.2px;color:#56647c;font-weight:700;white-space:nowrap} .rich-toolbar button:hover{background:#ebefff;border-color:#dce2fd;color:#4f5fd5} .rich-toolbar button.rich-table-main{color:#5363d7;background:#eef0ff;border-color:#e0e4ff} .rich-select{min-height:31px;border:1px solid #e3e7f1;border-radius:7px;background:#fff;color:#52617a;font-size:12.1px;padding:0 5px;max-width:134px} .rich-font{width:124px}.rich-size{width:72px} .rich-editor{min-height:170px;max-height:440px;overflow:auto;padding:16px 17px;outline:none;color:#303d55;font-size:15.4px;line-height:1.7;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;white-space:normal;word-wrap:break-word;cursor:text} .rich-editor[contenteditable="true"]:empty:before{content:attr(data-placeholder);color:#b2bccb;pointer-events:none} .rich-editor-hint{font-size:11px;color:#8c98ab;margin:7px 2px 0} .rich-content p,.rich-content div{margin:0 0 9px} .rich-content ul,.rich-content ol{margin:6px 0 11px;padding-left:25px} .rich-content h2{font-size:1.3em;margin:9px 0 6px}.rich-content h3{font-size:1.1em;margin:8px 0 4px} .rich-content table{border-collapse:collapse;width:100%;table-layout:fixed;margin:10px 0 16px;background:#fff;font-size:inherit} .rich-content td,.rich-content th{border:1px solid #d9dfeb;padding:8px 9px;text-align:left;min-height:27px;vertical-align:top;overflow-wrap:anywhere} .rich-content th{background:#f2f4ff;color:#475472;font-weight:800} .rich-content td:focus,.rich-content th:focus{outline:1px solid #8290ed} .rich-content font[size="1"]{font-size:12.1px}.rich-content font[size="2"]{font-size:13.2px}.rich-content font[size="3"]{font-size:15.4px}.rich-content font[size="4"]{font-size:17.6px}.rich-content font[size="5"]{font-size:19.8px}.rich-content font[size="6"]{font-size:22px}.rich-content font[size="7"]{font-size:26.4px} .drawer-description.rich-content{font-size:13.2px;line-height:1.8;color:#5a6781;white-space:normal;overflow-x:auto;padding:3px 0 10px} .drawer-description.rich-content:empty:before{content:'등록된 내용이 없습니다.';color:#a3adbf} @media(max-width:570px){.rich-toolbar{gap:6px;padding:8px}.rich-toolbar-group{padding-right:6px;gap:2px}.rich-toolbar button{font-size:12.1px;padding:5px 6px;min-height:28px}.rich-font{width:112px}.rich-size{width:67px}.rich-editor{padding:13px;min-height:155px;max-height:320px;font-size:14.3px}.rich-content td,.rich-content th{padding:6px}.rich-editor-wrap{border-radius:9px}} /* Workdesk v5 — Premium Business / light navy visual system */ :root{ --ink:#1c2b40;--muted:#75859a;--line:#e3eaf2;--surface:#fff; --canvas:#f4f7fb;--accent:#285a9c;--accent-dark:#1d477d; --accent-pale:#eaf2fc;--blue:#377bb9;--blue-bg:#eaf3fc; --shadow:0 3px 16px rgba(24,53,93,.035);--r:12px; --font:'Noto Sans KR','DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; } body{background:var(--canvas);color:var(--ink);font-family:var(--font)} .sidebar{background:#fff;border-right:1px solid #e3eaf2;box-shadow:none} .brand-area{border-bottom-color:#edf1f6} .brand-symbol{background:#244d7d!important;color:#fff!important;border-radius:11px!important;box-shadow:0 4px 10px rgba(36,77,125,.13)} .brand-symbol span{color:#b5d6ff!important} .brand-label strong{color:#1d3555;letter-spacing:-.045em} .brand-label small{color:#8295ab;letter-spacing:.15em} .workspace-switch{background:#f7f9fc;border:1px solid #e7edf4;border-radius:10px} .workspace-monogram{background:#dce9f8;color:#28598e} .side-caption{color:#9aa8b8;letter-spacing:.12em;font-weight:700} .nav-item,.quick-project{color:#61758e;border-radius:9px;transition:background .18s,color .18s} .nav-item.active,.quick-project.active{background:#eaf2fb!important;color:#244f86!important;font-weight:800} .nav-item.active svg{color:#285a9c!important} .nav-item:hover:not(.active),.quick-project:hover{background:#f3f7fb} .sidebar-tip{background:#f0f5fb!important;border:1px solid #e0eaf5!important;box-shadow:none!important} .sidebar-tip strong{color:#26466a!important} .sidebar-tip button{background:#295d9a!important;color:#fff!important} .profile{border-top-color:#e9eef4} .topbar{background:#fff;border-bottom:1px solid #e3eaf2;box-shadow:none} .breadcrumb{color:#7e8ea2} .breadcrumb b{color:#253d5b} .header-search{background:#f7f9fc;border:1px solid #e6ebf2;border-radius:9px} .header-search:focus-within{border-color:#8eb2d8;box-shadow:0 0 0 3px #dceafb} .shortcut{background:#fff;border:1px solid #e4eaf1} .main-content{background:var(--canvas)} .eyebrow{color:#567ea8!important;letter-spacing:.12em} .page-top h1{color:#1c324e;font-weight:800;letter-spacing:-.05em} .page-subtitle{color:#8290a3} .btn{border-radius:9px} .btn-primary,.category-tab.active{background:#285b98!important;border-color:#285b98!important;color:#fff!important;box-shadow:0 3px 8px rgba(40,91,152,.12)!important} .btn-primary:hover,.category-tab.active:hover{background:#1e497e!important} .btn-plain{background:#fff;border:1px solid #dce5ee;color:#37516e} .kpi-card,.panel,.category-section,.category-dash-card,.new-filters,.project-card,.stat-panel{ background:#fff;border:1px solid #e2e9f1;border-radius:12px;box-shadow:var(--shadow) } .kpi-card{position:relative;overflow:hidden} .kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:#d4e1ee} .kpi-card:nth-child(2):before{background:#6d98c7} .kpi-card:nth-child(3):before{background:#56a58f} .kpi-card:nth-child(4):before{background:#d5a46d} .kpi-card .kpi-value{color:#203956} .kpi-label,.kpi-foot{color:#8291a5} .panel-header h2,.section-header h2{color:#263e5b} .task-table th,.order-table th{background:#f7f9fc!important;color:#75869b!important;border-bottom:1px solid #e4eaf1} .task-table td,.order-table td{border-bottom-color:#e9eef4} .task-table tbody tr:hover,.order-row:hover{background:#f8fbfe} .order-row.is-open,.expanded-content{background:#f5f9fd!important} .order-row.is-open td{border-bottom-color:#e4edf7} .order-title-text strong{color:#243a56;font-size:13.2px} .order-expand{background:#edf3f9;color:#53749b} .order-expand.open{background:#dceaf8;color:#285b98} .category-tabs{gap:8px} .category-tab{border-radius:9px;border-color:#e1e8f0;background:#fff;color:#6b7f96} .category-tab:hover{background:#f4f8fc} .category-section-header{background:#fff} .category-identity h2{color:#203a58} .category-section-count{background:#edf3f9;color:#53718e} .category-square{border-radius:10px} .delivery-tag,.category-pill{background:#f0f5fa;border-color:#e3ebf3;color:#496783} .team-card{border-color:#e0e9f2;border-radius:10px;box-shadow:0 1px 3px #1c3c5a06} .team-card-header strong{color:#2b4665} .team-card-icon{background:#e8f1fb;color:#3e6e9f} .team-card:nth-child(2) .team-card-icon{background:#e9f5f1;color:#318b78} .team-card:nth-child(3) .team-card-icon{background:#fbf3e8;color:#b2834c} .team-select{border-color:#d7e3ef;color:#285a91} .category-dash-card:hover,.project-card:hover{border-color:#adc8e5;box-shadow:0 5px 17px #284e7b12} .dash-category-name,.dash-category-stat strong{color:#264361} .micro-progress{background:#e8eef5} .status-chip{font-weight:700} .status-doing{background:#e8f2fc;color:#316da8} .status-done{background:#e8f5ee;color:#24835d} .status-waiting{background:#f0f3f7;color:#6f7e90} .status-overdue{background:#fff0ed;color:#c35e51} .modal,.drawer{background:#fff;box-shadow:0 20px 65px #122d4b26} .modal-header,.drawer-header{border-bottom-color:#e4ebf2} input,select,textarea{accent-color:#285b98} input:focus,select:focus,textarea:focus{border-color:#7ea7d2} .rich-editor-toolbar,.editor-toolbar{background:#f7f9fc!important;border-color:#e0e9f2!important} .rich-editor,.editor-content{background:#fff;color:#24384f} .mobile-nav{background:#fff;border-top:1px solid #e0e8f1} .mobile-nav .active{color:#285b98!important} ::selection{background:#d9e9fa;color:#173b64} @media(max-width:790px){.sidebar{box-shadow:12px 0 35px #142c461c}.topbar{background:#fff}} /* Workdesk v6 — Colorful Workspace (independent palette layer) Color is meaningful: brand blue for actions; purple/teal/amber for areas; gray/blue/green/coral for status. All v4 workflows and saved data retained. */ :root { --ink:#28334d; --muted:#818da5; --line:#e8ecf4; --surface:#fff; --canvas:#f8faff; --accent:#5465f5; --accent-dark:#414fd4; --accent-pale:#edf0ff; --blue:#4d8ff6; --blue-bg:#eef5ff; --green:#20b88d; --green-bg:#e8f9f2; --orange:#f2a74f; --orange-bg:#fff5e8; --red:#ed6d76; --red-bg:#fff0f1; --shadow:0 4px 24px rgba(72,84,135,.055); --r:14px; --fabric:#7b61e8; --fabric-bg:#f1edff; --exhibit:#12af91; --exhibit-bg:#e6faf5; --mirror:#ed9c42; --mirror-bg:#fff4e8; } body{background:var(--canvas);color:var(--ink)} .sidebar{background:#fff;border-right:1px solid #e9ecf5;box-shadow:1px 0 0 rgba(103,117,171,.02)} .brand-area{border-bottom:0} .brand-symbol{background:#5465f5!important;box-shadow:0 6px 16px #5465f533!important;border-radius:12px!important} .brand-symbol span{color:#cad0ff!important} .brand-label strong{color:#27334d} .brand-label small{color:#a3acc1} .workspace-switch{background:#f7f8ff;border:1px solid #e8ebfa;border-radius:12px} .workspace-monogram{background:#e6e9ff;color:#5764d6} .side-caption{color:#a1aac0} .nav-item{color:#6a7792} .nav-item.active{background:#eef0ff!important;color:#5260e5!important;font-weight:800} .nav-item.active svg{color:#5968ee!important} .nav-item:hover:not(.active){background:#f8f8ff} .nav-item.active .nav-count{background:#dcddff;color:#5059ce} .quick-project{position:relative;color:#69788e;border-radius:9px} .quick-project:hover{background:#f9faff} .quick-project.active{background:#f4f3ff!important;color:#5b58be!important} .quick-project .project-color{width:11px;height:11px;border-radius:4px;box-shadow:0 0 0 3px #fff} .quick-project:nth-child(2).active{background:#e9faf5!important;color:#159477!important} .quick-project:nth-child(3).active{background:#fff5e9!important;color:#b57d37!important} .category-count{background:#f1f3fa;color:#8a95ac;border-radius:6px;padding:1px 6px} .sidebar-tip{background:linear-gradient(140deg,#eff2ff 0%,#f9f4ff 100%)!important;border:1px solid #e5e6fb!important} .sidebar-tip strong{color:#464bb2!important} .tip-sparkle{color:#8b6bf1} .sidebar-tip button{color:#fff!important;background:#5968ef!important;border:0!important;box-shadow:0 3px 8px #5968ef20} .profile-avatar,.small-avatar{background:#ece8ff;color:#7453d3} .topbar{background:rgba(255,255,255,.98);border-bottom:1px solid #ebedf7;box-shadow:0 2px 8px #6a71b006} .breadcrumb b{color:#4a5773} .header-search{background:#f7f8fd;border-color:#eceef6} .header-search:focus-within{border-color:#a5aaf7;box-shadow:0 0 0 3px #e8eaff} .main-content{background:var(--canvas)} .eyebrow{color:#616bef!important} .page-top h1{color:#26324c} .page-subtitle{color:#8e9ab0} .btn{border-radius:9px} .btn-primary{background:#5968ef!important;border:1px solid #5968ef!important;color:#fff!important;box-shadow:0 5px 13px #5968ef25!important} .btn-primary:hover{background:#4454df!important} .btn-plain{color:#6476a2;border-color:#e4e8f4;background:#fff} .btn:focus-visible,.category-tab:focus-visible,.nav-item:focus-visible,.quick-project:focus-visible{outline:3px solid #bac1ff;outline-offset:2px} .kpi-card,.panel,.category-section,.category-dash-card,.new-filters,.project-card,.stat-panel,.template-card,.calendar-panel{ background:#fff;border:1px solid #eaedf5;border-radius:14px;box-shadow:var(--shadow) } .kpi-card{overflow:hidden;position:relative} .kpi-card:before{content:"";height:4px;position:absolute;left:0;top:0;right:0;background:#789cfb} .kpi-card:nth-child(1):before{background:#7b61e8} .kpi-card:nth-child(2):before{background:#5594ff} .kpi-card:nth-child(3):before{background:#30bd96} .kpi-card:nth-child(4):before{background:#f1787e} .kpi-card .kpi-value{color:#2f3a57} .kpi-card:nth-child(1) .kpi-value{color:#765cdf} .kpi-card:nth-child(2) .kpi-value{color:#4687e5} .kpi-card:nth-child(3) .kpi-value{color:#159a78} .kpi-card:nth-child(4) .kpi-value{color:#de626c} .kpi-label,.kpi-foot{color:#8391a8} .blue-soft{background:#edf3ff;color:#568bfa} .green-soft{background:#e8faf3;color:#1fad83} .orange-soft{background:#fff5e8;color:#e99d43} .red-soft{background:#fff0f1;color:#e76d77} .panel-header h2,.section-header h2{color:#313c58} .hint-banner{background:#eef2ff;color:#6373a8;border:1px solid #e2e7ff;border-radius:11px} .hint-banner strong{color:#5561d8} .text-action{color:#5d68e1} .category-dashboard{gap:16px} .category-dash-card{position:relative;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s} .category-dash-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0;background:var(--fabric)} .category-dash-card.category-exhibition:before{background:var(--exhibit)} .category-dash-card.category-flexmirror:before{background:var(--mirror)} .category-dash-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px #747aa519;border-color:#cbd0ee} .category-dash-card .category-square{width:43px;height:43px;border-radius:12px;font-size:19.8px} .category-dash-card.category-fabrics .category-square{background:var(--fabric-bg)!important;color:var(--fabric)!important} .category-dash-card.category-exhibition .category-square{background:var(--exhibit-bg)!important;color:var(--exhibit)!important} .category-dash-card.category-flexmirror .category-square{background:var(--mirror-bg)!important;color:var(--mirror)!important} .category-dash-card .dash-category-name{color:#303b56;font-weight:800} .category-dash-card .dash-category-stat strong{color:#35415e} .category-dash-card.category-fabrics .dash-category-stat strong{color:#765bdc} .category-dash-card.category-exhibition .dash-category-stat strong{color:#0d9c80} .category-dash-card.category-flexmirror .dash-category-stat strong{color:#d8913a} .dash-category-hint{color:#9ca7ba} .micro-progress{background:#eff1f7} .category-tabs{gap:9px} .category-tab{color:#7c88a1;background:#fff;border-color:#e9ebf5;border-radius:10px} .category-tab:hover{background:#f7f7ff} .category-tab.active{background:#5968ef!important;color:#fff!important;border-color:#5968ef!important;box-shadow:0 4px 12px #5968ef24!important} .category-tab[data-value="fabrics"].active{background:#775fe5!important;border-color:#775fe5!important} .category-tab[data-value="exhibition"].active{background:#12a98c!important;border-color:#12a98c!important} .category-tab[data-value="flexmirror"].active{background:#e6973a!important;border-color:#e6973a!important} .category-tab.active>span{color:#fff;background:#ffffff2c} .new-filters{background:#fff;border-color:#eceef6} .tab.active{background:#fff;color:#5967df;box-shadow:0 2px 7px #50599b16} .list-overview strong{color:#6067e3} .category-section{overflow:hidden;position:relative} .category-section:before{content:"";height:4px;position:absolute;top:0;left:0;right:0;background:var(--fabric)} .category-section.category-exhibition:before{background:var(--exhibit)} .category-section.category-flexmirror:before{background:var(--mirror)} .category-section-header{background:#fff} .category-section.category-fabrics .category-square{background:var(--fabric-bg)!important;color:var(--fabric)!important} .category-section.category-exhibition .category-square{background:var(--exhibit-bg)!important;color:var(--exhibit)!important} .category-section.category-flexmirror .category-square{background:var(--mirror-bg)!important;color:var(--mirror)!important} .category-identity h2{color:#35425b} .category-section-count{background:#f1f3f9;color:#8790a7} .task-table th,.order-table th{background:#fafbff!important;color:#919cb0!important;border-bottom:1px solid #eceef5} .task-table td,.order-table td{border-bottom-color:#edf0f5} .task-table tbody tr:hover,.order-row:hover{background:#fcfbff} .order-row.is-open,.expanded-content{background:#fbfaff!important} .order-title-text strong{color:#35415a;font-size:12.87px} .order-expand{background:#f0efff;color:#7c74b3} .order-expand.open{background:#e8e2ff;color:#725be2} .delivery-tag{background:#f7f8fc;border-color:#edf0f5;color:#76859d} .category-pill{background:#f2efff;color:#725bd3;border-color:transparent} .category-pill.category-exhibition{background:#e5f8f2;color:#129779} .category-pill.category-flexmirror{background:#fff3e6;color:#d18a35} .status-chip{font-weight:800;border-radius:7px} .status-waiting{background:#f0f2f7;color:#78859a} .status-doing{background:#e9f2ff;color:#317ed5} .status-done{background:#e6f8f0;color:#168f6d} .status-overdue{background:#fff0f1;color:#e05c68} .status-unissued{background:#fff3e9;color:#c38138} .status-issued{background:#e6f8f0;color:#158e6e} .team-card{border-color:#ebedf5;border-radius:11px;box-shadow:0 2px 9px #848db20a} .team-card:nth-child(1){border-top:3px solid #638ef6} .team-card:nth-child(2){border-top:3px solid #20b88e} .team-card:nth-child(3){border-top:3px solid #f0a74f} .team-card:nth-child(1) .team-card-icon{background:#eaf2ff;color:#4f83ea} .team-card:nth-child(2) .team-card-icon{background:#e8f9f1;color:#1daa80} .team-card:nth-child(3) .team-card-icon{background:#fff4e5;color:#dd9a43} .team-select{color:#5768e0;border-color:#dfe3f7} .schedule-section{background:#f9faff;border:1px solid #e9ecfa} .schedule-option{border-color:#e8ebf4;background:#fff} .schedule-option.is-selected{background:#eef0ff;border-color:#97a0fa;box-shadow:0 0 0 1px #d8deff inset} .schedule-option input{accent-color:#5968ef} .schedule-option strong{color:#43516a} .field-input:focus,.field-textarea:focus{border-color:#8c96f1;box-shadow:0 0 0 3px #eceeff;outline:none} .rich-editor-wrap{border-color:#e4e6f1} .rich-editor-wrap:focus-within{border-color:#99a2f7;box-shadow:0 0 0 3px #edf0ff} .rich-toolbar{background:#f8f9ff;border-bottom-color:#e6e9f5} .rich-toolbar button.rich-table-main{color:#5665df;background:#ebeefe;border-color:#dfe3ff} .rich-toolbar button:hover{background:#e9ecff;border-color:#dce1ff;color:#5362da} .rich-content th{background:#eff1ff;color:#555db2} .template-icon{background:#efeaff;color:#7b61e8} .template-card{transition:border-color .16s,transform .16s} .template-card:hover{border-color:#bfc4f0;transform:translateY(-1px)} .cal-day.today .day-number{background:#5c6af0;color:#fff} .cal-event{background:#edf0ff;color:#616bd3} .cal-event.done{background:#e7f8f1;color:#178f6c} .cal-event.overdue{background:#fff0f1;color:#e05f6a} .cal-event.period{background:#eff1fe;color:#6570c7} .date-box{background:#eef0ff;color:#5866d4} .modal,.drawer{background:#fff;border-radius:17px;box-shadow:0 25px 70px #23295828} .modal-overlay,.drawer-overlay{background:#19244091} .mobile-nav{background:#fff;border-color:#eceffa} .mobile-nav .active{color:#5968ee!important} ::selection{background:#e3e8ff;color:#414cc5} @media(max-width:790px){.topbar{background:#fff}.sidebar{box-shadow:12px 0 40px #273a6120}} @media(max-width:570px){ .category-dash-card{border-top:0} .category-dash-card .category-square{width:34px;height:34px;font-size:15.4px} .category-section:before{height:3px} .mobile-order-trigger:active{background:#faf9ff} .order-mobile-card.is-open .mobile-order-trigger{background:#fcfaff} .team-card{border-top-width:3px} } /* Workdesk v7 — colorful, glanceable split workspace. No business logic is changed here. */ :root{--canvas:#f6f7fb;--ink:#263047;--line:#e8eaf2;--accent:#7043ee;--accent-dark:#5e32d1;--accent-pale:#f1ecff;--shadow:0 4px 19px rgba(42,49,83,.038);--fabric:#7b54e9;--exhibit:#18b994;--mirror:#f1a03a;--fabric-bg:#f1ebff;--exhibit-bg:#e9fbf4;--mirror-bg:#fff4e6} body{background:var(--canvas);color:#253047} .sidebar{background:#fbfbff;border-right:1px solid #e9ebf5} .brand-symbol{background:linear-gradient(135deg,#7953fa,#6339dc)!important;border-radius:10px!important} .brand-label strong{color:#27314a} .workspace-switch{background:#fff;border-color:#e8e9f4} .workspace-monogram{background:#ece7ff;color:#6a42dc} .side-caption{color:#99a0b5} .nav-item.active{background:#ece7ff!important;color:#6e43dc!important} .nav-item.active svg{color:#754ce7!important} .nav-item:hover:not(.active){background:#f1eefc} .nav-item.active .nav-count{background:#dcd2ff;color:#6540ca} .quick-project.active{background:#efeaff!important;color:#6346cb!important} .quick-project:nth-child(2).active{background:#e4f9f1!important;color:#139678!important} .quick-project:nth-child(3).active{background:#fff2df!important;color:#ba7c31!important} .sidebar-tip{background:linear-gradient(145deg,#f0eaff,#f9f7ff)!important;border:1px solid #e9e0ff!important} .sidebar-tip strong{color:#6a46cd!important} .sidebar-tip button{background:#7449e8!important;color:#fff!important} .profile-avatar,.small-avatar{background:#eae4ff;color:#7446d7} .topbar{border-bottom:1px solid #e9eaf2;box-shadow:none} .topbar .header-search{border-color:#e8eaf3;background:#fafbfe} .topbar .header-search:focus-within{border-color:#bda7ff;box-shadow:0 0 0 3px #ece6ff} .main-content{max-width:1680px;padding:26px 28px 45px} .eyebrow{color:#7858da!important} .page-top{margin-bottom:18px} .page-top h1{font-size:27.5px;color:#28324b} .page-subtitle{color:#8894a6;margin-top:3px} .btn-primary{background:#7043ee!important;border-color:#7043ee!important;color:#fff!important;box-shadow:0 4px 11px #7043ee26!important} .btn-primary:hover{background:#5f34d3!important} .btn:focus-visible,.nav-item:focus-visible,.v7-cal-toolbar button:focus-visible,.v7-task-trigger:focus-visible,.v7-cat-filter:focus-visible{outline:3px solid #bfafff;outline-offset:2px} .category-tab.active{background:#7043ee!important;border-color:#7043ee!important} .category-tab[data-value="fabrics"].active{background:#7b54e9!important} .category-tab[data-value="exhibition"].active{background:#12a98c!important} .category-tab[data-value="flexmirror"].active{background:#ec9a35!important} .status-chip{font-size:11px;font-weight:800;border-radius:6px;min-width:65px;justify-content:center;padding:6px 10px} .status-chip.status-waiting{background:#e8f1ff;color:#2676d6} .status-chip.status-doing{background:#ffedd7;color:#c47a16} .status-chip.status-done{background:#dff8ed;color:#17875d} .status-chip.status-unissued{background:#f6eaff;color:#864acb} .status-chip.status-issued{background:#dff8ed;color:#17875d} .order-row.is-open,.expanded-content{background:#fbfaff!important} .team-select{border-color:#ddd4ff;color:#6745d4} .cal-event{background:#f2eeff;color:#6e49d9} .cal-day.today .day-number{background:#7043ee} /* Summary tiles: compact enough to see both dashboard panels together. */ .v7-dashboard .page-top{margin-bottom:17px} .v7-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:17px} .v7-summary-block{min-width:0;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9ebf3;border-radius:11px;padding:13px 14px;box-shadow:0 2px 9px #273c6d05} .v7-summary-block>span:last-child{display:flex;flex-direction:column;gap:2px;color:#8c95a6;font-size:11.55px;white-space:nowrap} .v7-summary-block strong{font-size:25.3px;line-height:1.15;font-weight:800;color:#2d354c;letter-spacing:-.045em} .v7-summary-block strong small{font-size:12.1px;color:#9ba5b3;font-weight:600;margin-left:3px} .summary-icon{width:35px;height:35px;flex-shrink:0;border-radius:10px;display:grid;place-items:center} .summary-icon.purple{color:#7c51e9;background:#f1ebff}.summary-icon.orange{color:#e79837;background:#fff3e7}.summary-icon.green{color:#18b184;background:#e5f9f0}.summary-icon.red{color:#ed5b78;background:#fff0f3}.summary-icon.navy{color:#4c84d0;background:#edf3ff} /* True desktop 50:50 split. */ .v7-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px;align-items:start} .v7-board,.v7-calendar{min-width:0;overflow:hidden;border:1px solid #e7e9f0;background:#fff;border-radius:13px;box-shadow:0 4px 18px #272d4808} .v7-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;gap:10px} .v7-section-eyebrow{font-size:9.9px;font-weight:800;letter-spacing:.13em;color:#7f6baf} .v7-panel-heading h2{font-size:18.7px;line-height:1.35;font-weight:800;letter-spacing:-.045em;color:#27324b;margin:3px 0 2px;display:flex;align-items:center;gap:9px} .v7-panel-heading p{font-size:11px;color:#9ba5b7;margin:1px 0 0} .v7-heading-num{display:inline-flex;align-items:center;justify-content:center;font-size:12.1px;font-weight:800;border-radius:6px;background:#f1ebff;color:#7145dc;padding:2px 7px} .v7-panel-link{display:flex;align-items:center;gap:3px;background:transparent;border:0;color:#6d50cb;font-weight:800;font-size:11.55px;white-space:nowrap} .v7-panel-link:hover{text-decoration:underline} .v7-cat-filters{display:flex;gap:6px;padding:0 17px 14px;overflow-x:auto;scrollbar-width:thin} .v7-cat-filter{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;white-space:nowrap;background:#f9fafc;border:1px solid #ecedf4;border-radius:7px;padding:7px 10px;color:#79869b;font-size:11.55px;font-weight:800} .v7-cat-filter i{height:8px;width:8px;border-radius:3px} .v7-cat-filter span{margin-left:3px;font-size:9.9px;color:#a3adbc} .v7-cat-filter.selected.all{background:#6b44e7;color:#fff;border-color:#6b44e7} .v7-cat-filter.selected.cat-fabrics{background:#f0eaff;color:#6f42d7;border-color:#dcd0ff} .v7-cat-filter.selected.cat-exhibition{background:#e5f9f2;color:#139476;border-color:#beebda} .v7-cat-filter.selected.cat-flexmirror{background:#fff3e5;color:#b4742b;border-color:#f6d9b5} .v7-cat-filter.selected.all span{color:#ece6ff} .v7-cat-filter.selected:not(.all) span{color:inherit} .v7-list-head{background:#f8f9fc;border-top:1px solid #edf0f5;border-bottom:1px solid #e8ebf3;padding:9px 18px;display:grid;grid-template-columns:minmax(0,1fr) 66px 96px;gap:8px;color:#99a3b6;font-size:9.9px;font-weight:800} .v7-list-head span:nth-child(2),.v7-list-head span:nth-child(3){text-align:center} .v7-activity-scroll{max-height:440px;min-height:379px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e5e7ef transparent} .v7-group-label{display:flex;align-items:center;gap:7px;background:#fff;padding:8px 18px 6px;font-size:11px;font-weight:800;color:#596278} .v7-group-accent{width:4px;height:15px;border-radius:4px} .v7-group-label b{font-size:9.9px;background:#f1f2f7;color:#8d98ab;border-radius:5px;padding:0 5px} .v7-task-row{border-bottom:1px solid #f0f1f6} .v7-task-row.expanded{background:#fbfaff} .v7-task-trigger{display:grid;align-items:center;grid-template-columns:4px minmax(0,1fr) 65px 93px 14px;gap:8px;background:transparent;border:0;width:100%;min-height:59px;padding:7px 14px 7px 18px;text-align:left;color:#293249} .v7-task-trigger:hover{background:#faf9ff} .v7-row-marker{height:32px;width:3px;border-radius:6px;display:block} .v7-task-main{min-width:0;display:flex;flex-direction:column;gap:3px} .v7-task-main strong{font-size:12.1px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;color:#303953} .v7-task-main small{font-size:10.12px;color:#a0a9b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .v7-task-due{font-size:11px;font-weight:800;color:#6a778d;text-align:center;white-space:nowrap} .v7-task-due.late{color:#ed5173} .v7-status{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:6px 6px;min-width:74px;font-weight:800;font-size:11px;line-height:1.2;color:#fff;white-space:nowrap} .v7-status-waiting{background:#498fe9}.v7-status-doing{background:#f39c34}.v7-status-done{background:#22b27f}.v7-status-late{background:#ee5c77} .v7-row-arrow{color:#a5a9bc} .v7-team-details{padding:2px 18px 14px 31px;background:#fbfaff;border-top:1px dashed #e5e0fa} .v7-team-intro{display:flex;align-items:center;justify-content:space-between;margin:4px 0 8px;gap:7px} .v7-team-intro strong{font-size:11px;color:#6a608f} .v7-team-intro button{border:0;background:transparent;display:inline-flex;align-items:center;gap:3px;color:#6747bf;font-size:11px;font-weight:800} .v7-team-line{min-height:35px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e9e8f1;border-radius:7px;margin-bottom:5px;padding:4px 9px} .v7-team-name{font-size:11px;font-weight:800;color:#40536c;border-left:3px solid #4489e2;padding-left:7px;min-width:63px} .v7-team-line.team-production .v7-team-name{border-left-color:#24b989} .v7-team-line.team-admin .v7-team-name{border-left-color:#e7a04c} .v7-team-person{font-size:11px;color:#8994a5;flex:1} .v7-mini-state{font-size:9.9px;font-weight:800;border-radius:5px;padding:4px 7px;background:#f4f5f9;color:#8c94a5} .v7-mini-state.state-waiting{background:#e6f0ff;color:#2b7de3}.v7-mini-state.state-doing{background:#fff0dc;color:#cb7c22}.v7-mini-state.state-done,.v7-mini-state.state-issued{background:#e1f8ed;color:#168760}.v7-mini-state.state-unissued{background:#f2e9ff;color:#8d5bcc} .v7-team-select{font-size:11px!important;border-radius:5px!important;min-width:96px;max-width:135px;padding:3px 7px!important} .v7-no-items{min-height:265px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#8791a6;font-size:12.1px} .v7-no-items strong{font-size:13.2px;color:#435068} .v7-no-items svg{color:#2db88f} .v7-panel-bottom{padding:12px 16px;display:flex;gap:16px;flex-wrap:wrap;background:#fff;border-top:1px solid #eff0f5;min-height:41px} .v7-panel-bottom>span{display:flex;align-items:center;gap:5px;color:#8792a4;font-size:11px} .v7-legend-dot{width:8px;height:8px;border-radius:3px} /* Calendar: both modes work in either dashboard split pane or full-page view. */ .v7-calendar-heading{padding-bottom:17px} .v7-calendar-heading .v7-section-eyebrow{color:#1d9f85} .v7-cal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 16px 12px} .v7-period-nav,.v7-mode-switch{display:flex;align-items:center;gap:4px;min-width:0} .v7-period-nav button{background:#fff;border:1px solid #e8eaf1;color:#6f7a91;display:grid;place-items:center;border-radius:6px;width:27px;height:27px;flex:0 0 27px} .v7-period-nav button:hover{background:#f2edff;color:#6c43da} .v7-period-nav button.v7-today-btn{width:auto;height:27px;flex:none;font-size:11px;font-weight:800;padding:0 9px;color:#675784} .v7-period-nav strong{white-space:nowrap;font-size:13.2px;font-weight:800;margin-left:4px;letter-spacing:-.04em;color:#333e58} .v7-mode-switch{flex:0 0 auto;background:#f2f3f8;border:1px solid #eceef4;border-radius:7px;padding:3px;gap:2px} .v7-mode-switch button{border:0;background:transparent;color:#8993a5;font-weight:800;border-radius:5px;font-size:11px;padding:5px 10px} .v7-mode-switch button.active{background:#7043e9;color:#fff;box-shadow:0 1px 6px #5b4c9933} .v7-calendar-month{margin:0 16px} .v7-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#f8f9fc;border:1px solid #e9ebf2;border-bottom:0;border-radius:8px 8px 0 0;overflow:hidden} .v7-weekdays span{text-align:center;color:#8b96a8;font-size:11px;font-weight:800;padding:7px 0} .v7-weekdays span:first-child{color:#ee7280}.v7-weekdays span:last-child{color:#5d93e6} .v7-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid #e9ebf2;border-top:1px solid #e9ebf2} .v7-day{min-height:73px;padding:4px 3px 5px;min-width:0;border-right:1px solid #e9ebf2;border-bottom:1px solid #e9ebf2;background:#fff} .v7-day.outside{background:#fafbfe} .v7-day.picked{background:#f7f3ff;box-shadow:inset 0 0 0 1px #bca9f8} .v7-day-number{border:0;background:transparent;color:#6d788c;min-width:23px;height:23px;padding:0 4px;font-size:11px;font-weight:800;border-radius:6px} .v7-day-number:hover{background:#ece5ff;color:#6744cb} .v7-day.today .v7-day-number{background:#7043e9;color:#fff} .v7-day.outside .v7-day-number{color:#b6bdca} .v7-day-events{min-width:0;display:flex;flex-direction:column;gap:2px;margin-top:1px} .v7-cal-event{border:0;min-width:0;width:100%;display:flex;align-items:center;gap:4px;text-align:left;background:#f2edff;color:#7456bf;border-radius:4px;padding:3px 4px;font-size:9.35px;line-height:1.25;font-weight:800} .v7-cal-event i{height:6px;width:6px;border-radius:2px;flex-shrink:0} .v7-cal-event span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .v7-cal-event.cat-exhibition{background:#e7faf2;color:#188e77} .v7-cal-event.cat-flexmirror{background:#fff2e1;color:#bf812e} .v7-cal-event.complete{opacity:.64;text-decoration:line-through} .v7-cal-event:hover{filter:brightness(.97)} .v7-day-more{border:0;background:none;color:#7583a4;font-size:8.8px;font-weight:800;padding:0 3px;text-align:left} .v7-calendar-week{margin:0 16px;min-height:365px;border:1px solid #e9ebf2;border-radius:8px;overflow:hidden} .v7-week-row{display:grid;grid-template-columns:67px minmax(0,1fr);border-bottom:1px solid #edf0f4;min-height:51px} .v7-week-row:last-child{border-bottom:0} .v7-week-row.picked{background:#f8f5ff} .v7-week-row.today .v7-week-date strong{color:#6f42da} .v7-week-date{border:0;background:#fafbfe;border-right:1px solid #eaedf2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px} .v7-week-date span{font-size:9.9px;color:#97a0af}.v7-week-date strong{font-size:13.2px;color:#56647b} .v7-week-events{padding:7px 9px;display:flex;gap:5px;flex-wrap:wrap;align-items:center;min-width:0} .v7-week-events .v7-cal-event{width:auto;max-width:100%;font-size:9.9px;padding:5px 7px} .v7-week-empty{font-size:10.45px;color:#b3bdc9} .v7-agenda{margin:14px 16px 0;border:1px solid #edeef4;border-radius:9px;overflow:hidden} .v7-agenda-head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#f9fafe;border-bottom:1px solid #edf0f5} .v7-agenda-head strong{color:#3a4760;font-size:12.1px;font-weight:800}.v7-agenda-head span{font-size:11px;color:#8e98a7} .v7-agenda-items{max-height:103px;min-height:34px;overflow-y:auto} .v7-agenda-row{width:100%;display:flex;align-items:center;gap:8px;min-width:0;border:0;border-bottom:1px solid #f1f2f6;background:#fff;padding:8px 12px;text-align:left;color:#455269;font-size:11px;font-weight:700} .v7-agenda-row:hover{background:#f8f6ff} .v7-agenda-row:last-child{border-bottom:0}.v7-agenda-row i{height:8px;width:8px;border-radius:3px;flex-shrink:0}.v7-agenda-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.v7-agenda-row small{font-size:9.9px;color:#a0a8b6} .v7-agenda-empty{padding:9px 12px;color:#a1aab9;font-size:11px} .v7-cal-legend{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:11px 17px 13px;flex-wrap:wrap} .v7-cal-legend span{display:flex;align-items:center;gap:5px;font-size:10.45px;color:#909bad}.v7-cal-legend i{height:8px;width:8px;border-radius:3px} .v7-dashboard-footnote{display:flex;gap:7px;align-items:center;color:#acb4c1;font-size:11px;margin-top:14px;line-height:1.5} /* Full calendar uses the exact same controls and events, with more spacious cells. */ .v7-calendar.standalone{max-width:1300px} .v7-calendar.standalone .v7-day{min-height:116px;padding:9px} .v7-calendar.standalone .v7-cal-event{font-size:11px;padding:5px 6px} .v7-calendar.standalone .v7-calendar-week{min-height:440px} .v7-calendar.standalone .v7-week-row{min-height:62px} .v7-calendar.standalone .v7-agenda-items{max-height:250px} @media(max-width:1350px){ .v7-summary-strip{gap:8px}.v7-summary-block{gap:8px;padding:12px 10px} .v7-summary-block strong{font-size:23.1px} .v7-task-trigger{grid-template-columns:3px minmax(0,1fr) 55px 78px 12px;gap:6px;padding-left:11px;padding-right:10px} .v7-status{min-width:70px;font-size:9.9px} .v7-list-head{grid-template-columns:minmax(0,1fr) 56px 86px} .v7-day{min-height:66px}.v7-agenda-row small{display:none} } @media(max-width:1100px){ .v7-main-grid{grid-template-columns:1fr} .v7-activity-scroll{max-height:460px;min-height:220px} .v7-calendar-month .v7-day{min-height:85px} .v7-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))} .v7-task-trigger{grid-template-columns:4px minmax(0,1fr) 72px 94px 14px;padding:8px 16px} .v7-list-head{grid-template-columns:minmax(0,1fr) 72px 94px} .v7-calendar.standalone .v7-day{min-height:95px} } @media(max-width:790px){ .main-content{padding:20px 17px 92px} .v7-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))} .v7-dashboard-footnote{align-items:flex-start} .v7-main-grid{gap:15px} } @media(max-width:570px){ .v7-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .v7-summary-block{padding:11px;gap:8px} .v7-summary-block>span:last-child{font-size:11px} .v7-summary-block strong{font-size:23.1px} .v7-summary-block:nth-child(5){grid-column:span 2} .v7-panel-heading{padding:16px 13px 13px} .v7-cat-filters{padding:0 11px 10px} .v7-cat-filter{font-size:9.9px;padding:6px 8px} .v7-list-head{padding:8px 9px;grid-template-columns:minmax(0,1fr) 44px 69px;gap:4px;font-size:8.8px} .v7-task-trigger{grid-template-columns:3px minmax(0,1fr) 43px 65px 10px;gap:4px;padding:8px 7px;min-height:55px} .v7-task-main strong{font-size:11px}.v7-task-main small{font-size:9.35px} .v7-status{min-width:60px;font-size:9.9px;padding:6px 4px} .v7-task-due{font-size:9.9px} .v7-row-marker{height:29px} .v7-group-label{padding:8px 11px 5px} .v7-activity-scroll{max-height:435px} .v7-team-details{padding:6px 9px 12px} .v7-team-line{padding:4px 7px;gap:5px} .v7-team-name{min-width:55px;font-size:9.9px} .v7-team-person{font-size:9.9px} .v7-team-select{min-width:87px} .v7-panel-bottom{gap:10px} .v7-cal-toolbar{margin:0 8px 10px;gap:5px} .v7-period-nav{gap:2px}.v7-period-nav button{width:25px;flex-basis:25px;height:25px}.v7-period-nav button.v7-today-btn{height:25px;padding:0 6px} .v7-period-nav strong{font-size:11px;margin-left:2px} .v7-mode-switch button{font-size:9.9px;padding:5px 8px} .v7-calendar-month,.v7-calendar-week{margin-left:8px;margin-right:8px} .v7-day{min-height:62px;padding:3px 2px} .v7-calendar-month .v7-day{min-height:62px} .v7-day-number{min-width:19px;height:19px;font-size:9.9px} .v7-cal-event{font-size:7.7px;padding:3px 2px;gap:2px} .v7-cal-event i{width:4px;height:4px} .v7-day-more{font-size:7.7px} .v7-weekdays span{font-size:9.9px;padding:6px 0} .v7-agenda{margin:10px 8px 0} .v7-cal-legend{gap:11px;padding:10px} .v7-calendar.standalone .v7-day{min-height:65px;padding:3px} .v7-calendar.standalone .v7-cal-event{font-size:8.25px;padding:3px} } /* v8 — 공식 하이웍스 메일 바로가기 */ .side-nav .nav-external{display:flex;align-items:center;gap:12px;text-decoration:none;cursor:pointer} .side-nav .nav-external:focus-visible,.mobile-nav .mobile-external:focus-visible{outline:3px solid #b9c1ff;outline-offset:2px} .nav-external-icon{margin-left:auto;color:#a0a9bc;opacity:.9} .side-nav .nav-external:hover{background:#f1eefc;color:#6e43dc} .mobile-nav .mobile-external{border:0;background:none;color:#9ba6b9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:9.9px;font-weight:700;padding:3px 8px;text-decoration:none;white-space:nowrap} .mobile-nav .mobile-external:hover{color:#754ce7} @media(max-width:390px){.mobile-nav button,.mobile-nav .mobile-external{padding-left:4px;padding-right:4px}} /* Workdesk v9 – 하이웍스 메일: 동일 UI 내부에서 표시를 시도, 같은 탭 fallback. */ .side-nav .nav-item.active:has(svg){text-decoration:none} .v9-mail-page{min-width:0;max-width:100%} .v9-mail-shell{background:#fff;border:1px solid #e7e8f0;border-radius:15px;box-shadow:0 5px 21px #303a6508;overflow:hidden} .v9-mail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid #eef0f6;background:#fff} .v9-mail-heading{display:flex;gap:11px;align-items:center;color:#2c344c} .v9-mail-icon{width:39px;height:39px;border-radius:12px;background:#eeeaff;color:#734be2;display:grid;place-items:center} .v9-mail-heading span:last-child{display:flex;flex-direction:column;gap:2px} .v9-mail-heading strong{font-size:15.4px;font-weight:850} .v9-mail-heading small{color:#9ca3b5;font-size:9.9px;letter-spacing:.14em;font-weight:800} .v9-mail-actions{display:flex;align-items:center;gap:8px} .v9-mail-reload{display:inline-flex;align-items:center;gap:6px;padding:10px 11px;border:1px solid #e2e5ee;color:#6b7189;background:#fff;border-radius:8px;font-size:12.1px;font-weight:700;cursor:pointer} .v9-mail-full{font-size:12.1px;display:inline-flex;align-items:center;gap:7px} .v9-embed-helper{padding:11px 18px;color:#69728c;background:#f6f5ff;font-size:12.1px;line-height:1.5;border-bottom:1px solid #ebe7ff} .v9-embed-helper b{color:#6040c9} .v9-mail-frame-wrap{position:relative;min-height:635px;background:#f9fafc} .v9-mail-frame{display:block;width:100%;height:min(76vh,780px);min-height:635px;border:0;background:#fff} .v9-mail-footer{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8a93a5;font-size:11px;border-top:1px solid #edf0f6} .v9-mail-footer span,.v9-mail-footer button{display:inline-flex;align-items:center;gap:6px} .v9-mail-footer button{border:0;background:transparent;color:#6849d2;cursor:pointer;font-weight:750;font-size:11px} .v9-mail-full:focus-visible,.v9-mail-reload:focus-visible,.v9-mail-footer button:focus-visible{outline:3px solid #bdadff;outline-offset:2px} @media(max-width:800px){ .v9-mail-toolbar{padding:12px;align-items:flex-start;flex-direction:column;gap:10px} .v9-mail-actions{width:100%} .v9-mail-actions>*{flex:1;justify-content:center} .v9-embed-helper{padding:12px;line-height:1.6} .v9-mail-frame{min-height:575px;height:72vh} .v9-mail-frame-wrap{min-height:575px} .v9-mail-footer{flex-direction:column;align-items:flex-start;gap:7px} } /* Workdesk v10 — 10% larger type, instant-scan project list, compact editor, A4 orders */ :root{--state-waiting:#3478e5;--state-doing:#21a779;--state-hold:#e5af23;--state-done:#7a8291;--state-urgent:#e04750} /* Status colors are lifecycle indicators; category colors remain purple / teal / amber. */ .status-chip.status-waiting,.v7-status.v7-status-waiting{background:#eaf3ff!important;color:#276ac5!important} .status-chip.status-doing,.v7-status.v7-status-doing{background:#e4f8ed!important;color:#168452!important} .status-chip.status-hold,.v7-status.v7-status-hold{background:#fff5cd!important;color:#a2790c!important} .status-chip.status-done,.v7-status.v7-status-done{background:#eef0f3!important;color:#6d788a!important} .status-chip.status-urgent,.v7-status.v7-status-urgent{background:#ffe7e9!important;color:#cc3544!important} .v7-status-late{background:#ffe7e9!important;color:#cc3544!important} .v7-mini-state.state-waiting{background:#eaf3ff;color:#2670d3} .v7-mini-state.state-doing{background:#e4f8ed;color:#168452} .v7-mini-state.state-hold{background:#fff5cd;color:#9c740d} .v7-mini-state.state-done,.v7-mini-state.state-issued{background:#eef0f3;color:#737b89} .v7-mini-state.state-urgent{background:#ffe6e8;color:#ca3647} .v7-mini-state.state-unissued{background:#f4eaff;color:#8757c2} .v7-team-select,.team-select{color:#556379;border-color:#d9dfed} .v7-activity-scroll .v7-task-row.expanded{background:#f9f8ff} /* Dashboard summary color and category distinction */ .summary-icon.orange{color:#c99b15;background:#fff5d7} .summary-icon.green{color:#168d62;background:#e5f8ef} .summary-icon.red{color:#ab8116;background:#fff5d7} .summary-icon.navy{color:#65728e;background:#f0f2f7} .v7-section-eyebrow{font-weight:850} .v7-panel-bottom{gap:12px} .v7-team-intro{gap:8px} .v10-print-mini{display:inline-flex;gap:5px;align-items:center;border:1px solid #e0e4ed;background:#fff;border-radius:6px;padding:5px 8px;color:#7659c4;font-size:11.5px;font-weight:800} .v10-print-mini:hover{background:#f4f1ff} /* Dense, single-section project table in the entire-tasks tab. */ .v10-task-page .page-top{margin:0 0 14px} .v10-task-page .page-top h1{line-height:1.22} .v10-task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px} .v10-toolbar-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px} .v10-filter-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;background:#fff;border:1px solid #e5e8f0;border-radius:8px;color:#657186;white-space:nowrap;font-size:12.5px;font-weight:700;line-height:1.35} .v10-filter-chip b{padding:1px 5px;font-size:10.5px;border-radius:5px;color:#9ba4b2;background:#f5f6f9} .v10-filter-chip i,.v10-cell-category i{width:9px;height:9px;border-radius:3px;display:inline-block;flex:0 0 auto} .v10-filter-chip:hover{background:#f7f8fd} .v10-filter-chip.selected{background:#f0ebff;border-color:#d4c6ff;color:#653ed2} .v10-filter-chip[data-value='exhibition'].selected{background:#e9faf3;border-color:#c3eddd;color:#129677} .v10-filter-chip[data-value='flexmirror'].selected{background:#fff4e7;border-color:#f8dfbe;color:#ba7e2d} .v10-status-filters .v10-filter-chip{font-size:11.8px;padding:7px 9px} .v10-filter-waiting.selected{background:#eaf3ff;color:#276ac5;border-color:#c9e0ff} .v10-filter-doing.selected{background:#e4f8ed;color:#168452;border-color:#c3ecd5} .v10-filter-hold.selected{background:#fff5cd;color:#9d760b;border-color:#f3dda2} .v10-filter-done.selected{background:#eef0f3;color:#6d788a;border-color:#d7dce3} .v10-filter-urgent.selected{background:#ffe7e9;color:#cb3542;border-color:#ffc9d0} .v10-advanced-btn{color:#6c56b9} .v10-extra-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:0 0 12px} .v10-extra-filters label{font-size:11px;font-weight:800;color:#69758b;display:inline-flex;align-items:center;gap:8px} .v10-extra-filters .select-control{min-width:132px;max-width:190px;height:32px;font-size:11.5px} .v10-board-actions{display:flex;align-items:center;gap:18px} .v10-export-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid #e9eaf1;border-radius:7px;background:#fff;color:#7e879a;padding:6px 9px;font-size:11px;font-weight:800} .v10-export-btn:hover{background:#f7f5ff} .v10-task-board{background:#fff;border:1px solid #e7e9f0;box-shadow:0 4px 17px #222e5207;border-radius:13px;overflow:hidden} .v10-board-header{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid #edf0f5;gap:12px} .v10-board-header>div:first-child{display:flex;gap:10px;align-items:center} .v10-board-header strong{font-size:16px;color:#2e3651} .v10-board-header span{font-size:12px;color:#8693a8} .v10-board-helper{display:flex;gap:5px;align-items:center;font-size:11.5px;color:#93a0b2} .v10-list-column-head,.v10-list-row{display:grid;grid-template-columns:minmax(125px,20%) minmax(0,1fr) 122px 24px;gap:12px;align-items:center} .v10-list-column-head{background:#f7f8fc;border-bottom:1px solid #e9edf4;padding:10px 17px;color:#8a94a7;font-weight:800;font-size:11.5px} .v10-list-scroll{overflow-y:auto;max-height:calc(100vh - 335px);min-height:245px;scrollbar-width:thin;scrollbar-color:#d9dce7 transparent} .v10-list-row{width:100%;padding:8px 17px;background:#fff;text-align:left;border:0;border-bottom:1px solid #edf0f4;min-height:49px;color:#30384c;transition:background .14s} .v10-list-row:hover{background:#f9f7ff} .v10-list-row:focus-visible{outline:2px solid #9d8cf7;outline-offset:-2px;background:#f7f5ff} .v10-list-row:last-child{border-bottom:0} .v10-cell-category{font-size:12.5px;font-weight:800;color:#5f697e;display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap} .v10-cell-category small{font-size:10px;color:#a0a9b9;overflow:hidden;text-overflow:ellipsis} .v10-cell-title{display:flex;align-items:center;gap:13px;min-width:0} .v10-cell-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px;font-weight:750;color:#303953;min-width:0} .v10-cell-title small{font-size:10.8px;color:#96a2b4;white-space:nowrap;margin-left:auto;flex:none} .v10-cell-status{display:grid;place-items:center} .v10-cell-status .status-chip{min-width:84px;padding:6px 9px;font-size:12px} .v10-cell-arrow{display:grid;place-items:center;color:#a6afbf} .v10-board-foot{border-top:1px solid #e9edf4;display:flex;justify-content:space-between;align-items:center;padding:11px 17px;color:#8e99a9;font-size:11px;gap:12px} .v10-foot-status{display:flex;flex-wrap:wrap;gap:8px} .v10-mini-count{display:inline-flex;gap:4px;align-items:center;font-size:10.5px;font-weight:700} .v10-mini-count:before{content:"";display:inline-block;width:7px;height:7px;border-radius:3px;background:#aaa} .v10-mini-count.waiting:before{background:var(--state-waiting)} .v10-mini-count.doing:before{background:var(--state-doing)} .v10-mini-count.hold:before{background:var(--state-hold)} .v10-mini-count.urgent:before{background:var(--state-urgent)} .v10-mini-count.done:before{background:var(--state-done)} .v10-list-empty{padding:60px 20px;display:flex;align-items:center;justify-content:center;gap:12px;color:#98a2b4;font-size:13px} /* More information in one dialog: fields at left and formatted order body at right. */ .modal:has(.v10-form-grid){width:min(1060px,calc(100vw - 42px));max-height:calc(100dvh - 36px);overflow:hidden;display:flex;flex-direction:column} .modal:has(.v10-form-grid) form{display:flex;flex-direction:column;min-height:0;flex:1} .modal:has(.v10-form-grid) .modal-header{flex:none;padding:15px 23px 11px} .modal:has(.v10-form-grid) .modal-header h2{font-size:19px} .modal:has(.v10-form-grid) .modal-header p{margin-top:3px;font-size:11px} .modal:has(.v10-form-grid) .modal-footer{flex:none;padding:12px 22px} .v10-form-grid{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:22px;align-items:start;overflow-y:auto;padding:14px 23px 10px!important;min-height:0} .v10-form-fields,.v10-form-description{min-width:0} .v10-form-grid .field{margin-bottom:9px} .v10-form-grid .field-label{margin-bottom:4px;font-size:12px} .v10-form-grid .field-input{min-height:34px;height:34px;font-size:12.5px;border-radius:7px;padding:4px 9px} .v10-form-grid .form-row{gap:9px;grid-template-columns:1fr 1fr} .v10-form-grid .schedule-section{padding:8px 11px;margin:3px 0 8px;border-radius:9px} .v10-form-grid .schedule-choice{margin:5px 0 7px;gap:7px} .v10-form-grid .schedule-option{padding:6px 8px;min-height:41px;border-radius:7px;gap:7px} .v10-form-grid .schedule-option input{width:14px;height:14px} .v10-form-grid .schedule-option strong{font-size:11.5px} .v10-form-grid .schedule-option small{font-size:9.5px} .v10-form-grid .schedule-date-row{gap:7px} .v10-form-grid .schedule-help{font-size:9.5px;margin:2px 0 0} .v10-compact-two{display:grid;grid-template-columns:1fr 145px;align-items:end;gap:10px} .v10-urgent-option{display:flex;align-items:center;gap:7px;min-height:34px;margin-bottom:9px;padding:5px 9px;border:1px solid #f4d9da;background:#fff9f9;border-radius:7px;color:#bf444f;font-weight:800;font-size:11.5px;cursor:pointer;white-space:nowrap} .v10-urgent-option input{accent-color:#e04750;width:15px;height:15px;margin:0} .v10-urgent-option span{display:flex;flex-direction:column;line-height:1.1} .v10-urgent-option small{font-size:9px;color:#c48c93;margin-top:3px;font-weight:600} .v10-form-grid .field-group-title{padding:6px 0 6px;margin:0;font-size:12px} .v10-team-form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .v10-form-grid .rich-toolbar{gap:4px;padding:7px;align-items:center} .v10-form-grid .rich-toolbar-group{gap:3px} .v10-form-grid .rich-toolbar button{font-size:11px;min-height:26px;padding:4px 6px} .v10-form-grid .rich-font{width:105px} .v10-form-grid .rich-size{width:65px} .v10-form-grid .rich-editor{min-height:308px;max-height:48vh;overflow-y:auto;font-size:15.4px;padding:13px 14px} .v10-form-grid .rich-editor-hint{margin:4px 1px 0;font-size:10px} .v10-print-action{background:#7051e9!important;color:#fff!important;border-color:#7051e9!important} /* Printed document contains only work order, never dashboard chrome or an expanded modal. */ #printRoot{display:none} @page{size:A4 portrait;margin:13mm 14mm 14mm} @media print{ html,body{background:#fff!important;color:#111!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important} body{font-family:'Malgun Gothic','Noto Sans KR',Arial,sans-serif!important;font-size:10.5pt!important;line-height:1.45!important;letter-spacing:0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact} body>.app-shell,body>.mobile-nav,body>#modalRoot,body>#drawerRoot,body>#toastRoot{display:none!important} #printRoot{display:block!important;position:static!important;width:auto!important;height:auto!important;overflow:visible!important} .v10-print-sheet{width:100%;padding:0;margin:0;background:#fff;color:#161f2d;font-size:10.5pt;line-height:1.5;overflow:visible} .v10-print-heading{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:3px solid #273958;padding:0 0 14px;margin-bottom:17px} .v10-print-heading h1{font-size:25pt;letter-spacing:.18em;margin:0;font-weight:900;line-height:1.25} .v10-print-eyebrow{font-size:8.5pt;color:#66738b;margin:0 0 4px;letter-spacing:.1em;font-weight:700} .v10-print-sub{font-size:10pt;color:#5c6b83;margin:3px 0 0} .v10-print-id{text-align:right;display:flex;flex-direction:column;font-size:9pt;color:#5c6b83;gap:2px} .v10-print-id b{font-size:12pt;color:#1f2b42} .v10-print-info,.v10-print-teams,.v10-print-rich table{border-collapse:collapse;width:100%;table-layout:fixed} .v10-print-info th,.v10-print-info td,.v10-print-teams th,.v10-print-teams td{border:1px solid #b7bfca;padding:8px 9px;text-align:left;vertical-align:middle;overflow-wrap:anywhere} .v10-print-info th{background:#f1f3f6;width:18%;font-size:9pt;color:#41516a;font-weight:750} .v10-print-info td{width:32%} .v10-print-state-urgent{color:#b7202d!important;font-weight:900!important} .v10-print-state-hold{color:#866006!important;font-weight:850!important} .v10-print-task-title{font-size:12.5pt;font-weight:750} .v10-print-section{margin-top:18px;break-inside:auto} .v10-print-section h2{font-size:11.5pt;border-left:4px solid #324a76;padding:0 0 0 9px;margin:0 0 9px;font-weight:850;break-after:avoid} .v10-print-teams th{background:#f1f3f6;color:#394861;font-weight:750} .v10-print-teams th:first-child{width:20%} .v10-print-teams th:nth-child(2){width:30%} .v10-print-teams th:nth-child(3){width:25%} .v10-print-teams th:nth-child(4){width:25%} .v10-print-teams td{height:37px} .v10-print-rich{min-height:125px;padding:11px 12px;border:1px solid #b7bfca;overflow-wrap:anywhere;font-size:10.5pt} .v10-print-rich table{font-size:inherit;margin:8px 0} .v10-print-rich th,.v10-print-rich td{border:1px solid #b7bfca;padding:6px 8px;vertical-align:top} .v10-print-rich tr,.v10-print-teams tr{break-inside:avoid} .v10-print-rich p{margin:0 0 8px} .v10-print-footer{display:flex;gap:20px;justify-content:space-between;margin:28px 0 0;padding-top:13px;border-top:1px solid #b7bfca;break-inside:avoid;font-size:9.5pt} } @media(max-width:1290px){ .v10-task-toolbar{align-items:flex-start;flex-direction:column;gap:7px} .v10-list-scroll{max-height:calc(100vh - 365px)} .v10-cell-category small{display:none} } @media(max-width:900px){ .v10-form-grid{grid-template-columns:minmax(0,1fr)} .modal:has(.v10-form-grid){max-width:720px} .v10-form-grid .rich-editor{min-height:190px} .v10-list-column-head,.v10-list-row{grid-template-columns:minmax(95px,24%) minmax(0,1fr) 100px 15px;gap:8px} .v10-cell-title{display:block} .v10-cell-title small{display:block;margin:1px 0 0} .v10-list-scroll{max-height:calc(100vh - 370px)} } @media(max-width:570px){ .v10-task-page .page-top{margin:0 0 12px} .v10-task-toolbar{gap:8px;margin-bottom:9px} .v10-toolbar-filters{flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding-bottom:3px} .v10-filter-chip{font-size:11.5px;padding:7px 9px} .v10-status-filters .v10-filter-chip{font-size:11px} .v10-board-header{padding:11px 12px} .v10-board-helper{display:none} .v10-list-column-head,.v10-list-row{grid-template-columns:63px minmax(0,1fr) 72px 10px;gap:6px;padding-left:9px;padding-right:9px} .v10-list-column-head{font-size:10px} .v10-list-row{min-height:54px;padding-top:8px;padding-bottom:8px} .v10-cell-category{font-size:10.5px;gap:4px} .v10-cell-category i{width:6px;height:6px} .v10-cell-title strong{font-size:11.5px;display:block} .v10-cell-title small{font-size:10px} .v10-cell-status .status-chip{min-width:64px;font-size:10.5px;padding:6px 3px} .v10-board-foot{padding:10px;align-items:flex-start;flex-direction:column;gap:5px} .v10-list-scroll{max-height:calc(100dvh - 363px);min-height:210px} .v10-form-grid{padding:11px 14px!important;gap:6px} .modal:has(.v10-form-grid){width:calc(100vw - 16px);max-height:calc(100dvh - 18px)} .modal:has(.v10-form-grid) .modal-header{padding:11px 14px 8px} .modal:has(.v10-form-grid) .modal-footer{padding:10px 14px} .v10-form-grid .field-input{min-height:33px;height:33px} .v10-form-grid .schedule-section{padding:8px} .v10-form-grid .schedule-option{min-height:35px} .v10-form-grid .schedule-choice{gap:5px} .v10-team-form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px} .v10-team-form-row .field-label{font-size:10.8px} .v10-compact-two{grid-template-columns:1fr 119px;gap:6px} .v10-urgent-option{font-size:10px} .v10-form-grid .rich-editor{min-height:170px;max-height:36vh} .v10-form-grid .form-row{gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))} } /* v11 — bright status colors + 3-column category board + footer-aligned A4 order */ :root{--state-waiting:#1677F2;--state-doing:#0EA66E;--state-hold:#DCA208;--state-done:#64748B;--state-urgent:#EA3853} /* Strong, solid statuses: clearer from a distance without relying on pale pastels. */ .status-chip.status-waiting,.v7-status.v7-status-waiting,.v7-mini-state.state-waiting{background:#1677F2!important;color:#fff!important;border-color:#1677F2!important} .status-chip.status-doing,.v7-status.v7-status-doing,.v7-mini-state.state-doing{background:#0DAD70!important;color:#fff!important;border-color:#0DAD70!important} .status-chip.status-hold,.v7-status.v7-status-hold,.v7-mini-state.state-hold{background:#E5AD15!important;color:#392900!important;border-color:#DDA406!important} .status-chip.status-done,.v7-status.v7-status-done,.v7-mini-state.state-done{background:#66758B!important;color:#fff!important;border-color:#66758B!important} .status-chip.status-urgent,.v7-status.v7-status-urgent,.v7-mini-state.state-urgent{background:#ED3653!important;color:#fff!important;border-color:#ED3653!important} .status-chip,.v7-status{font-weight:800!important;box-shadow:0 2px 5px #263c5220} .v11-task-page{min-width:0;display:flex;flex-direction:column;gap:12px;height:calc(100dvh - 93px);min-height:570px;overflow:hidden} .v11-task-page .page-top{margin:0 0 0;flex:none} .v11-task-page .page-top h1{font-size:26px} .v11-task-page .page-subtitle{font-size:12px} .v11-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:38px;flex-wrap:wrap;flex:none} .v11-status-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap} .v11-status-filter{font:inherit;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e0e5ef;color:#66728a;font-size:12px;font-weight:750;border-radius:8px;padding:7px 12px;cursor:pointer;transition:.15s} .v11-status-filter:hover{border-color:#b7c8e0;background:#fafbfe} .v11-status-filter.active{border-color:#6e56de;background:#eeeafd;color:#5939be} .v11-status-filter span{font-size:11px;border-radius:4px;background:#edf0f5;color:#697387;min-width:19px;text-align:center;padding:1px 4px} .v11-toolbar-right{display:flex;align-items:center;gap:12px} .v11-sort-label{color:#718099;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;white-space:nowrap} .v11-three-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;flex:1 1 auto;gap:12px} .v11-column{background:#fff;border:1px solid #e3e8f1;border-radius:13px;box-shadow:0 4px 16px #253c5510;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden} .v11-column-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:17px 16px 13px;gap:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--cat) 9%,#fff),#fff 82%);border-top:4px solid var(--cat);min-height:70px;flex:none} .v11-column-name{display:flex;align-items:center;gap:9px;min-width:0} .v11-column-dot{display:inline-block;width:11px;height:11px;border-radius:4px;background:var(--cat);flex:none} .v11-column-name h2{font-size:17px;font-weight:850;color:#27344d;letter-spacing:-.03em;margin:0;white-space:nowrap} .v11-column-count{font-size:11px;min-width:23px;text-align:center;border-radius:5px;padding:4px 6px;background:#f2f4f8;color:#65728a;font-weight:850} .v11-column-sort{white-space:nowrap;font-size:10px;color:#9aa4b4;letter-spacing:-.02em} .v11-column-label{padding:8px 14px;display:flex;flex-direction:column;gap:3px;background:#fafbfe;color:#929caf;font-size:10px;font-weight:750;border-top:1px solid #f1f3f7;border-bottom:1px solid #edf0f6;flex:none} .v11-column-label span:nth-child(2){display:none} .v11-column-scroll{padding:9px 10px;overflow-y:auto;flex:1 1 auto;min-height:0;overscroll-behavior:contain;scrollbar-color:#d7ddea transparent;scrollbar-width:thin} .v11-order-card{font:inherit;cursor:pointer;border:1px solid #e6eaf2;background:#fff;display:flex;flex-direction:column;align-items:stretch;gap:11px;width:100%;padding:13px 13px 12px;margin:0 0 9px;border-radius:9px;text-align:left;min-width:0;box-shadow:0 1px 3px #2d496109;transition:border-color .15s,box-shadow .15s,transform .15s} .v11-order-card:hover,.v11-order-card:focus-visible{outline:none;border-color:#a79aee;box-shadow:0 4px 13px #5d55a21c;transform:translateY(-1px)} .v11-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px} .v11-order-title{font-size:13.2px;font-weight:850;color:#2d3a52;min-width:0;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere} .v11-card-top .status-chip{flex:none;font-size:11px;min-width:58px;border-radius:6px;white-space:nowrap;padding:5px 7px;text-align:center} .v11-card-people{display:flex;align-items:center;gap:6px 9px;flex-wrap:wrap;min-width:0} .v11-assignee{display:inline-flex;align-items:center;gap:4px;font-size:10.7px;color:#778398;white-space:nowrap} .v11-assignee b{border-radius:4px;background:#edf2f8;color:#687992;padding:2px 4px;font-size:9.7px;font-weight:850} .v11-assignee-empty{font-size:11px;color:#a2abba} .v11-column-foot{flex:none;padding:10px 14px;border-top:1px solid #e9edf4;color:#758198;font-size:11.5px;font-weight:700;display:flex;justify-content:space-between;background:#fcfdff} .v11-column-foot span{font-weight:600;color:#98a2b2} .v11-column-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;color:#a9b3c1;gap:8px;font-size:12px} .v11-column-empty p{margin:0} .v11-bottom-note{flex:none;color:#8a97ab;font-size:11px;display:flex;align-items:center;gap:6px;padding:0 3px} .v11-drawer-head{gap:12px} .v11-drawer-actions{display:flex;align-items:center;gap:9px} .v11-drawer-print{font-size:13px!important;padding:8px 15px!important;background:#7151e7!important;border-color:#7151e7!important;border-radius:8px!important;white-space:nowrap} .v11-drawer-print:hover{background:#5c3ed0!important} @media(max-width:1180px){.v11-column-header{padding:14px 12px}.v11-column-name h2{font-size:15px}.v11-order-card{padding:10px}.v11-card-top{flex-wrap:wrap}.v11-card-top .status-chip{order:0}} @media(max-width:800px){ .v11-task-page{height:auto;min-height:0;overflow:visible} .v11-three-board{display:flex;flex-direction:column;gap:12px} .v11-column{min-height:0;max-height:none} .v11-column-scroll{max-height:380px;overflow-y:auto} .v11-order-card{padding:13px 12px;gap:9px} .v11-card-top{flex-wrap:nowrap} .v11-toolbar{gap:8px} .v11-status-filters{gap:5px} .v11-status-filter{padding:6px 9px;font-size:11px} .v11-toolbar-right{width:100%;justify-content:space-between} .v11-bottom-note{padding-bottom:15px} } @media(max-width:480px){.v11-task-page .page-top h1{font-size:23px}.v11-column-scroll{max-height:300px}.v11-column-header{min-height:60px}.v11-column-name h2{font-size:16px}.v11-status-filter{font-size:10.7px}} /* Print: order content is always between the header and the final team assignment table. */ @media print{ .v11-print-sheet{display:flex!important;flex-direction:column!important;min-height:250mm!important;overflow:visible!important} .v11-print-main{flex:none!important;margin-top:17px!important} .v11-print-main .v10-print-rich{min-height:52mm!important;padding:12px 13px!important;overflow-wrap:anywhere!important} .v11-print-spacer{flex:1 1 auto!important;min-height:4mm!important} .v11-print-teams-section{flex:none!important;margin-top:10mm!important;break-inside:avoid!important;page-break-inside:avoid!important} .v11-print-teams-section h2{break-after:avoid!important} .v11-print-sheet .v10-print-footer{flex:none!important;margin-top:12px!important;padding-top:10px!important} .v11-print-sheet .v10-print-teams td{height:30px!important;padding:6px 8px!important} } /* v12 – completed archive; automatic department stages; streamlined work order */ :root{--state-hold:#FFD928} /* Bright true yellow instead of mustard; maintain dark text for contrast. */ .status-chip.status-hold,.v7-status.v7-status-hold,.v7-mini-state.state-hold{background:#FFDE2F!important;color:#392B00!important;border-color:#EFC300!important} .v7-panel-bottom .v7-legend-dot{box-shadow:0 0 0 1px #00000012} .v12-status-filters{align-items:center;gap:7px} .v12-status-filter{font-size:12px} .v12-status-filter.v12-completed-filter{margin-left:20px;position:relative;color:#556476;background:#f4f6f9;border-color:#d5dbe5} .v12-status-filter.v12-completed-filter:before{content:"";position:absolute;left:-13px;top:3px;bottom:3px;width:1px;background:#bec7d4} .v12-status-filter.v12-completed-filter.active{background:#e8ecf2;border-color:#71819a;color:#283e59} .v12-status-filter.v12-urgent-filter.active{border-color:#ef4263;background:#fff0f4;color:#cf2846} .v12-status-filter.v12-urgent-filter.active span{background:#fad7df;color:#c92e4d} .v12-card-badges{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end;flex:none} .v12-urgent-flag{background:#ed3653;color:#fff;border-radius:5px;padding:5px 7px;font-weight:800;font-size:10.5px;line-height:1.2} .v12-owner-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px} .v12-control-help{color:#76859b;font-size:12px;line-height:1.55;margin:5px 0 0} .v12-owner-button{font:inherit;border-radius:9px;border:1px solid #d8e1ed;background:#f7faff;color:#596b86;padding:9px 13px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:5px;cursor:pointer} .v12-owner-button.is-selected{border-color:#1677f2;background:#eaf3ff;color:#1258a7} .v12-owner-button.is-urgent{background:#fff5f7;color:#d3485c;border-color:#f4d3d9} .v12-owner-button.is-urgent.is-selected{border-color:#ED3653;background:#ED3653;color:#fff} .v12-requester-control{border-radius:11px;padding:14px 15px;background:#f8fafc;border:1px solid #e4eaf2} .v12-requester-control h3{margin:0 0 3px} .v12-card-badges .status-chip{box-shadow:none} @media(max-width:900px){.v12-status-filter.v12-completed-filter{margin-left:15px}.v12-status-filter.v12-completed-filter:before{left:-10px}} /* Print-only clean order slip. No department statuses or overall progress. */ @media print{ .v11-print-sheet.v12-print-sheet,.v12-print-sheet{display:flex!important;flex-direction:column!important;min-height:254mm!important;height:auto!important;overflow:visible!important} .v12-print-heading{margin-bottom:10mm!important} .v10-print-info.v12-print-info{width:72%!important;max-width:135mm!important;table-layout:fixed!important;align-self:flex-start!important;margin:0!important} .v12-print-info th,.v12-print-info td{border:1px solid #bdc4d0!important;padding:4.5px 7px!important;font-size:9.2pt!important;line-height:1.25!important;vertical-align:middle!important} .v12-print-info th{width:27%!important;white-space:nowrap!important;background:#f3f5f8!important;color:#394962!important} .v12-print-info td{width:73%!important;color:#1a2939!important} .v12-print-info .v10-print-task-title{font-size:10.3pt!important;font-weight:800!important} .v12-print-main{margin-top:12mm!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:120mm!important} .v12-print-main h2{margin-bottom:8px!important} .v12-print-main .v10-print-rich{flex:1 1 auto!important;min-height:125mm!important;border:1px solid #c1c9d4!important;padding:14px 16px!important;line-height:1.6!important} .v12-print-footer{margin-top:14mm!important;padding-top:10px!important;flex:none!important;font-size:8.6pt!important;color:#596b82!important} .v11-print-teams-section,.v11-print-spacer{display:none!important} } /* Workdesk v13 — category identity + department at-a-glance + archive search */ :root{--fabric:#E43D49;--fabric-bg:#FFF0F2;--exhibit:#EB4D9B;--exhibit-bg:#FFF0F8;--mirror:#26272E;--mirror-bg:#F0F1F3;--state-hold:#FEE500} /* KakaoTalk-like vivid yellow, not ochre/mustard. */ .status-chip.status-hold,.v7-status.v7-status-hold,.v7-mini-state.state-hold{background:#FEE500!important;color:#272200!important;border-color:#FEE500!important} .v7-panel-bottom .v7-legend-dot[style*="FEE500"]{background:#FEE500!important} /* All three category colors travel consistently throughout lists and calendar. */ .v7-cat-filter.selected.cat-fabrics{background:#FFF0F2;color:#CC283A;border-color:#F5C3C9} .v7-cat-filter.selected.cat-exhibition{background:#FFF0F8;color:#CD2D7E;border-color:#F6C6E0} .v7-cat-filter.selected.cat-flexmirror{background:#F0F1F3;color:#24252B;border-color:#C8CCD3} .v7-cal-event.cat-fabrics{background:#FFEDF0;color:#BA2D3C} .v7-cal-event.cat-exhibition{background:#FFF0F8;color:#B42775} .v7-cal-event.cat-flexmirror{background:#ECEEF0;color:#282C34} .category-pill.category-fabrics{background:#FFF0F2;color:#CA3440} .category-pill.category-exhibition{background:#FFF0F8;color:#C62F7E} .category-pill.category-flexmirror{background:#EFF0F2;color:#27292F} .category-tab[data-value="fabrics"].active{background:var(--fabric)!important;border-color:var(--fabric)!important} .category-tab[data-value="exhibition"].active{background:var(--exhibit)!important;border-color:var(--exhibit)!important} .category-tab[data-value="flexmirror"].active{background:var(--mirror)!important;border-color:var(--mirror)!important} .category-dash-card.category-fabrics .dash-category-stat strong{color:#D03643} .category-dash-card.category-exhibition .dash-category-stat strong{color:#CE377F} .category-dash-card.category-flexmirror .dash-category-stat strong{color:#35373D} .quick-project:nth-child(1).active{background:#FFF0F2!important;color:#C32A3A!important} .quick-project:nth-child(2).active{background:#FFF0F8!important;color:#C22B78!important} .quick-project:nth-child(3).active{background:#EFF0F2!important;color:#25272D!important} .v13-task-page .v11-column-header{background:linear-gradient(90deg,color-mix(in srgb,var(--cat) 9%,#fff),#fff 85%)} .v13-task-page .v11-column-label{gap:2px} .v13-task-page .v11-column-label span:nth-child(2){display:block;color:#A4ABBB;font-size:9.6px;font-weight:650} /* Compact department status strip: three clear cells, no duplicated owner names. */ .v13-order-card{gap:9px;} .v13-dept-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;margin-top:1px} .v13-dept-pill{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #EBEEF4;border-top-width:2px;border-radius:6px;background:#F8F9FC;padding:5px 2px 4px;text-align:center} .v13-dept-label{font-size:9.9px;color:#758196;line-height:1.16;font-weight:750;white-space:nowrap} .v13-dept-status{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-width:0;justify-content:center;font-size:10.5px;font-weight:850;color:#53647A;line-height:1.25;white-space:nowrap} .v13-state-dot{height:7px;width:7px;min-width:7px;border-radius:50%;background:#A4ACBA} .v13-state-waiting{background:#EEF5FF;border-top-color:#1677F2}.v13-state-waiting .v13-dept-status{color:#2161AC}.v13-state-waiting .v13-state-dot{background:#1677F2} .v13-state-doing{background:#E9F9F1;border-top-color:#0DAD70}.v13-state-doing .v13-dept-status{color:#078656}.v13-state-doing .v13-state-dot{background:#0DAD70} .v13-state-hold{background:#FFFBD4;border-top-color:#FEE500}.v13-state-hold .v13-dept-status{color:#786900}.v13-state-hold .v13-state-dot{background:#E7CC00} .v13-state-done{background:#F1F3F6;border-top-color:#66758B}.v13-state-done .v13-dept-status{color:#627084}.v13-state-done .v13-state-dot{background:#66758B} .v13-state-unset{background:#FBFCFE;border-top-color:#D8DEE8}.v13-state-unset .v13-dept-status{color:#97A1B0} /* Completed archive search bar, accessible and visible only on Completed tab. */ .v13-completed-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E3E8F0;border-radius:11px;padding:9px 12px;min-height:56px;flex:none;box-shadow:0 2px 9px #28395708} .v13-search-box{height:37px;max-width:450px;min-width:140px;flex:1 1 330px;display:flex;align-items:center;gap:9px;background:#F8FAFD;border:1px solid #E1E7F0;border-radius:8px;padding:0 11px;color:#78849A} .v13-search-box:focus-within{border-color:#7B8FEB;box-shadow:0 0 0 3px #6F73EB18} .v13-search-box input{border:0;outline:0;background:transparent;min-width:0;flex:1;width:100%;font:inherit;font-size:12.6px;color:#27334D} .v13-search-box input::placeholder{color:#9AA6B7} .v13-search-result{font-size:12px;color:#64728A;white-space:nowrap;font-weight:700;margin-left:auto} .v13-clear-search{padding:7px 10px;border:1px solid #E0E7F0;border-radius:7px;font-size:11.5px;color:#687791;background:#fff;white-space:nowrap;font-weight:750} .v13-clear-search:hover{background:#F3F6FA} .v13-order-card[hidden],.v13-search-empty[hidden]{display:none!important} @media(max-width:1280px){.v13-dept-strip{gap:3px}.v13-dept-status{font-size:10px}.v13-dept-label{font-size:9.5px}.v13-dept-pill{padding:5px 1px}} @media(max-width:800px){.v13-completed-search{flex-wrap:wrap}.v13-search-box{flex:1 1 100%;max-width:none}.v13-search-result{margin-left:2px}.v13-dept-strip{gap:7px}.v13-dept-status{font-size:11px}} @media(max-width:480px){.v13-dept-strip{gap:4px}.v13-dept-label{font-size:10.5px}.v13-dept-status{font-size:10.5px}} /* Workdesk v14: consistent stage colours, exhibition green, uncluttered detail */ :root{--fabric:#E43D49;--fabric-bg:#FFF0F2;--exhibit:#13B981;--exhibit-bg:#EAFBF4;--mirror:#26272E;--mirror-bg:#F0F1F3;--state-hold:#FEE500; --v14-wait:#1677F2;--v14-doing:#0DAD70;--v14-hold:#FEE500;--v14-done:#66758B;--v14-urgent:#ED3653} /* Align every category surface with the newly selected vivid green for exhibition. */ .v7-cat-filter.selected.cat-exhibition{background:#EAFBF4;color:#057A54;border-color:#ABE9D1} .v7-cal-event.cat-exhibition{background:#E5F9F0;color:#087D58} .category-pill.category-exhibition{background:#E5F9F0;color:#087D58} .category-dash-card.category-exhibition .dash-category-stat strong{color:#079669} .quick-project:nth-child(2).active{background:#E8F9F0!important;color:#087D58!important} .category-tab[data-value="exhibition"].active{background:var(--exhibit)!important;border-color:var(--exhibit)!important} .v11-column-exhibition .v11-column-header{background:linear-gradient(90deg,#E7F9F0,#fff 86%)!important} /* Consistent bright yellow for HOLD everywhere: high-contrast black text. */ .status-chip.status-hold,.v7-status.v7-status-hold,.v7-mini-state.state-hold,.v7-mini-state.state-unissued{background:var(--v14-hold)!important;border-color:var(--v14-hold)!important;color:#222000!important} .v13-state-hold{background:#FFFAC8;border-top-color:var(--v14-hold)} .v13-state-hold .v13-dept-status{color:#5C5100} .v13-state-hold .v13-state-dot{background:#FEE500;box-shadow:0 0 0 1px #D3B700} /* Department board uses the exact same states as overall status, incl admin issued/unissued. */ .v13-state-waiting{border-top-color:var(--v14-wait)} .v13-state-doing{border-top-color:var(--v14-doing)} .v13-state-done{border-top-color:var(--v14-done)} .v13-task-page .v11-column-label{display:none!important} /* Detail panel hierarchy: title / four values / tiny priority / teams / content. */ .v14-drawer{width:min(620px,100%)} .v14-drawer .drawer-head{padding:14px 22px;position:sticky;top:0;background:#fff;z-index:2} .v14-drawer-body{padding:18px 22px 26px!important} .v14-task-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px} .v14-task-heading .drawer-task-title{margin:0;line-height:1.4;font-size:20px;letter-spacing:-.045em;flex:1;min-width:0} .v14-task-heading .status-chip{flex:none;margin-top:2px} .v14-detail-section{margin:0!important;padding:0!important;border-top:0!important} .v14-detail-section h3{font-size:13px;margin:0 0 9px;color:#27344D;font-weight:850} .v14-basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e5eaf2;border-radius:10px;overflow:hidden;background:#fff} .v14-basic-cell{display:flex;flex-direction:column;gap:3px;padding:11px 13px;min-width:0} .v14-basic-cell:nth-child(odd){border-right:1px solid #edf0f5} .v14-basic-cell:nth-child(-n+2){border-bottom:1px solid #edf0f5} .v14-basic-cell>span{font-size:10.8px;color:#8793A7;font-weight:700} .v14-basic-cell>strong{color:#314056;font-size:12.8px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;font-weight:750} .v14-urgent-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 1px;border-bottom:1px solid #edf0f5;margin:5px 0 15px} .v14-urgent-caption{color:#697992;font-size:11.5px;font-weight:800} .v14-urgent-buttons{display:flex;gap:4px;padding:3px;background:#f2f5fa;border:1px solid #e6ebf3;border-radius:9px} .v14-urgent-choice{border:0;background:transparent;padding:5px 14px;border-radius:6px;color:#718096;font-weight:800;font-size:11.5px;line-height:1.4} .v14-urgent-choice.selected{background:#fff;color:#243B58;box-shadow:0 1px 4px #182B451C} .v14-urgent-choice.danger.selected{background:#ED3653;color:white} .v14-urgent-indicator{background:#ED3653;color:#fff;padding:5px 12px;border-radius:7px;font-size:11.5px;font-weight:800} .v14-teams-section h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px} .v14-teams-section h3 small{font-size:10.6px;color:#98A4B6;font-weight:600} .v14-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .v14-team-item{border:1px solid #e3e9f0;background:#fbfcfe;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0} .v14-team-top{display:flex;justify-content:space-between;gap:5px;align-items:center} .v14-team-top strong{font-weight:850;font-size:12.4px;color:#2a405a} .v14-team-dot{width:9px;height:9px;border-radius:3px;background:#A7B3C5;flex:none} .v14-team-dot.state-waiting{background:var(--v14-wait)} .v14-team-dot.state-doing{background:var(--v14-doing)} .v14-team-dot.state-hold{background:var(--v14-hold);box-shadow:0 0 0 1px #e8c900} .v14-team-dot.state-done{background:var(--v14-done)} .v14-team-owner{font-size:11.5px;font-weight:650;color:#738096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .v14-state-select,.v14-state-readonly{display:block;width:100%;height:33px;line-height:1.25;border-radius:7px;font-size:11.7px;font-weight:850;text-align:center;min-width:0;padding:6px 8px;border:1px solid transparent} .v14-state-select{cursor:pointer;appearance:auto;text-align-last:center} .v14-state-waiting{background:var(--v14-wait);color:#fff;border-color:var(--v14-wait)} .v14-state-doing{background:var(--v14-doing);color:#fff;border-color:var(--v14-doing)} .v14-state-hold{background:var(--v14-hold);color:#1f1b00;border-color:var(--v14-hold)} .v14-state-done{background:var(--v14-done);color:#fff;border-color:var(--v14-done)} .v14-state-unset{background:#ecf0f5;color:#8290a2} /* Dropdown options should remain readable on their native menu. */ .v14-state-select option{color:#202d40;background:#fff} .v14-description-section{margin-top:17px!important;border-top:1px solid #e9edf3!important;padding-top:14px!important} .v14-description-section .drawer-description{font-size:13px;color:#35445a;line-height:1.7;white-space:normal;min-height:110px;border:1px solid #e7ebf3;border-radius:9px;padding:13px 14px;background:#fff;overflow-wrap:anywhere} .v14-description-section .drawer-description p{margin:0 0 8px} .v14-description-section .drawer-description p:last-child{margin-bottom:0} .v14-history{margin-top:16px;border-top:1px solid #eef0f5;padding-top:12px} .v14-history summary{cursor:pointer;color:#758297;font-size:11.5px;font-weight:750;display:flex;justify-content:space-between} .v14-history summary span{color:#99A5B6} .v14-history .timeline{margin:10px 0} .v14-drawer-actions{margin-top:14px!important;gap:8px;flex-wrap:wrap} .v14-drawer-actions .btn{font-size:11.5px;padding:7px 10px} .v14-drawer .access-note{margin:13px 0 0;font-size:10px;line-height:1.5} @media(max-width:560px){.v14-drawer .drawer-head{padding:12px 15px}.v14-drawer-body{padding:14px 15px 24px!important}.v14-task-heading .drawer-task-title{font-size:18px}.v14-basic-cell{padding:10px 9px}.v14-basic-cell>strong{font-size:12px}.v14-team-grid{gap:5px}.v14-team-item{padding:8px 6px;gap:6px}.v14-team-top strong{font-size:11.5px}.v14-team-owner{font-size:10.5px}.v14-state-select,.v14-state-readonly{padding:6px 2px;font-size:10.5px}.v14-teams-section h3 small{font-size:9.3px}} /* Workdesk v16 — brushed aluminium silver / classic museum navy */ :root { --fabric:#778B9C; --fabric-bg:#F0F4F6; --exhibit:#203A5F; --exhibit-bg:#EBF1F8; --mirror:#26272E; --mirror-bg:#F0F1F3; --state-hold:#FEE500; } /* Brand palettes apply across navigation, status boards, charts, and calendar. */ .v7-cat-filter.selected.cat-fabrics {background:#EFF3F6!important;color:#4B5F70!important;border-color:#C9D4DD!important} .v7-cat-filter.selected.cat-exhibition {background:#E9F0F8!important;color:#203A5F!important;border-color:#B7C8DC!important} .v7-cat-filter.selected.cat-flexmirror {background:#F0F1F3!important;color:#26272E!important;border-color:#C8CCD3!important} .v7-cal-event.cat-fabrics {background:#EAF0F4!important;color:#516677!important;border-left-color:#778B9C!important} .v7-cal-event.cat-exhibition {background:#EAF1F9!important;color:#203A5F!important;border-left-color:#203A5F!important} .v7-cal-event.cat-flexmirror {background:#ECEEF0!important;color:#282C34!important} .category-pill.category-fabrics {background:#EDF2F5!important;color:#526878!important} .category-pill.category-exhibition {background:#EAF1F9!important;color:#203A5F!important} .category-pill.category-flexmirror {background:#EFF0F2!important;color:#27292F!important} .category-tab[data-value="fabrics"].active {background:#778B9C!important;border-color:#778B9C!important} .category-tab[data-value="exhibition"].active {background:#203A5F!important;border-color:#203A5F!important} .category-tab[data-value="flexmirror"].active {background:#26272E!important;border-color:#26272E!important} .category-dash-card.category-fabrics .dash-category-stat strong {color:#617889!important} .category-dash-card.category-exhibition .dash-category-stat strong {color:#203A5F!important} .category-dash-card.category-flexmirror .dash-category-stat strong {color:#35373D!important} .quick-project:nth-child(1).active {background:#EBF1F5!important;color:#506577!important} .quick-project:nth-child(2).active {background:#EAF1F9!important;color:#203A5F!important} .quick-project:nth-child(3).active {background:#EFF0F2!important;color:#25272D!important} /* Aluminium-inspired metallic highlights on fabric board. */ .v11-column-fabrics .v11-column-header { background:linear-gradient(120deg,#D8E1E8 0%,#F8FAFB 43%,#E7EDF1 80%,#FFFFFF 100%)!important; border-top-color:var(--fabric)!important; } .v11-column-fabrics .v11-column-dot {background:linear-gradient(145deg,#A8B8C5,#586C7C)!important;border:1px solid #899BA9} .v11-column-exhibition .v11-column-header {background:linear-gradient(90deg,#E5ECF6,#fff 87%)!important;border-top-color:#203A5F!important} .v11-column-flexmirror .v11-column-header {background:linear-gradient(90deg,#EAEBED,#fff 87%)!important} .category-dash-card.category-fabrics:before {background:linear-gradient(90deg,#637889,#B9C6CE,#778B9C)!important} .category-dash-card.category-exhibition:before {background:#203A5F!important} .category-section.category-fabrics:before {background:linear-gradient(90deg,#637889,#B9C6CE,#778B9C)!important} .category-section.category-exhibition:before {background:#203A5F!important} .category-section.category-fabrics .category-square {background:linear-gradient(145deg,#E6EDF2,#CED8E0)!important;color:#516475!important} .category-section.category-exhibition .category-square {background:#EAF1F9!important;color:#203A5F!important} /* Distinct readable board cards: detail-button and three status cells in the same card. */ .v15-order-card {cursor:default;gap:7px;padding:11px 10px 10px} .v15-order-card:hover {transform:none} .v15-card-open {display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;text-align:left;padding:3px 2px 6px;border:0;background:transparent;border-radius:6px;color:inherit;cursor:pointer;font:inherit} .v15-card-open:hover .v11-order-title {color:#2B5A7E;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .v15-card-open:focus-visible {outline:2px solid #6689BC;outline-offset:2px} .v15-dept-strip {gap:5px} .v15-dept-pill {gap:3px;padding:6px 3px 6px;border-radius:7px} .v15-dept-select {width:100%;min-width:0;max-width:100%;height:29px;border:1px solid transparent;border-radius:5px;padding:3px 2px 3px 5px;cursor:pointer;font-size:10.7px;font-weight:850;line-height:1.3;text-align:center;text-align-last:center;appearance:auto} .v15-dept-select:focus-visible {outline:2px solid #3F77B3;outline-offset:2px} .v15-dept-select.v15-state-waiting {background:#1677F2;color:#fff} .v15-dept-select.v15-state-doing {background:#0DAD70;color:#fff} .v15-dept-select.v15-state-hold {background:#FEE500;color:#2A2300} .v15-dept-select.v15-state-done {background:#66758B;color:#fff} .v15-dept-select option {color:#1E2A3A;background:#fff} .v15-dept-pill .v13-dept-status {font-size:10.4px} /* Detail selects already existed in v14, keep their permissions and matching palette. */ .v14-state-select {cursor:pointer} @media(max-width:1180px){.v15-order-card {padding:10px 8px}.v15-dept-select {font-size:10.2px;padding-left:2px}} @media(max-width:800px){.v15-order-card{padding:12px}.v15-dept-select{font-size:11.1px}} /* Workdesk v17 — Premium Slate Navy. Visual styling only; v16 logic untouched. */ :root{ --accent:#283D59;--accent-dark:#1D2F48;--accent-pale:#EAF0F6; --canvas:#F6F8FA;--ink:#263446;--line:#E5EAF0; --blue:#456D95;--blue-bg:#EAF0F6; --green:#37735A;--green-bg:#E7F1EC; --red:#A64444;--red-bg:#F8E9E8; --state-waiting:#456D95;--state-doing:#37735A; --state-hold:#FEE500;--state-done:#7B8590;--state-urgent:#A64444; --v14-wait:#456D95;--v14-doing:#37735A;--v14-hold:#FEE500; --v14-done:#7B8590;--v14-urgent:#A64444; } body,.main-content{background:var(--canvas)!important;color:var(--ink)} .sidebar{background:#FBFCFD!important;border-right-color:#E3E8EF!important;box-shadow:none!important} .brand-symbol{background:linear-gradient(140deg,#324C6B,#1D3049)!important;box-shadow:0 4px 14px #283D5926!important} .brand-symbol span{color:#D7E1EB!important} .brand-label strong{color:#26384E!important} .brand-label small{color:#8292A4!important} .workspace-switch{background:#F4F6F9!important;border-color:#E5EAF0!important} .workspace-monogram{background:#DCE6F0!important;color:#344F6D!important} .nav-item{color:#66768A!important} .nav-item.active{background:#E9EFF5!important;color:#283D59!important} .nav-item.active svg{color:#283D59!important} .nav-item:hover:not(.active),.quick-project:hover{background:#EDF2F7!important} .nav-item.active .nav-count{background:#D8E3EE!important;color:#385371!important} .sidebar-tip{background:linear-gradient(145deg,#EAF0F6,#F4F6F9)!important;border-color:#DDE6EF!important} .sidebar-tip strong,.tip-sparkle{color:#334D68!important} .sidebar-tip span:not(.tip-sparkle){color:#6F8194!important} .sidebar-tip button{background:#283D59!important;color:#FFF!important;box-shadow:none!important} .sidebar-tip button:hover{background:#1D2F48!important} .profile-avatar,.small-avatar{background:#DFE8F0!important;color:#3F5975!important} .user-option.current{background:#EAF0F6!important} .topbar{background:#fff!important;border-bottom-color:#E4E9EF!important;box-shadow:none!important} .topbar .header-search{background:#F7F9FB!important;border-color:#E3E8EF!important} .topbar .header-search:focus-within{border-color:#7893AE!important;box-shadow:0 0 0 3px #D9E4EF!important} .eyebrow{color:#536B84!important} .btn-primary,.v10-print-action{background:#283D59!important;border-color:#283D59!important;color:#fff!important;box-shadow:0 3px 11px #283D591D!important} .btn-primary:hover,.v10-print-action:hover{background:#1B2D44!important;border-color:#1B2D44!important} .btn:focus-visible,.nav-item:focus-visible,.quick-project:focus-visible,.v7-cal-toolbar button:focus-visible,.v7-task-trigger:focus-visible,.v7-cat-filter:focus-visible,.v15-card-open:focus-visible,.v11-status-filter:focus-visible{outline:2px solid #7897B8!important;outline-offset:2px!important} .text-action,.v7-panel-link,.v7-team-intro button{color:#496782!important} .v7-section-eyebrow{color:#657F96!important} .v7-heading-num{background:#E7EDF4!important;color:#344E6A!important} .v7-cat-filter.selected.all,.v7-mode-switch button.active{background:#283D59!important;color:#fff!important;border-color:#283D59!important;box-shadow:none!important} .v7-cat-filter.selected.all span{color:#E3EBF3!important} .v7-period-nav button:hover,.v7-agenda-row:hover,.v7-task-trigger:hover{background:#F0F4F8!important;color:#283D59!important} .cal-day.today .day-number,.v7-day.today .v7-day-num,.v7-day.today .day-number{background:#283D59!important;color:#fff!important} .v7-task-row.expanded,.v7-team-details,.order-row.is-open,.expanded-content{background:#F7F9FB!important} .v7-team-intro strong{color:#42556B!important} .v10-print-mini{color:#465F7A!important;border-color:#DDE5EE!important;background:#fff!important} .v10-print-mini:hover{background:#EDF2F7!important} .v11-status-filter.active{background:#E9EFF5!important;border-color:#8199B0!important;color:#283D59!important} .v11-order-card:hover,.v11-order-card:focus-visible{border-color:#9BAFC2!important;box-shadow:0 4px 14px #263E5912!important} .v15-card-open:hover .v11-order-title{color:#283D59!important} .v15-card-open:focus-visible{outline-color:#7897B8!important} .v13-search-box:focus-within{border-color:#879FB7!important;box-shadow:0 0 0 3px #DBE7F3!important} /* Dashboard summary: restrained greys and muted accents, no decorative violet. */ .summary-icon.purple{background:#EAF0F6!important;color:#476583!important} .summary-icon.orange{background:#F6F0E5!important;color:#8C7551!important} .summary-icon.green{background:#E7F1EC!important;color:#37735A!important} .summary-icon.red{background:#F7EDEC!important;color:#985C55!important} .summary-icon.navy{background:#E9EEF3!important;color:#4A6279!important} .kpi-card:nth-child(1):before{background:#8496A7!important} .kpi-card:nth-child(2):before{background:#496887!important} .kpi-card:nth-child(3):before{background:#57836B!important} .kpi-card:nth-child(4):before{background:#9C7C76!important} .kpi-card:nth-child(1) .kpi-value,.kpi-card:nth-child(2) .kpi-value{color:#304A64!important} .kpi-card:nth-child(3) .kpi-value{color:#37735A!important} .kpi-card:nth-child(4) .kpi-value{color:#8F5B58!important} /* Category identities deliberately remain distinct: aluminium, museum navy, charcoal. */ .v11-column-fabrics .v11-column-header{background:linear-gradient(120deg,#D8E1E8 0%,#F8FAFB 43%,#E7EDF1 80%,#FFFFFF 100%)!important} .v11-column-exhibition .v11-column-header{background:linear-gradient(90deg,#E5ECF6,#fff 87%)!important} .v11-column-flexmirror .v11-column-header{background:linear-gradient(90deg,#EAEBED,#fff 87%)!important} /* Shared semantic status system: softly tinted fill, high contrast lettering. */ .status-chip,.v7-status{box-shadow:none!important;border:1px solid transparent!important;border-radius:6px!important} .status-chip.status-waiting,.v7-status.v7-status-waiting,.v7-mini-state.state-waiting, .status-waiting{background:#EAF0F6!important;color:#456D95!important;border-color:#DCE6F0!important} .status-chip.status-doing,.v7-status.v7-status-doing,.v7-mini-state.state-doing, .status-doing{background:#E7F1EC!important;color:#37735A!important;border-color:#D3E6DB!important} .status-chip.status-hold,.v7-status.v7-status-hold,.v7-mini-state.state-hold, .status-hold{background:#FFF3C6!important;color:#806200!important;border-color:#F4E3A0!important} .status-chip.status-done,.v7-status.v7-status-done,.v7-mini-state.state-done,.v7-mini-state.state-issued, .status-done,.status-chip.status-issued{background:#ECEEF1!important;color:#68737F!important;border-color:#E1E5EA!important} .status-chip.status-urgent,.v7-status.v7-status-urgent,.v7-mini-state.state-urgent, .v7-status-late{background:#F8E9E8!important;color:#A64444!important;border-color:#F0D7D5!important} .status-chip.status-unissued,.v7-mini-state.state-unissued,.status-unissued{background:#EAF0F6!important;color:#456D95!important;border-color:#DCE6F0!important} .status-issued{background:#ECEEF1!important;color:#68737F!important} /* Compact three-cell readouts on entire-work board. */ .v13-state-waiting{background:#F2F5F8!important;border-top-color:#6883A0!important} .v13-state-waiting .v13-dept-status{color:#456D95!important} .v13-state-waiting .v13-state-dot{background:#6883A0!important} .v13-state-doing{background:#EDF5F0!important;border-top-color:#4D8A6F!important} .v13-state-doing .v13-dept-status{color:#37735A!important} .v13-state-doing .v13-state-dot{background:#4D8A6F!important} .v13-state-hold{background:#FFF8DE!important;border-top-color:#E5CD55!important} .v13-state-hold .v13-dept-status{color:#806200!important} .v13-state-hold .v13-state-dot{background:#E8CC3E!important;box-shadow:none!important} .v13-state-done{background:#F3F4F6!important;border-top-color:#9EA7B0!important} .v13-state-done .v13-dept-status{color:#68737F!important} .v13-state-done .v13-state-dot{background:#9EA7B0!important} /* Editable dropdowns in board and detail retain their underlying permissions/actions. */ .v15-dept-select.v15-state-waiting,.v14-state-waiting{background:#EAF0F6!important;color:#456D95!important;border-color:#D9E4EE!important} .v15-dept-select.v15-state-doing,.v14-state-doing{background:#E7F1EC!important;color:#37735A!important;border-color:#D2E4D8!important} .v15-dept-select.v15-state-hold,.v14-state-hold{background:#FFF3C6!important;color:#806200!important;border-color:#F2DF99!important} .v15-dept-select.v15-state-done,.v14-state-done{background:#ECEEF1!important;color:#68737F!important;border-color:#DEE4E9!important} .v14-team-dot.state-waiting{background:#6883A0!important} .v14-team-dot.state-doing{background:#4D8A6F!important} .v14-team-dot.state-hold{background:#E8CC3E!important;box-shadow:none!important} .v14-team-dot.state-done{background:#9EA7B0!important} .v14-team-item{background:#FAFBFC!important} .v15-dept-pill{border-color:#E2E8ED!important} .v14-state-select:focus-visible,.v15-dept-select:focus-visible{outline:2px solid #7897B8!important;outline-offset:2px!important} /* Urgency remains legible but stops dominating the interface. */ .v12-urgent-flag,.v14-urgent-indicator{background:#A64444!important;color:#fff!important} .v12-status-filter.v12-urgent-filter.active{background:#F8E9E8!important;color:#A64444!important;border-color:#DBADA8!important} .v12-status-filter.v12-urgent-filter.active span{background:#EED4D1!important;color:#8D3737!important} .v12-owner-button.is-urgent.is-selected,.v14-urgent-choice.danger.selected{background:#A64444!important;border-color:#A64444!important;color:#fff!important} .v10-urgent-option{color:#914747!important;background:#FCF7F6!important;border-color:#ECD9D7!important} /* Consistent restrained form and editor focus states. */ .team-select,.field-input:focus,.field-textarea:focus{border-color:#B0C0D0!important;color:inherit} .schedule-option.is-selected{background:#EEF3F8!important;border-color:#9CB0C6!important;box-shadow:0 0 0 1px #DCE5EF inset!important} .schedule-option input,.v10-urgent-option input{accent-color:#283D59!important} .field-input:focus,.field-textarea:focus,.rich-editor-wrap:focus-within{border-color:#819EB9!important;box-shadow:0 0 0 3px #DFE9F2!important} .rich-toolbar{background:#F7F9FB!important} .rich-toolbar button.rich-table-main,.rich-toolbar button:hover{color:#344F6D!important;background:#E9F0F6!important;border-color:#D8E3ED!important} .rich-content th{background:#EDF2F7!important;color:#405C78!important} .template-icon{background:#EAF0F6!important;color:#45637F!important} .template-card:hover{border-color:#9EAFBF!important} .mobile-nav .active{color:#283D59!important} ::selection{background:#DCE7F1!important;color:#20334B!important} /* Preserve print layout — no visual changes to the A4 work order. */ /* Calendar interactions and print buttons are part of the same premium system. */ .v7-day.today .v7-day-number{background:#283D59!important;color:#fff!important} .v7-day.picked{background:#F0F4F8!important;box-shadow:inset 0 0 0 1px #A5B7C9!important} .v7-day-number:hover{background:#E4ECF4!important;color:#283D59!important} .v7-week-row.picked{background:#F2F5F8!important} .v7-week-row.today .v7-week-date strong{color:#2F526F!important} .v7-period-nav button.v7-today-btn{color:#405871!important} .v11-drawer-print{background:#283D59!important;border-color:#283D59!important;box-shadow:0 3px 11px #283D591D!important} .v11-drawer-print:hover{background:#1D2F48!important} .v7-team-select:focus-visible,.team-select:focus-visible{outline-color:#7897B8!important} /* Workdesk v18 — Notion-inspired, clean information hierarchy. Layout and business behavior retained from v17; board rows are purposefully quieter. */ @media screen { :root { --canvas:#FAFAF9; --surface:#FFFFFF; --ink:#292C30; --line:#E8E9E8; --accent:#3573A8; --accent-dark:#285C89; --accent-pale:#ECF4FA; --blue:#3775AB; --blue-bg:#EFF5FB; --green:#25835E; --green-bg:#EAF5EE; --red:#B55B52; --red-bg:#FAEEEA; --fabric:#9CA6AE;--fabric-bg:#F2F4F5; --exhibit:#203A5F;--exhibit-bg:#EFF2F7; --mirror:#303238;--mirror-bg:#F2F2F3; } *,*::before,*::after {scrollbar-color:#D8DCDF transparent} body,.main-content {background:#FFF!important;color:#292C30!important} .main-content {padding:32px 38px 40px!important;max-width:none!important} .topbar,.sidebar {background:#fff!important;box-shadow:none!important;border-color:#EAEAEA!important} .topbar{height:68px!important} .brand-symbol {background:#E9F1F8!important;color:#285F93!important;border-radius:10px!important;box-shadow:none!important} .brand-symbol span{color:#285F93!important} .brand-label strong{color:#23292F!important} .brand-label small{display:none!important} .workspace-switch{background:transparent!important;border:0!important;padding-left:9px!important} .workspace-monogram{background:#F0F2F4!important;color:#5B6671!important} .side-caption{color:#A0A3A7!important;letter-spacing:.02em!important;text-transform:none!important} .nav-item,.quick-project{font-weight:600!important;color:#61656D!important} .nav-item.active{background:#F1F5F9!important;color:#2E587B!important;box-shadow:none!important} .nav-item.active svg{color:#4279A6!important} .nav-item:hover:not(.active),.quick-project:hover{background:#F6F7F8!important} .sidebar-tip{display:none!important} .sidebar-bottom{margin-top:auto!important} .profile{border-color:#F0F0F0!important} .topbar .header-search{background:#FAFAFA!important;border:1px solid #E9E9E9!important;box-shadow:none!important} .topbar .header-search:focus-within{border-color:#8AAFC9!important;box-shadow:0 0 0 2px #E6F0F8!important} .breadcrumb{color:#8F959B!important} .breadcrumb b{color:#414750!important} .eyebrow,.v7-section-eyebrow{display:none!important} .page-top{margin-bottom:18px!important} .page-top h1,.v11-task-page .page-top h1{font-size:29px!important;font-weight:760!important;color:#2E3136!important;letter-spacing:-.048em!important} .page-subtitle{color:#8B8F94!important;font-size:12px!important;margin-top:5px!important} .btn-primary,.v10-print-action,.v11-drawer-print{background:#3C7DB5!important;border-color:#3C7DB5!important;color:#fff!important;border-radius:7px!important;box-shadow:none!important} .btn-primary:hover,.v10-print-action:hover,.v11-drawer-print:hover{background:#2E6D9D!important;border-color:#2E6D9D!important} .btn-plain,.v10-export-btn{border-color:#E9EAEC!important;background:#fff!important;box-shadow:none!important} /* Summary KPI as a light typographic strip rather than colorful tiles. */ .v7-summary-strip{background:#fff!important;border:1px solid #EDEDED!important;border-radius:9px!important;gap:0!important;overflow:hidden!important;margin-bottom:19px!important} .v7-summary-block{background:#fff!important;border:0!important;border-right:1px solid #EEEEEE!important;box-shadow:none!important;border-radius:0!important;padding:15px 14px!important;justify-content:center!important;gap:0!important} .v7-summary-block:last-child{border-right:none!important} .v7-summary-block .summary-icon{display:none!important} .v7-summary-block>span:last-child{font-size:11.5px!important;color:#848991!important} .v7-summary-block strong{color:#343941!important;font-size:23px!important;font-weight:750!important} /* Keep dashboard 50/50, soften edges and reduce ornamental labels */ .v7-main-grid{gap:16px!important} .v7-board,.v7-calendar,.panel,.kpi-card,.category-dash-card{box-shadow:none!important;border:1px solid #EAECEC!important;border-radius:10px!important;background:#fff!important} .v7-panel-heading{padding:18px 18px 13px!important} .v7-panel-heading h2{font-size:16px!important;color:#373A3F!important;font-weight:760!important} .v7-panel-heading p{display:none!important} .v7-panel-link{color:#6E88A1!important;font-size:11.5px!important} .v7-heading-num,.v11-column-count{background:#F1F2F3!important;color:#767B82!important;border-radius:6px!important} .v7-cat-filters{background:#fff!important;padding:0 17px 13px!important;gap:8px!important} .v7-cat-filter{background:#fff!important;border:1px solid #EDEEF0!important;border-radius:5px!important;color:#636971!important;box-shadow:none!important} .v7-cat-filter.selected.all{background:#EAF2F8!important;border-color:#D9E8F3!important;color:#3B709D!important} .v7-cat-filter.selected.all span{color:#3B709D!important} .v7-list-head{background:#FAFAFA!important;border-color:#F0F0F0!important} .v7-task-row,.v7-task-trigger,.v7-team-line{border-color:#F2F2F2!important;box-shadow:none!important} .v7-task-trigger:hover,.v7-task-row.expanded{background:#FAFBFC!important} .v7-task-main strong{font-weight:660!important;color:#333A42!important} .v7-row-marker{width:3px!important;opacity:.72!important} .v7-panel-bottom{display:none!important} /* legend available via state chips themselves */ .v7-calendar-heading{padding-bottom:14px!important} .v7-cal-toolbar{margin-bottom:12px!important} .v7-mode-switch{background:#F5F6F7!important;border:1px solid #E9E9E9!important} .v7-mode-switch button.active{background:#fff!important;color:#2E608B!important;box-shadow:0 1px 3px #11111110!important} .v7-day,.v7-day.outside,.v7-weekdays,.v7-week-date{border-color:#EEEEEE!important} .v7-day.outside{background:#FBFBFB!important} .v7-day.today .v7-day-number{background:#457CA8!important;color:#fff!important} .v7-day.picked{background:#F3F7FB!important;box-shadow:inset 0 0 0 1px #D6E4EF!important} .v7-cal-event{border-radius:4px!important;font-weight:650!important} .v7-agenda{border-color:#EEE!important} .v7-agenda-head{background:#FCFCFC!important;border-color:#EEE!important} .v7-cal-legend{padding:9px 18px!important} .v7-dashboard-footnote{color:#A1A3A7!important} /* Three category columns become simple, flat Notion-like boards. */ .v11-task-page{gap:12px!important} .v11-task-page .page-top{margin-bottom:2px!important} .v11-toolbar{min-height:38px!important;margin-bottom:2px!important} .v11-status-filters{gap:0!important;border-bottom:1px solid #ECECEC!important} .v11-status-filter,.v12-status-filter{border:0!important;border-radius:0!important;background:transparent!important;color:#868A90!important;font-size:12px!important;font-weight:650!important;padding:9px 12px!important;box-shadow:none!important;border-bottom:2px solid transparent!important;margin-bottom:-1px!important} .v11-status-filter:hover{color:#384854!important;background:#F8F9FA!important} .v11-status-filter.active,.v12-status-filter.active,.v11-status-filter.active.all{border-bottom-color:#3B79AE!important;color:#2C577A!important;background:transparent!important} .v12-status-filter span,.v11-status-filter span{background:#F0F1F2!important;color:#858A91!important;font-size:10px!important} .v11-status-filter.active span{background:#EAF1F7!important;color:#3B729F!important} .v12-completed-filter{margin-left:14px!important;border-left:1px solid #E6E6E6!important} .v11-sort-label{font-weight:600!important;color:#8C929A!important} .v11-three-board{gap:14px!important} .v11-column{border:1px solid #E7E8EA!important;background:#FCFCFC!important;border-radius:8px!important;box-shadow:none!important} .v11-column-header,.v11-column-fabrics .v11-column-header,.v11-column-exhibition .v11-column-header,.v11-column-flexmirror .v11-column-header{ background:#F8F8F8!important;border-top:0!important;border-bottom:1px solid #E8E8E8!important;border-radius:0!important;min-height:55px!important;padding:13px 15px!important; } .v11-column-fabrics .v11-column-header{background:#F1F3F4!important} .v11-column-exhibition .v11-column-header{background:#EEF1F6!important} .v11-column-flexmirror .v11-column-header{background:#F2F2F2!important} .v11-column-dot,.v11-column-fabrics .v11-column-dot{background:var(--cat)!important;border:0!important;width:8px!important;height:8px!important;border-radius:50%!important} .v11-column-name{gap:7px!important} .v11-column-name h2{font-size:14.5px!important;font-weight:760!important;color:#41464D!important} .v11-column-sort{display:none!important} .v11-column-scroll{padding:9px!important} .v11-order-card,.v13-order-card,.v15-order-card{background:#fff!important;border:1px solid #EAEBEC!important;border-radius:7px!important;padding:12px!important;margin-bottom:7px!important;box-shadow:none!important;gap:8px!important;transition:border-color .14s ease,background .14s ease!important} .v11-order-card:hover,.v13-order-card:hover,.v15-order-card:hover{border-color:#CFDCE7!important;background:#FEFEFE!important;box-shadow:0 2px 7px #1A28340C!important;transform:none!important} .v15-card-open{gap:8px!important;padding:0!important} .v11-order-title{font-size:12.5px!important;font-weight:740!important;line-height:1.45!important;color:#363B42!important} .v11-card-top{align-items:flex-start!important;gap:5px!important} .v12-card-badges{gap:3px!important} .v11-card-top .status-chip{font-size:10px!important;min-width:0!important;padding:4px 6px!important;font-weight:650!important} .v11-card-people{gap:6px!important} .v18-owner{display:inline-flex;align-items:center;gap:4px;color:#9298A0;font-size:10.8px;font-weight:550} /* One very restrained row of inline statuses, rather than three boxed sub-cards */ .v13-dept-strip,.v15-dept-strip{display:flex!important;gap:4px!important;align-items:center!important;justify-content:flex-start!important;border-top:1px solid #F0F0F0!important;padding-top:8px!important;margin-top:0!important;flex-wrap:nowrap!important} .v13-dept-pill,.v15-dept-pill,.v13-state-doing,.v13-state-waiting,.v13-state-hold,.v13-state-done,.v13-state-unset{ display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;flex:1 1 0!important;min-width:0!important; background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important; } .v13-dept-label{font-size:10px!important;font-weight:590!important;color:#979CA3!important;white-space:nowrap!important} .v13-dept-status{font-size:10px!important;font-weight:650!important;color:#646B72!important;gap:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .v13-state-dot{width:6px!important;height:6px!important;min-width:6px!important;border-radius:100%!important;box-shadow:none!important} .v13-state-waiting .v13-dept-status{color:#4B82AA!important} .v13-state-doing .v13-dept-status{color:#368163!important} .v13-state-hold .v13-dept-status{color:#AB8500!important} .v13-state-done .v13-dept-status{color:#7D858C!important} .v15-dept-select{border:0!important;background:transparent!important;color:#426F90!important;font-size:10px!important;font-weight:680!important;width:auto!important;max-width:100%!important;min-width:0!important;height:24px!important;line-height:1.2!important;padding:2px 0!important;box-shadow:none!important;text-align:left!important;text-align-last:left!important} .v15-dept-select.v15-state-waiting{color:#4B82AA!important} .v15-dept-select.v15-state-doing{color:#368163!important} .v15-dept-select.v15-state-hold{color:#AB8500!important} .v15-dept-select.v15-state-done{color:#7D858C!important} .v15-dept-select:focus-visible{outline:2px solid #A9CADF!important} .v11-column-foot{border-top:1px solid #EEEEEE!important;background:#FAFAFA!important;padding:8px 12px!important;color:#9298A1!important;font-size:10.5px!important;font-weight:560!important} .v11-column-foot span{display:none!important} .v11-column-empty{min-height:140px!important} /* Keep state semantics, reduce saturation; status presented as quiet chips. */ .status-chip,.v7-status,.v14-state-readonly{border-radius:4px!important;box-shadow:none!important;font-weight:660!important} .status-chip.status-waiting,.v7-status.v7-status-waiting,.v14-state-waiting{background:#EBF3FA!important;color:#3978AC!important;border-color:#E0ECF5!important} .status-chip.status-doing,.v7-status.v7-status-doing,.v14-state-doing{background:#E9F5EE!important;color:#2B815E!important;border-color:#DCEEE3!important} .status-chip.status-hold,.v7-status.v7-status-hold,.v14-state-hold{background:#FFF6CE!important;color:#9B7A00!important;border-color:#F6ECC3!important} .status-chip.status-done,.v7-status.v7-status-done,.v14-state-done{background:#F0F1F2!important;color:#737A82!important;border-color:#E7E8EA!important} .status-chip.status-urgent,.v7-status.v7-status-urgent{background:#FBEAE7!important;color:#AF5B52!important;border-color:#F7DFDB!important} .v12-urgent-flag,.v14-urgent-indicator{background:#D4776C!important;color:#fff!important;border-radius:4px!important} /* Simple detail drawer & controls, no distracting filled boxes. */ .v14-drawer{box-shadow:-15px 0 46px #29344214!important} .v14-drawer .drawer-head{border-bottom:1px solid #ECECEC!important} .v14-basic-grid{border-color:#E9E9E9!important;border-radius:7px!important} .v14-basic-cell{border-color:#F0F0F0!important} .v14-urgent-buttons{background:#F6F6F6!important;border-color:#EBEBEB!important;box-shadow:none!important} .v14-team-item{border-color:#EAEAEA!important;background:#FCFCFC!important;border-radius:6px!important;box-shadow:none!important} .v14-state-select{border-radius:5px!important;font-weight:650!important} .v14-description-section .drawer-description{border-color:#ECECEC!important;border-radius:7px!important} .rich-toolbar,.rich-editor-toolbar{background:#FAFAFA!important} .v13-completed-search{box-shadow:none!important;border-color:#E9E9E9!important;border-radius:7px!important} .v13-search-box{background:#FBFBFB!important;border-color:#EAEAEA!important} /* No gradients anywhere in the visible shell, field identities are flat. */ .brand-symbol,.workspace-switch,.sidebar-tip,.category-dash-card:before,.category-section:before,.v11-column-fabrics .v11-column-header{background-image:none!important} @media (max-width:1250px){ .main-content{padding:24px 24px 35px!important} .v11-three-board{gap:9px!important} .v11-column-scroll{padding:6px!important} .v11-order-card{padding:10px!important} .v13-dept-label,.v13-dept-status,.v15-dept-select{font-size:9.5px!important} } @media (max-width:800px){ .main-content{padding:22px 16px 100px!important} .v11-column-scroll{padding:9px!important} .v11-order-card{padding:12px!important} .v11-three-board{gap:12px!important} .v7-summary-strip{border-radius:8px!important} .v13-dept-label,.v13-dept-status,.v15-dept-select{font-size:10.8px!important} } @media(max-width:570px){ .v7-summary-strip{display:grid!important;grid-template-columns:repeat(2,1fr)!important} .v7-summary-block{border-bottom:1px solid #eee!important} .v7-summary-block:nth-child(even){border-right:none!important} .v7-summary-block:last-child{border-bottom:0!important} .v11-status-filters{overflow-x:auto!important;flex-wrap:nowrap!important;max-width:calc(100vw - 32px)!important} .v11-status-filter{white-space:nowrap!important;padding:8px 9px!important} .v11-column-header{min-height:48px!important} .v11-column-scroll{max-height:380px!important} .page-top h1{font-size:26px!important} } } /* Workdesk v19 — simple + lively. Flat category accents, no gradient. Deliberately scoped to theme; business logic and layouts remain v18. */ @media screen { :root { --canvas:#FCFCFD; --surface:#FFFFFF; --ink:#30323A; --line:#E8EBF0; --accent:#477EAD; --accent-dark:#346B9E; --accent-pale:#ECF4FC; --fabric:#BE575D; --fabric-bg:#FFF3F3; --exhibit:#2D476E; --exhibit-bg:#F1F5FA; --mirror:#303238; --mirror-bg:#F3F3F4; --blue:#3B83BF; --blue-bg:#ECF5FC; --green:#2A9267; --green-bg:#E9F7EE; --red:#BC5B58; --red-bg:#FFF0ED; } body,.main-content {background:#FCFCFD!important;color:#32363E!important} .sidebar,.topbar {background:#FFFFFF!important;border-color:#E9ECF1!important} .main-content .page-top h1 {color:#30343A!important} .page-subtitle {color:#8A9099!important} .brand-symbol{background:#E7F2FB!important;color:#377CB3!important} .brand-symbol span{color:#377CB3!important} .nav-item.active {background:#EAF3FB!important;color:#336F9F!important} .nav-item.active svg {color:#477EAD!important} .quick-project .project-color {box-shadow:0 0 0 2px #FFFFFF!important} .quick-project:hover{background:#F6F8FB!important} .quick-project.active{background:#F3F6FA!important;color:#3E4A58!important} /* Core UI accents stay confident but not vivid. */ .btn-primary,.v10-print-action,.v11-drawer-print {background:#477EAD!important;border-color:#477EAD!important;color:white!important} .btn-primary:hover,.v10-print-action:hover,.v11-drawer-print:hover {background:#356E9F!important;border-color:#356E9F!important} .btn:focus-visible,.nav-item:focus-visible,.quick-project:focus-visible,.v7-cal-toolbar button:focus-visible,.v7-task-trigger:focus-visible,.v7-cat-filter:focus-visible,.v15-card-open:focus-visible,.v11-status-filter:focus-visible{outline-color:#7CAAD0!important} /* Section board — thin solid color top bars, gentle tint, never solid blocks or gradients. */ .v11-column{background:#FEFEFF!important;border-color:#E7E9EE!important;border-radius:9px!important} .v11-column-header,.v11-column-fabrics .v11-column-header,.v11-column-exhibition .v11-column-header,.v11-column-flexmirror .v11-column-header{ background:#FFFFFF!important;background-image:none!important; border-top:3px solid var(--cat)!important; border-bottom:1px solid #EEF0F3!important; padding:12px 15px!important; } .v11-column-fabrics .v11-column-header{background:#FFF9F9!important;border-top-color:#BE575D!important} .v11-column-exhibition .v11-column-header{background:#F8FAFD!important;border-top-color:#2D476E!important} .v11-column-flexmirror .v11-column-header{background:#FAFAFA!important;border-top-color:#303238!important} .v11-column-fabrics .v11-column-name h2{color:#AF4C53!important} .v11-column-exhibition .v11-column-name h2{color:#2D476E!important} .v11-column-flexmirror .v11-column-name h2{color:#303238!important} .v11-column-fabrics .v11-column-dot{background:#BE575D!important} .v11-column-exhibition .v11-column-dot{background:#2D476E!important} .v11-column-flexmirror .v11-column-dot{background:#303238!important} .v11-column-count{background:#F1F3F7!important;color:#707A89!important} .v11-column-fabrics .v11-column-count{background:#FBE9EA!important;color:#AE5257!important} .v11-column-exhibition .v11-column-count{background:#E9EFF7!important;color:#2D476E!important} .v11-column-flexmirror .v11-column-count{background:#EAEBEE!important;color:#303238!important} .v11-order-card,.v13-order-card,.v15-order-card{border-color:#E9EBEF!important;background:#FFFFFF!important} .v11-order-card:hover,.v13-order-card:hover,.v15-order-card:hover{border-color:#CBD9E8!important;background:#FFFFFF!important;box-shadow:0 2px 9px #28415B0A!important} /* Small category accents carry identity across the rest of the app. */ .v7-cat-filter.selected.cat-fabrics{background:#FFF0F1!important;color:#AF4B52!important;border-color:#F0CDD0!important} .v7-cat-filter.selected.cat-exhibition{background:#EFF3F9!important;color:#2D476E!important;border-color:#C6D5E8!important} .v7-cat-filter.selected.cat-flexmirror{background:#F0F1F3!important;color:#303238!important;border-color:#D6D8DD!important} .v7-cat-filter.selected.all{background:#ECF4FB!important;color:#376F9D!important;border-color:#D6E6F4!important} .v7-cat-filter.selected.all span{color:#376F9D!important} .v7-cal-event.cat-fabrics{background:#FFF0F1!important;color:#A94A51!important;border-left-color:#BE575D!important} .v7-cal-event.cat-exhibition{background:#EEF3FA!important;color:#2D476E!important;border-left-color:#2D476E!important} .v7-cal-event.cat-flexmirror{background:#F0F1F3!important;color:#303238!important;border-left-color:#303238!important} .category-pill.category-fabrics{background:#FFF0F1!important;color:#AB4E54!important} .category-pill.category-exhibition{background:#EEF3FA!important;color:#2D476E!important} .category-pill.category-flexmirror{background:#F0F1F3!important;color:#303238!important} .category-dash-card.category-fabrics .category-square,.category-section.category-fabrics .category-square{background:#FFF0F1!important;color:#B65359!important} .category-dash-card.category-exhibition .category-square,.category-section.category-exhibition .category-square{background:#EFF3FA!important;color:#2D476E!important} .category-dash-card.category-flexmirror .category-square,.category-section.category-flexmirror .category-square{background:#F0F1F3!important;color:#303238!important} .category-dash-card.category-fabrics .dash-category-stat strong{color:#B65359!important} .category-dash-card.category-exhibition .dash-category-stat strong{color:#2D476E!important} .category-dash-card.category-flexmirror .dash-category-stat strong{color:#303238!important} .v7-group-accent,.v7-row-marker,.v7-cal-legend i,.project-color{background-image:none!important} /* A touch of saturation only inside small progress indicators. */ .status-chip.status-waiting,.v7-status.v7-status-waiting,.v14-state-waiting{background:#E9F3FD!important;color:#2D73AA!important;border-color:#D8E9F6!important} .status-chip.status-doing,.v7-status.v7-status-doing,.v14-state-doing{background:#E4F5EB!important;color:#218258!important;border-color:#D0E9D9!important} .status-chip.status-hold,.v7-status.v7-status-hold,.v14-state-hold{background:#FFF3C8!important;color:#8A6500!important;border-color:#F1E1AB!important} .status-chip.status-done,.v7-status.v7-status-done,.v14-state-done{background:#F0F2F4!important;color:#6C7784!important;border-color:#E3E7EA!important} .status-chip.status-urgent,.v7-status.v7-status-urgent{background:#FCECE9!important;color:#B4524E!important;border-color:#F4D7D4!important} .v13-state-waiting .v13-dept-status,.v15-dept-select.v15-state-waiting{color:#347AAE!important} .v13-state-doing .v13-dept-status,.v15-dept-select.v15-state-doing{color:#25845B!important} .v13-state-hold .v13-dept-status,.v15-dept-select.v15-state-hold{color:#957000!important} .v13-state-done .v13-dept-status,.v15-dept-select.v15-state-done{color:#727C87!important} .v13-state-waiting .v13-state-dot{background:#4C9AD0!important} .v13-state-doing .v13-state-dot{background:#39A474!important} .v13-state-hold .v13-state-dot{background:#F2C532!important} .v13-state-done .v13-state-dot{background:#9AA4AF!important} .v12-urgent-flag,.v14-urgent-indicator{background:#BF615F!important} .v11-status-filter.active,.v12-status-filter.active,.v11-status-filter.active.all{color:#3774A3!important;border-bottom-color:#477EAD!important} .v11-status-filter.active span{background:#EDF4FA!important;color:#3774A3!important} .v7-day.today .v7-day-number{background:#477EAD!important} .v7-mode-switch button.active{color:#3976A4!important} .v7-day.picked{background:#EEF5FC!important;box-shadow:inset 0 0 0 1px #D9E8F5!important} /* Uniform flat appearance on both desktop and mobile. */ .brand-symbol,.workspace-switch,.sidebar-tip,.category-dash-card:before,.category-section:before,.v11-column-header{background-image:none!important} @media(max-width:800px){ .v11-column-header,.v11-column-fabrics .v11-column-header,.v11-column-exhibition .v11-column-header,.v11-column-flexmirror .v11-column-header {border-top-width:3px!important} } } /* Workdesk v20 — clear structural separation; no business-logic changes. */ @media screen { :root { --wd20-edge:#D6DDE6; --wd20-card-edge:#CCD6E0; --wd20-dark:#394555; } /* Outline the three independent work areas with a slightly stronger edge. */ .v11-three-board{gap:17px!important;align-items:stretch!important} .v11-task-page .v11-column{ border:1.5px solid var(--wd20-edge)!important; border-radius:11px!important; box-shadow:0 2px 8px rgba(43,57,75,.055)!important; background:#FCFDFE!important; } .v11-task-page .v11-column-fabrics {border-color:#E4C9CC!important;background:#FFFCFC!important} .v11-task-page .v11-column-exhibition {border-color:#C6D1E1!important;background:#FBFCFF!important} .v11-task-page .v11-column-flexmirror {border-color:#C9CDD2!important;background:#FBFCFD!important} /* Pastel category header, flat solid colors and a visible dividing stroke. */ .v11-task-page .v11-column .v11-column-header{ min-height:59px!important; padding:13px 15px!important; border-top:0!important; border-bottom:1.5px solid #DCE2EA!important; border-radius:0!important; position:relative!important; } .v11-task-page .v11-column .v11-column-header::before{ content:"";position:absolute;inset:0 auto 0 0;width:4px; background:var(--cat);border-radius:1px; } .v11-task-page .v11-column-fabrics .v11-column-header{background:#FBEFF0!important;border-bottom-color:#E9CDD0!important} .v11-task-page .v11-column-exhibition .v11-column-header{background:#ECF1F8!important;border-bottom-color:#C9D5E5!important} .v11-task-page .v11-column-flexmirror .v11-column-header{background:#ECEDEF!important;border-bottom-color:#D4D7DC!important} .v11-task-page .v11-column-name h2{font-weight:800!important;font-size:15px!important;letter-spacing:-.02em!important} .v11-task-page .v11-column-count{border:1px solid #D7DDE5!important} /* A separate card must remain visually distinct even when list gets long. */ .v11-task-page .v11-column-scroll{padding:11px!important} .v11-task-page .v11-order-card, .v11-task-page .v13-order-card, .v11-task-page .v15-order-card{ border:1.25px solid var(--wd20-card-edge)!important; border-radius:8px!important; box-shadow:0 1px 4px rgba(28,45,67,.07)!important; background:#FFFFFF!important; padding:12px!important; margin-bottom:10px!important; gap:9px!important; transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important; } .v11-task-page .v11-order-card:hover, .v11-task-page .v13-order-card:hover, .v11-task-page .v15-order-card:hover, .v11-task-page .v11-order-card:focus-within, .v11-task-page .v15-order-card:focus-within{ border-color:#8CA8C1!important; box-shadow:0 3px 10px rgba(40,76,112,.13)!important; background:#FFFFFF!important; } .v11-task-page .v11-order-title{font-weight:770!important;color:#2B3440!important;letter-spacing:-.02em!important} .v11-task-page .v11-card-people{margin-top:1px!important;padding-bottom:2px!important} .v11-task-page .v15-dept-strip{border-top:1px solid #DEE4EB!important;margin-top:2px!important;padding-top:9px!important} .v11-task-page .v11-column-foot{border-top:1px solid #DFE3E9!important;background:#F7F9FB!important;color:#748093!important} /* Tabs: selected is now an outlined tile rather than a faint underline. */ .v11-task-page .v11-status-filters{ border-bottom:1px solid #D9E1E9!important;gap:6px!important;padding:0 0 9px!important; } .v11-task-page .v11-status-filter, .v11-task-page .v12-status-filter{ border:1px solid #E2E7ED!important; border-bottom:1px solid #E2E7ED!important; background:#FFFFFF!important; border-radius:7px!important; color:#6A7481!important; padding:7px 12px!important; margin-bottom:0!important; min-height:35px!important; } .v11-task-page .v11-status-filter:hover{border-color:#B3C4D4!important;background:#F7FAFD!important} .v11-task-page .v11-status-filter.active, .v11-task-page .v12-status-filter.active, .v11-task-page .v11-status-filter.active.all{ border:1.4px solid #7D9DBA!important; background:#EAF2F9!important; color:#285A86!important; box-shadow:0 1px 3px rgba(50,96,142,.08)!important; } .v11-task-page .v12-completed-filter{margin-left:21px!important;position:relative!important;border-color:#CDD4DE!important;background:#F3F5F7!important} .v11-task-page .v12-completed-filter::before{left:-14px!important;top:4px!important;bottom:4px!important;width:1.5px!important;background:#B9C4D0!important} .v11-task-page .v12-completed-filter.active{border-color:#697789!important;background:#E9ECF0!important;color:#414D5B!important} /* Stay quiet and legible on phone: the cards still have separation. */ @media(max-width:1250px){ .v11-three-board{gap:11px!important} .v11-task-page .v11-column-scroll{padding:8px!important} } @media(max-width:800px){ .v11-three-board{gap:13px!important} .v11-task-page .v11-column-scroll{padding:10px!important} .v11-task-page .v11-order-card,.v11-task-page .v13-order-card,.v11-task-page .v15-order-card{padding:12px!important} } @media(max-width:570px){ .v11-task-page .v11-status-filters{gap:5px!important;padding-bottom:7px!important} .v11-task-page .v11-status-filter,.v11-task-page .v12-status-filter{padding:7px 10px!important;white-space:nowrap!important} .v11-task-page .v11-column .v11-column-header{min-height:52px!important} } } /* Workdesk v21 — HSIND / Jira-inspired light board, visual refresh only. */ :root { --accent:#C91F34;--accent-dark:#A71127;--accent-pale:#FFF0F2; --ink:#26313C;--muted:#778290;--canvas:#FFFFFF;--surface:#FFFFFF; --line:#E0E4EA;--shadow:0 1px 4px rgba(37,48,66,.045); --fabric:#4A5667;--fabric-bg:#F3F4F6; --exhibit:#4A5667;--exhibit-bg:#F3F4F6; --mirror:#4A5667;--mirror-bg:#F3F4F6; --font:'Pretendard Variable','Pretendard','Inter','Noto Sans KR','Malgun Gothic',system-ui,sans-serif; } @media screen { body,.main-content{background:#FFFFFF!important;color:#28313B!important} body{font-family:var(--font)!important;font-size:13px!important;line-height:1.55!important;letter-spacing:-.018em!important} .app-shell{background:#fff} /* Compact, calm Jira-inspired navigation */ .sidebar{width:234px!important;flex:0 0 234px!important;background:#F7F8FA!important;padding:15px 10px 12px!important;border-right:1px solid #DFE3E8!important;box-shadow:none!important} .brand-area{padding:9px 14px 21px!important;min-height:60px!important;gap:0!important} .hsind-logo{display:block;width:158px;height:auto;max-height:32px;object-fit:contain;object-position:left center} .brand-symbol,.brand-label,.workspace-switch{display:none!important} .side-caption{font-size:10px!important;font-weight:750!important;letter-spacing:.02em!important;color:#8B929D!important;padding:0 12px!important;margin-bottom:8px!important} .side-nav,.quick-projects{gap:2px!important} .nav-item{border-radius:6px!important;padding:9px 11px!important;font-size:12.5px!important;font-weight:560!important;color:#526173!important;gap:11px!important;min-height:37px!important} .nav-item svg{opacity:1!important;stroke-width:1.7!important;color:#6F7B88!important} .nav-item.active{color:#A9162A!important;background:#FBE9EB!important;font-weight:730!important} .nav-item.active svg{color:#C91F34!important} .nav-item:hover:not(.active),.quick-project:hover{background:#ECEFF3!important;color:#333D48!important} .nav-item .nav-count{background:#EDF0F3!important;color:#657080!important;border-radius:5px!important;font-size:10px!important} .nav-item.active .nav-count{background:#F5DADC!important;color:#B61C30!important} .side-divider{margin:15px 9px 20px!important;background:#E4E8ED!important} .quick-project{padding:8px 12px!important;font-size:12.1px!important;font-weight:520!important;color:#566272!important;gap:10px!important;min-height:33px!important} .quick-project.active{background:#EDEFF3!important;color:#27313D!important;font-weight:650!important} .project-color{background:#85909B!important;width:8px!important;height:8px!important;border-radius:3px!important;box-shadow:none!important} .category-count{background:#EDF0F4!important;color:#65707E!important} .sidebar-tip{display:none!important}.sidebar-bottom{margin-top:auto!important} .profile{border-color:#E4E8ED!important;padding:13px 10px 4px!important} .profile-avatar,.small-avatar{background:#EAEDF0!important;color:#415162!important} .profile-name strong{font-size:12px!important}.profile-name span{font-size:10px!important} .topbar{height:62px!important;padding:0 30px!important;background:#FFFFFF!important;border-bottom:1px solid #E4E8ED!important} .breadcrumb{font-size:12px!important;color:#848B95!important}.breadcrumb b{color:#37414D!important} .header-search{height:34px!important;width:260px!important;background:#F7F8FA!important;border:1px solid #E0E5EB!important;border-radius:7px!important} .header-search input{font-size:11.5px!important}.header-search:focus-within{border-color:#D79AA4!important;box-shadow:0 0 0 3px #FAEAED!important} .user-option.current{background:#FFF0F2!important} .main-content{padding:27px 30px 45px!important;max-width:1650px!important} .page-top{margin-bottom:14px!important} .page-top h1,.v11-task-page .page-top h1{font-size:23px!important;font-weight:770!important;letter-spacing:-.037em!important;color:#252F3C!important} .eyebrow{font-size:9px!important;color:#8993A2!important;margin-bottom:3px!important;letter-spacing:.1em!important} .page-subtitle{font-size:11.4px!important;color:#7B8795!important;margin-top:5px!important} .btn{font-size:11.7px!important;border-radius:6px!important;min-height:32px!important} .btn-primary,.v11-drawer-print,.v10-print-action{background:#C91F34!important;border-color:#C91F34!important;color:white!important;box-shadow:none!important} .btn-primary:hover,.v11-drawer-print:hover,.v10-print-action:hover{background:#AC192C!important;border-color:#AC192C!important} .nav-item:focus-visible,.quick-project:focus-visible,.btn:focus-visible,.v11-status-filter:focus-visible,.v15-card-open:focus-visible{outline:2px solid #CA6A78!important;outline-offset:2px!important} .v11-task-page{gap:10px!important} .v11-toolbar{margin-bottom:3px!important;min-height:37px!important} /* Status filters are fully functional; completion remains a separate archive. */ .v11-task-page .v11-status-filters{gap:5px!important;border-bottom:1px solid #E6E8EC!important;padding:0 0 10px!important;display:flex;flex-wrap:wrap} .v11-task-page .v11-status-filter,.v11-task-page .v12-status-filter{padding:5px 10px!important;min-height:30px!important;border:1px solid #E1E5EA!important;border-radius:6px!important;margin:0!important;background:#FFFFFF!important;color:#596574!important;font-size:11px!important;font-weight:625!important;white-space:nowrap!important;box-shadow:none!important} .v11-task-page .v11-status-filter:hover{background:#F7F8FA!important;border-color:#BFC9D3!important} .v11-task-page .v11-status-filter.active,.v11-task-page .v12-status-filter.active,.v11-task-page .v11-status-filter.active.all{background:#FFF1F2!important;border:1px solid #D55B6A!important;color:#B21A2E!important;box-shadow:none!important} .v11-task-page .v11-status-filter span{border-radius:5px!important;background:#F1F2F5!important;color:#6B7581!important;padding:1px 5px!important;font-size:10px!important} .v11-task-page .v11-status-filter.active span{background:#F6DEE2!important;color:#A81B2E!important} .v11-task-page .v12-completed-filter{margin-left:16px!important;position:relative!important;background:#F7F8FA!important} .v11-task-page .v12-completed-filter::before{left:-10px!important;top:5px!important;bottom:5px!important;width:1px!important;background:#CCD2DA!important} .v11-task-page .v12-completed-filter.active{background:#EDEFF2!important;border-color:#929CA9!important;color:#33404D!important} .v11-sort-label{color:#8A939D!important;font-size:10px!important} .v10-export-btn{border-color:#E1E5EB!important;background:#fff!important;color:#687585!important;font-size:10.5px!important} /* Equal gray columns, without any category-specific color or gradient. */ .v11-three-board{gap:13px!important;align-items:stretch!important} .v11-task-page .v11-column,.v11-task-page .v11-column-fabrics,.v11-task-page .v11-column-exhibition,.v11-task-page .v11-column-flexmirror{border:1px solid #DFE3E9!important;border-radius:7px!important;background:#F3F5F7!important;box-shadow:none!important;min-width:0!important} .v11-task-page .v11-column .v11-column-header,.v11-task-page .v11-column-fabrics .v11-column-header,.v11-task-page .v11-column-exhibition .v11-column-header,.v11-task-page .v11-column-flexmirror .v11-column-header{background:#EEF0F3!important;background-image:none!important;border-top:0!important;border-bottom:1px solid #DFE4E9!important;min-height:44px!important;padding:9px 12px!important} .v11-task-page .v11-column .v11-column-header::before{display:none!important} .v11-task-page .v11-column-dot{display:none!important} .v11-task-page .v11-column-name{gap:8px!important} .v11-task-page .v11-column-name h2,.v11-task-page .v11-column-fabrics .v11-column-name h2,.v11-task-page .v11-column-exhibition .v11-column-name h2,.v11-task-page .v11-column-flexmirror .v11-column-name h2{color:#485563!important;font-size:12.6px!important;font-weight:760!important;letter-spacing:-.02em!important} .v11-task-page .v11-column-count,.v11-task-page .v11-column-fabrics .v11-column-count,.v11-task-page .v11-column-exhibition .v11-column-count,.v11-task-page .v11-column-flexmirror .v11-column-count{background:#E3E7EC!important;color:#596675!important;border:0!important;border-radius:5px!important;padding:2px 6px!important;font-size:10px!important} .v11-task-page .v11-column-scroll{padding:8px!important;scrollbar-color:#C9D0D9 transparent!important} .v11-task-page .v11-order-card,.v11-task-page .v13-order-card,.v11-task-page .v15-order-card{padding:10px 11px!important;gap:6px!important;border:1px solid #DCE2E8!important;border-radius:5px!important;margin-bottom:7px!important;box-shadow:0 1px 2px rgba(39,52,70,.045)!important;background:#fff!important} .v11-task-page .v11-order-card:hover,.v11-task-page .v13-order-card:hover,.v11-task-page .v15-order-card:hover{border-color:#AFBCC9!important;box-shadow:0 2px 7px rgba(20,38,58,.075)!important;transform:none!important} .v11-task-page .v11-order-title{font-size:11.8px!important;font-weight:730!important;letter-spacing:-.015em!important;color:#303B48!important} .v11-task-page .v11-card-top .status-chip{font-size:9.5px!important;border-radius:5px!important;padding:3px 6px!important} .v11-task-page .v18-owner{font-size:10px!important;color:#798492!important} .v11-task-page .v15-dept-strip{margin-top:1px!important;padding-top:7px!important;border-top:1px solid #EBEEF2!important;gap:4px!important} .v11-task-page .v13-dept-label{font-size:9.2px!important;color:#87909B!important} .v11-task-page .v13-dept-status,.v11-task-page .v15-dept-select{font-size:9.4px!important;font-weight:650!important} .v11-task-page .v11-column-foot{background:#F3F5F7!important;border-top:1px solid #E1E5EA!important;color:#8C95A0!important;padding:7px 10px!important;font-size:10px!important} /* Status colors stay independent from business field / column identity. */ .status-chip.status-waiting,.v7-status.v7-status-waiting{background:#EDF3FA!important;color:#4673A5!important;border-color:#E3EAF3!important} .status-chip.status-doing,.v7-status.v7-status-doing{background:#E8F5EB!important;color:#267A47!important;border-color:#D9EBDE!important} .status-chip.status-hold,.v7-status.v7-status-hold{background:#FFF3D9!important;color:#916100!important;border-color:#F9E7BB!important} .status-chip.status-done,.v7-status.v7-status-done{background:#EDF0F2!important;color:#5A6472!important;border-color:#E1E5E8!important} .status-chip.status-urgent,.v7-status.v7-status-urgent{background:#FBE8EB!important;color:#B72039!important;border-color:#F3D3DA!important} .v13-state-waiting .v13-state-dot{background:#5694CC!important} .v13-state-doing .v13-state-dot{background:#32965B!important} .v13-state-hold .v13-state-dot{background:#E5B53F!important} .v13-state-done .v13-state-dot{background:#9099A4!important} .v15-card-open:focus-visible,.v15-dept-select:focus-visible,.v14-state-select:focus-visible{outline-color:#D37180!important} /* Consistent, monochrome categories in list, dashboard and calendar */ .v7-cat-filter.selected.cat-fabrics,.v7-cat-filter.selected.cat-exhibition,.v7-cat-filter.selected.cat-flexmirror{background:#F1F3F6!important;border-color:#D8DFE7!important;color:#435362!important} .v7-cat-filter.selected.all,.v7-mode-switch button.active{background:#FFF1F3!important;color:#B62034!important;border:1px solid #EDC1C8!important} .v7-day.today .v7-day-number,.cal-day.today .day-number{background:#C91F34!important;color:white!important} .v7-day.picked{background:#FFF4F5!important;box-shadow:inset 0 0 0 1px #F1C9CF!important} .v7-cal-event.cat-fabrics,.v7-cal-event.cat-exhibition,.v7-cal-event.cat-flexmirror{background:#EDF0F4!important;color:#52606E!important;border-left-color:#8994A0!important} .v7-cal-legend i,.v7-row-marker,.v7-group-accent,.v7-agenda-row i{background:#929DAA!important} .category-pill.category-fabrics,.category-pill.category-exhibition,.category-pill.category-flexmirror{background:#EDF0F3!important;color:#53606E!important} .v7-section-eyebrow{color:#8F98A4!important} .v7-heading-num{background:#EDEFF2!important;color:#5F6C78!important} .v7-panel-link,.text-action{color:#B12035!important} .v7-panel-link:hover{color:#821629!important} .v14-drawer .v14-state-select:focus,.rich-editor-wrap:focus-within,.field-input:focus{border-color:#DB8995!important;box-shadow:0 0 0 3px #FBEFF1!important} .schedule-option.is-selected{border-color:#D46F7D!important;background:#FFF1F2!important} .rich-toolbar button.rich-table-main,.rich-toolbar button:hover{background:#FFF1F3!important;color:#AF1E32!important} .mobile-nav .active{color:#BA2034!important} ::selection{background:#F9DDE2!important;color:#791428!important} @media(max-width:1250px){ .sidebar{width:218px!important;flex-basis:218px!important} .main-content{padding:23px 20px 40px!important} .v11-three-board{gap:10px!important} .v11-task-page .v11-column-scroll{padding:7px!important} .v11-task-page .v11-order-card{padding:9px!important} } @media(max-width:790px){ .sidebar{width:245px!important;flex-basis:245px!important} .topbar{height:60px!important;padding:0 16px!important} .main-content{padding:19px 15px 100px!important} .brand-area{padding-top:18px!important} .v11-task-page .v11-three-board{gap:10px!important} } @media(max-width:570px){ .page-top h1,.v11-task-page .page-top h1{font-size:21px!important} .v11-task-page .v11-status-filters{flex-wrap:nowrap!important;overflow-x:auto!important;gap:4px!important} .v11-task-page .v11-status-filter{padding:5px 7px!important} .v11-task-page .v11-column-scroll{padding:9px!important} .v11-task-page .v11-order-card{padding:11px!important} .v11-task-page .v13-dept-label{font-size:10px!important} .v11-task-page .v13-dept-status,.v11-task-page .v15-dept-select{font-size:10px!important} } } /* Workdesk v22: clear delivery metadata, accessible status filters, detail content first */ @media screen { /* White / Jira feel stays untouched: simple inline metadata below task title. */ .v11-task-page .v22-card-meta { display:flex!important;align-items:center!important;justify-content:space-between!important; width:100%;min-width:0;gap:8px!important;flex-wrap:wrap!important; } .v11-task-page .v22-card-meta .v18-owner {min-width:0;white-space:nowrap;} .v11-task-page .v22-delivery { display:inline-flex;align-items:center;gap:4px;white-space:nowrap; font-size:10px;font-weight:600;color:#647180;background:#F5F7F9; border:1px solid #E4E8ED;border-radius:4px;padding:2px 6px; letter-spacing:-.015em;margin-left:auto; } .v11-task-page .v22-delivery svg {width:12px;height:12px;color:#6F7E8D;} /* status colors: low-noise dot by default, colored background when filter is active */ .v11-task-page .v11-status-filter.v12-status-filter .v22-filter-dot { display:inline-block!important;width:7px;height:7px;flex:none;border-radius:50%;background:var(--v22-tone,#9AA4AF)!important; box-shadow:none!important; } .v11-task-page .v22-filter-waiting {--v22-tone:#477AAE;--v22-bg:#EDF3FA;--v22-edge:#B9CDE2;} .v11-task-page .v22-filter-doing {--v22-tone:#278553;--v22-bg:#EAF5EE;--v22-edge:#B8D8C3;} .v11-task-page .v22-filter-hold {--v22-tone:#B27B12;--v22-bg:#FFF5DE;--v22-edge:#E8D3A1;} .v11-task-page .v22-filter-urgent {--v22-tone:#B72039;--v22-bg:#FBECEF;--v22-edge:#E4B6C0;} .v11-task-page .v22-filter-done {--v22-tone:#647180;--v22-bg:#EDF0F2;--v22-edge:#BEC6CE;} .v11-task-page .v11-status-filter.v12-status-filter.active.v22-filter-waiting, .v11-task-page .v11-status-filter.v12-status-filter.active.v22-filter-doing, .v11-task-page .v11-status-filter.v12-status-filter.active.v22-filter-hold, .v11-task-page .v11-status-filter.v12-status-filter.active.v22-filter-urgent, .v11-task-page .v11-status-filter.v12-status-filter.active.v22-filter-done { background:var(--v22-bg)!important;border-color:var(--v22-edge)!important; color:var(--v22-tone)!important;box-shadow:none!important; } .v11-task-page .v11-status-filter.v12-status-filter.active.v22-filter-waiting span, .v11-task-page .v11-status-filter.v12-status-filter.active.v22-filter-doing span, .v11-task-page .v11-status-filter.v12-status-filter.active.v22-filter-hold span, .v11-task-page .v11-status-filter.v12-status-filter.active.v22-filter-urgent span, .v11-task-page .v11-status-filter.v12-status-filter.active.v22-filter-done span { color:var(--v22-tone)!important;background:rgba(255,255,255,.72)!important; } /* Content is now above the team controls. A small gap restores the rhythm. */ .v14-drawer .v14-description-section {margin-top:14px!important;padding-top:12px!important;} .v14-drawer .v14-teams-section {margin-top:16px!important;border-top:1px solid #E9EDF2!important;padding-top:13px!important;} .v14-drawer .v14-description-section .drawer-description {min-height:90px;} } @media screen and (max-width:570px) { .v11-task-page .v22-card-meta {flex-wrap:nowrap!important;} .v11-task-page .v22-delivery {font-size:9.5px;padding:2px 5px;} .v14-drawer .v14-teams-section {margin-top:13px!important;padding-top:11px!important;} } /* Workdesk v23: 업무보드 + 실사용 캘린더, 요약 대시보드 없이 같은 화면에 */ @media screen { .v11-task-page{min-width:0} .v23-workspace-layout{ display:grid;grid-template-columns:minmax(0,1fr) minmax(292px,322px); align-items:stretch;gap:13px;min-width:0;min-height:0;flex:1 1 auto; } .v23-workspace-layout>.v11-three-board{width:100%;height:100%!important;min-height:0!important;min-width:0;flex:none!important;gap:10px!important} .v23-workspace-layout .v11-column{height:100%;min-height:0} .v23-workspace-layout .v11-column-header{min-height:42px!important;padding:9px 10px!important} .v23-workspace-layout .v11-column-sort{display:none!important} .v23-workspace-layout .v11-column-scroll{padding:7px!important} .v23-workspace-layout .v11-order-card{padding:9px!important;gap:5px!important} .v23-workspace-layout .v11-order-title{font-size:11.4px!important;line-height:1.34!important} .v23-workspace-layout .v11-card-top .status-chip{font-size:9px!important} .v23-workspace-layout .v22-card-meta{gap:4px!important} .v23-workspace-layout .v18-owner{font-size:9.5px!important} .v23-workspace-layout .v22-delivery{font-size:9px!important;padding:2px 4px!important} .v23-workspace-layout .v15-dept-strip{gap:2px!important} .v23-workspace-layout .v13-dept-label{font-size:9px!important} .v23-workspace-layout .v13-dept-status,.v23-workspace-layout .v15-dept-select{font-size:9px!important} .v23-calendar-cell{min-width:0;min-height:0;max-height:100%;} .v23-calendar{ background:#fff;border:1px solid #DEE4EB;border-radius:7px; display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden; color:#2F3A45;box-shadow:0 1px 3px rgba(35,49,65,.035); } .v23-calendar button{font:inherit;cursor:pointer} .v23-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 12px 9px;border-bottom:1px solid #EBEFF2} .v23-calendar-heading h2{display:flex;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:760;color:#253442} .v23-calendar-heading h2 svg{color:#C91F34} .v23-calendar-heading p{font-size:10px;color:#929AA5;margin:4px 0 0} .v23-calendar-expand{display:flex;align-items:center;justify-content:center;flex:none;width:27px;height:27px;background:#fff;border:1px solid #E3E8EE;border-radius:5px;color:#7D8B9A} .v23-calendar-expand:hover{border-color:#A7B3C1;color:#C91F34} .v23-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:4px;margin:10px 11px 8px} .v23-calendar-pager{display:flex;align-items:center;gap:2px} .v23-calendar-pager strong{font-size:11.3px;color:#303C49;font-weight:750;white-space:nowrap;min-width:111px;text-align:center} .v23-calendar-toolbar button{border:1px solid #E3E8EE;border-radius:5px;background:#fff;color:#526173;min-height:25px;display:inline-flex;justify-content:center;align-items:center;padding:3px 5px;font-size:10.5px} .v23-calendar-pager button{width:25px} .v23-calendar-toolbar button:hover{background:#F5F7F9;border-color:#C6CFD9} .v23-mode{display:flex;margin:0 11px 9px;background:#F3F5F7;border:1px solid #E4E8ED;border-radius:5px;padding:2px} .v23-mode button{flex:1;min-height:25px;background:transparent;border:0;border-radius:4px;font-size:10.5px;color:#7B8795;font-weight:700} .v23-mode button.active{background:#fff;color:#B31B30;box-shadow:0 1px 3px #172a4214} .v23-cal-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:0 11px;background:#F9FAFC;border-top:1px solid #E8EBEF;border-left:1px solid #E8EBEF} .v23-cal-weekdays span{text-align:center;border-right:1px solid #E8EBEF;color:#8894A0;font-weight:700;font-size:9.5px;padding:5px 0} .v23-cal-weekdays span:first-child{color:#CC5865} .v23-cal-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:39px;margin:0 11px;border-left:1px solid #E8EBEF;border-top:1px solid #E8EBEF} .v23-cal-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 1px;background:#fff;border:0;border-right:1px solid #E8EBEF;border-bottom:1px solid #E8EBEF;color:#44505D;min-width:0} .v23-cal-day.outside{background:#FAFBFC;color:#C3C8CE} .v23-cal-day:hover{background:#FFF6F7} .v23-cal-day.selected{background:#FFF1F3;box-shadow:inset 0 0 0 1px #E7A3AE} .v23-date-number{font-size:11px;font-weight:600;line-height:15px} .v23-cal-day.today .v23-date-number{background:#CB2238;border-radius:50%;color:#fff;min-width:17px;height:17px;display:inline-flex;justify-content:center;align-items:center;font-size:10px} .v23-date-indicators{display:flex;align-items:center;justify-content:center;gap:2px;min-height:8px} .v23-date-indicators i{width:5px;height:5px;background:#C92740;border-radius:50%} .v23-date-indicators b{font-weight:700;font-size:9px;color:#B62336} .v23-cal-week-list{display:flex;flex-direction:column;gap:4px;margin:0 11px} .v23-cal-week-row{display:flex;align-items:center;gap:8px;min-height:33px;padding:7px 10px;background:#fff;border:1px solid #E6EAF0;border-radius:5px;text-align:left;color:#536171} .v23-cal-week-row span{font-size:10px;min-width:32px} .v23-cal-week-row strong{font-size:11px;color:#303C49} .v23-cal-week-row em{font-size:10px;font-style:normal;margin-left:auto;color:#8D98A4} .v23-cal-week-row.selected{border-color:#E5A7B0;background:#FFF3F5} .v23-day-agenda{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;margin:12px 11px 0;border-top:1px solid #E7EBF0} .v23-day-agenda-title{display:flex;align-items:center;justify-content:space-between;padding:11px 0 8px;gap:10px} .v23-day-agenda-title strong{font-size:11.4px;color:#344251} .v23-day-agenda-title span{font-size:10px;color:#7A8694;background:#F3F5F7;padding:2px 6px;border-radius:5px} .v23-day-agenda-list{overflow-y:auto;min-height:65px;max-height:190px;scrollbar-width:thin} .v23-agenda-item{display:flex;align-items:center;gap:8px;text-align:left;width:100%;padding:9px 4px;background:#fff;border:0;border-bottom:1px solid #F0F2F5;color:#435364} .v23-agenda-item:hover{background:#FAFBFC} .v23-agenda-item>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1;gap:3px} .v23-agenda-item strong{font-size:11px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#334252} .v23-agenda-item small{color:#8995A2;font-size:9.5px} .v23-agenda-item svg{color:#98A3AE;flex:none} .v23-agenda-dot{width:7px;height:7px;background:#C91F34;border-radius:50%;flex:none} .v23-agenda-dot.done{background:#98A2AE} .v23-agenda-empty{font-size:11px;color:#9BA5B0;margin:15px 0;text-align:center} .v23-calendar-tip{padding:12px;margin:auto 0 0;font-size:9.5px;text-align:center;color:#9CA6B0;border-top:1px solid #F0F2F5} .v23-calendar-jump{background:#fff;border:1px solid #DDE4EB;border-radius:6px;padding:6px 8px;display:inline-flex;gap:5px;align-items:center;color:#5D7082;font-size:10px;font-weight:700;cursor:pointer} .v23-calendar-jump:hover{background:#FFF6F7;border-color:#DAB0B8;color:#B21A2E} .v11-task-page .v11-bottom-note{margin-top:0!important;padding:0!important;font-size:10px!important} @media(max-width:1270px){ .v23-workspace-layout{grid-template-columns:minmax(0,1fr);gap:15px;flex:none} .v23-workspace-layout>.v11-three-board{min-height:445px!important;max-height:565px!important;height:565px!important} .v23-calendar-cell{max-height:none} .v23-calendar{height:auto;max-height:none} .v23-cal-month{grid-auto-rows:43px} .v23-day-agenda-list{max-height:160px} .v11-task-page{height:auto!important;overflow:visible!important} .v23-calendar-tip{display:none} } @media(max-width:800px){ .v23-workspace-layout>.v11-three-board{display:flex;flex-direction:column;height:auto!important;max-height:none!important;min-height:0!important} .v23-workspace-layout>.v11-three-board .v11-column{height:auto;min-height:0} .v23-workspace-layout>.v11-three-board .v11-column-scroll{max-height:310px;overflow-y:auto} .v23-calendar-cell{scroll-margin-top:65px} .v23-calendar-jump{font-size:10px;padding:5px 8px} } } /* v24 mixed due-date badge: date + weekday + D-day */ .v23-workspace-layout .v15-card-open{position:relative!important;padding-top:24px!important} .v23-workspace-layout .v24-card-date-badge{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:999px;border:1px solid #d7dee8;background:#f7f9fc;color:#48576b;font-size:10px;line-height:1;box-shadow:0 1px 1px rgba(27,39,51,.04)} .v23-workspace-layout .v24-card-date-badge b{font-weight:700;letter-spacing:-.02em} .v23-workspace-layout .v24-card-date-badge small{font-size:10px;color:#6c7c90;font-weight:700} .v23-workspace-layout .v24-due-soon{background:#fff2f0;border-color:#f1c4bd;color:#9f3d30} .v23-workspace-layout .v24-due-soon small{color:#b44739} .v23-workspace-layout .v24-due-near{background:#f5f8fe;border-color:#cddcf4;color:#34517a} .v23-workspace-layout .v24-due-near small{color:#486996} .v23-workspace-layout .v24-due-overdue{background:#fff0ed;border-color:#e6b0a6;color:#8f2e22} .v23-workspace-layout .v24-due-overdue small{color:#a23326} .v23-workspace-layout .v24-due-none{background:#f6f6f7;border-color:#dddddf;color:#737882} @media (max-width:1180px){ .v23-workspace-layout .v15-card-open{padding-top:22px!important} .v23-workspace-layout .v24-card-date-badge{font-size:9.5px;padding:3px 6px} } @media (max-width:720px){ .v23-workspace-layout .v24-card-date-badge{top:-1px;right:-1px} } /* v25 — 책갈피형 납품일 태그. v24 날짜+요일 / D-day 그대로 유지. */ @media screen { /* 상단 밖으로 걸친 태그를 첫 행에서도 잘리지 않게 배치 */ .v23-workspace-layout .v11-column-scroll { padding-top: 18px !important; } .v23-workspace-layout .v11-order-card { position: relative !important; overflow: visible !important; padding-top: 20px !important; margin-bottom: 15px !important; } .v23-workspace-layout .v15-card-open { position: static !important; padding-top: 0 !important; } /* 카드 테두리 위로 절반쯤 돌출되고 오른쪽 모서리에도 살짝 걸치는 책갈피 */ .v23-workspace-layout .v24-card-date-badge { position: absolute !important; top: -11px !important; right: -3px !important; z-index: 3; display: inline-flex !important; align-items: center; justify-content: center; gap: 5px; min-height: 23px; white-space: nowrap; background: #FFF0B0 !important; border: 1px solid #E4C46F !important; color: #6F5317 !important; border-radius: 4px 5px 5px 4px !important; box-shadow: 0 2px 3px rgba(72,54,21,.10); padding: 5px 7px 5px 9px !important; font-size: 10px; line-height: 1; } .v23-workspace-layout .v24-card-date-badge b { color: inherit !important; font-weight: 760; } .v23-workspace-layout .v24-card-date-badge small { color: inherit !important; font-weight: 750; opacity: .88; } .v23-workspace-layout .v24-card-date-badge::after { content: ''; position: absolute; right: 0; top: 100%; border-top: 5px solid #BAA061; border-right: 5px solid transparent; opacity: .85; } .v23-workspace-layout .v24-due-soon { background: #FFE3B0 !important; border-color: #E7BA68 !important; color: #86511E !important; } .v23-workspace-layout .v24-due-overdue { background: #FFE2DE !important; border-color: #DEAAA3 !important; color: #9A352D !important; } .v23-workspace-layout .v24-due-near { background: #FFF0B0 !important; border-color: #E4C46F !important; color: #6F5317 !important; } .v23-workspace-layout .v24-due-none { background: #F1F3F5 !important; border-color: #D5D9DE !important; color: #6B7682 !important; } @media (max-width: 700px) { .v23-workspace-layout .v11-order-card { margin-bottom: 14px !important; } .v23-workspace-layout .v24-card-date-badge { top: -10px !important; right: -2px !important; font-size: 10px; } } } /* HSIND WORKDESK v26: right-aligned top-attached delivery-date tabs. Date + weekday + D-day remain interactive inside the existing detail button. Unlike v25, the tab is completely ABOVE the task-card border, not overlaid, and has no folded corner or speech-bubble tail. */ @media screen { .v23-workspace-layout .v11-column-scroll { padding-top: 7px !important; } .v23-workspace-layout .v11-order-card { position: relative !important; overflow: visible !important; padding-top: 9px !important; margin-top: 28px !important; margin-bottom: 9px !important; } .v23-workspace-layout .v15-card-open { position: static !important; padding-top: 0 !important; } .v23-workspace-layout .v24-card-date-badge { box-sizing: border-box !important; position: absolute !important; top: -25px !important; right: -1px !important; z-index: 3; height: 25px !important; min-height: 25px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; white-space: nowrap; padding: 3px 9px !important; margin: 0 !important; border-radius: 5px 5px 0 0 !important; border: 1px solid #E4C46F !important; border-bottom: none !important; color: #6F5317 !important; background: #FFF0B0 !important; font-size: 10px !important; line-height: 1 !important; box-shadow: 0 -1px 2px rgba(62,45,14,.045) !important; filter: none !important; } .v23-workspace-layout .v24-card-date-badge::after, .v23-workspace-layout .v24-card-date-badge::before { content: none !important; display: none !important; } .v23-workspace-layout .v24-card-date-badge b { color: inherit !important; font-weight: 760 !important; } .v23-workspace-layout .v24-card-date-badge small { color: inherit !important; font-weight: 750 !important; opacity: .88; } .v23-workspace-layout .v24-due-overdue { background: #FFE2DE !important; border-color: #DEAAA3 !important; color: #9A352D !important; } .v23-workspace-layout .v24-due-soon { background: #FFE3B0 !important; border-color: #E7BA68 !important; color: #86511E !important; } .v23-workspace-layout .v24-due-near { background: #FFF0B0 !important; border-color: #E4C46F !important; color: #6F5317 !important; } .v23-workspace-layout .v24-due-none { background: #F1F3F5 !important; border-color: #D5D9DE !important; color: #6B7682 !important; } @media(max-width:700px){ .v23-workspace-layout .v11-order-card { margin-top: 27px !important; margin-bottom: 9px !important; } .v23-workspace-layout .v24-card-date-badge { top: -25px !important; right: -1px !important; font-size: 10px !important; } } } /* HSIND Workdesk v27 — one deadline-sorted workload + larger calendar. Keeps the existing order, assignee permissions, templates, and date-tab behavior. */ @media screen { .v11-task-page .v27-workspace-layout { display:grid!important; grid-template-columns:minmax(370px,.85fr) minmax(470px,1.15fr)!important; gap:15px!important; align-items:stretch!important; min-height:0!important; } .v27-workspace-layout>.v27-single-board { display:block!important; width:auto!important; min-width:0!important; min-height:0!important; height:100%!important; max-height:none!important; flex:none!important; } .v27-workspace-layout .v27-unified-column { display:flex!important; flex-direction:column!important; height:100%!important; max-height:100%!important; min-height:0!important; border:1px solid #dfe4e9!important; border-radius:8px!important; background:#f5f6f8!important; overflow:hidden!important; } .v11-task-page .v27-workspace-layout .v27-column-header { background:#f2f4f6!important; border-top:0!important; border-bottom:1px solid #dfe4e9!important; border-radius:0!important; min-height:44px!important; padding:9px 13px!important; position:relative; box-shadow:none!important; } .v11-task-page .v27-workspace-layout .v27-column-header::before{display:none!important} .v27-column-header .v11-column-name{gap:8px!important} .v27-column-header .v11-column-name svg{color:#788493;flex:none} .v27-column-header .v11-column-name h2{font-size:13px!important;font-weight:780!important;color:#303b47!important} .v27-column-header .v11-column-count{background:#fff!important;border:1px solid #dbe1e7!important;padding:2px 6px!important} .v27-column-sub{font-size:10px;color:#98a0aa;font-weight:600;white-space:nowrap} .v11-task-page .v27-workspace-layout .v27-column-scroll{ padding:12px 11px 12px!important; overflow-y:auto!important; overflow-x:hidden!important; min-height:0!important; max-height:none!important; scrollbar-width:thin; } /* Each work order is one block; the delivery tab sits atop its RIGHT edge. */ .v11-task-page .v27-workspace-layout .v27-unified-column .v11-order-card{ margin-top:28px!important; margin-bottom:10px!important; padding:10px 12px!important; gap:6px!important; border:1px solid #dce2e8!important; border-radius:7px!important; background:#fff!important; box-shadow:0 1px 3px rgba(27,41,57,.05)!important; overflow:visible!important; } .v11-task-page .v27-workspace-layout .v27-unified-column .v11-order-card:hover{ border-color:#a6b2bf!important; box-shadow:0 3px 10px rgba(29,44,62,.08)!important; } .v27-workspace-layout .v15-card-open{position:static!important;padding:0!important;gap:6px!important} .v27-workspace-layout .v24-card-date-badge{right:-1px!important;top:-25px!important} .v27-workspace-layout .v11-order-title{font-size:12px!important;line-height:1.5!important} .v27-workspace-layout .v22-card-meta{display:flex!important;align-items:center;gap:5px 8px!important;flex-wrap:wrap!important} .v27-category-pill{display:inline-flex;align-items:center;font-size:9px;font-weight:730;line-height:1;padding:4px 6px;background:#eef1f5;border:1px solid #e0e4e9;color:#526173;border-radius:4px;white-space:nowrap} .v27-workspace-layout .v18-owner{font-size:10px!important} .v27-workspace-layout .v22-delivery{font-size:9.5px!important} .v27-workspace-layout .v15-dept-strip{margin-top:2px!important;padding-top:6px!important} .v27-workspace-layout .v11-column-foot{padding:9px 12px!important} /* Give calendar real emphasis: more spacious date cells and readable event previews. */ .v27-workspace-layout .v27-calendar-cell{min-width:0!important;max-height:100%!important} .v27-workspace-layout .v23-calendar{height:100%!important;background:#fff!important} .v27-workspace-layout .v23-calendar-heading{padding:14px 16px 11px!important} .v27-workspace-layout .v23-calendar-heading h2{font-size:15px!important} .v27-workspace-layout .v23-calendar-heading p{font-size:10.5px!important} .v27-workspace-layout .v23-calendar-toolbar{margin:12px 15px 10px!important} .v27-workspace-layout .v23-calendar-pager strong{font-size:13px!important;min-width:138px!important} .v27-workspace-layout .v23-mode{margin:0 15px 10px!important} .v27-workspace-layout .v23-cal-weekdays{margin:0 15px!important} .v27-workspace-layout .v23-cal-weekdays span{font-size:10.5px!important;padding:7px 0!important} .v27-workspace-layout .v23-cal-month{grid-auto-rows:minmax(47px,1fr)!important;margin:0 15px!important;flex:0 0 auto!important;height:clamp(282px,40vh,366px)!important} .v27-workspace-layout .v23-cal-day{align-items:stretch!important;padding:5px 4px!important;gap:2px!important;text-align:center!important;overflow:hidden!important} .v27-workspace-layout .v23-date-number{font-size:12px!important;line-height:16px!important;align-self:center!important} .v27-workspace-layout .v23-date-indicators{min-height:5px!important} .v27-calendar-task-title{font-size:9px;line-height:1.1;color:#728397;font-weight:650;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;text-align:center;letter-spacing:-.03em} .v27-workspace-layout .v23-day-agenda{margin:13px 15px 0!important} .v27-workspace-layout .v23-day-agenda-title strong{font-size:12px!important} .v27-workspace-layout .v23-day-agenda-list{max-height:none!important;flex:1 1 auto;} .v27-workspace-layout .v23-agenda-item strong{font-size:11.5px!important} .v27-workspace-layout .v23-calendar-tip{display:none!important} .v27-workspace-layout .v23-cal-week-list{margin:0 15px!important} .v27-workspace-layout .v23-cal-week-row{min-height:40px!important} @media (max-width:1150px){ .v11-task-page .v27-workspace-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;} .v27-workspace-layout>.v27-single-board{height:auto!important;max-height:none!important;} .v27-workspace-layout .v27-unified-column{height:auto!important;max-height:none!important;} .v11-task-page .v27-workspace-layout .v27-column-scroll{max-height:460px!important;} .v27-workspace-layout .v23-calendar{height:auto!important;min-height:540px!important} .v27-workspace-layout .v23-cal-month{height:320px!important} .v27-workspace-layout .v23-day-agenda-list{max-height:150px!important;} } @media (max-width:800px){ .v27-workspace-layout>.v27-single-board{display:block!important;height:auto!important;} .v27-workspace-layout .v27-unified-column{display:flex!important;min-height:0!important;} .v27-workspace-layout .v27-column-sub{display:none} .v11-task-page .v27-workspace-layout .v27-column-scroll{max-height:480px!important;} } @media (max-width:480px){ .v11-task-page .v27-workspace-layout .v27-column-scroll{padding:12px 9px!important;max-height:490px!important;} .v27-workspace-layout .v23-cal-month{height:295px!important} .v27-calendar-task-title{font-size:8px} .v27-workspace-layout .v23-calendar-heading{padding:12px!important} .v27-workspace-layout .v23-calendar-toolbar{margin:10px!important} .v27-workspace-layout .v23-mode{margin:0 10px 10px!important} .v27-workspace-layout .v23-cal-weekdays,.v27-workspace-layout .v23-cal-month{margin-left:10px!important;margin-right:10px!important} .v27-workspace-layout .v23-day-agenda{margin-left:10px!important;margin-right:10px!important} } } /* HSIND WORKDESK v28 — condensed, scannable work cards */ @media screen { .v11-task-page .v27-workspace-layout .v27-column-scroll{padding-top:8px!important} .v11-task-page .v27-workspace-layout .v27-unified-column .v28-work-card{ position:relative!important; margin-top:26px!important; margin-bottom:6px!important; padding:7px 10px 6px!important; gap:2px!important; border-radius:7px!important; border:1px solid #d9e0e8!important; box-shadow:0 1px 3px rgba(30,41,54,.045)!important; background:#fff!important; } .v27-workspace-layout .v28-work-card .v15-card-open{display:block!important;position:static!important;width:100%;padding:0!important;margin:0!important;min-height:19px!important} .v27-workspace-layout .v28-work-card .v28-cat-top, .v27-workspace-layout .v28-work-card .v28-delivery-top, .v27-workspace-layout .v28-work-card .v24-card-date-badge { box-sizing:border-box!important;position:static!important;display:inline-flex!important; justify-content:center!important;align-items:center!important;flex:none!important; font-size:9.2px!important;font-weight:720!important;line-height:1!important; min-height:24px!important;height:24px!important; padding:4px 7px!important;margin:0!important; border:1px solid #ccd3dc!important;border-radius:5px 5px 0 0!important; white-space:nowrap!important;box-shadow:0 0 0 rgba(0,0,0,0)!important; filter:none!important; } .v27-workspace-layout .v28-work-card .v28-cat-top{ position:absolute!important;top:-24px!important;left:-1px!important; background:#eef0f3!important;color:#465262!important;border-color:#cbd3dd!important; } .v27-workspace-layout .v28-work-card .v28-right-tabs{position:absolute;top:-24px;right:-1px;display:flex;align-items:stretch;gap:4px;z-index:3} .v27-workspace-layout .v28-work-card .v28-delivery-top{background:#f7f8fa!important;color:#657387!important;border-color:#d6dce4!important} .v27-workspace-layout .v28-work-card .v24-card-date-badge{position:static!important;top:auto!important;right:auto!important;border-bottom:1px solid!important;gap:4px!important;background:#fff0b0!important;color:#71541d!important;border-color:#e1c87d!important} .v27-workspace-layout .v28-work-card .v24-card-date-badge b{font-size:9.3px!important;color:inherit!important;font-weight:750!important} .v27-workspace-layout .v28-work-card .v24-card-date-badge small{font-size:9.3px!important;color:inherit!important;font-weight:770!important} .v27-workspace-layout .v28-work-card .v24-due-overdue{background:#ffe5df!important;color:#a23e32!important;border-color:#ebb6aa!important} .v27-workspace-layout .v28-work-card .v24-due-soon{background:#fff0db!important;color:#a15f28!important;border-color:#e9caa7!important} .v27-workspace-layout .v28-work-card .v24-due-none{background:#f1f3f5!important;color:#717984!important;border-color:#d9dfe6!important} .v27-workspace-layout .v28-work-card .v28-title-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;min-height:22px!important} .v27-workspace-layout .v28-work-card .v28-title-main{display:flex;align-items:center;gap:5px;flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .v27-workspace-layout .v28-work-card .v28-requester{color:#7c8794;font-size:10px;font-weight:690;flex:none;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .v27-workspace-layout .v28-work-card .v28-title-sep{color:#b5bdc7;flex:none} .v27-workspace-layout .v28-work-card .v11-order-title{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px!important;font-weight:770!important;line-height:1.25!important} .v27-workspace-layout .v28-work-card .v12-card-badges{display:flex;gap:3px!important;align-items:center;flex:none;white-space:nowrap} .v27-workspace-layout .v28-work-card .v12-card-badges .status-chip{font-size:9px!important;padding:3px 5px!important} .v27-workspace-layout .v28-work-card .v12-urgent-flag{font-size:9px!important;padding:3px 4px!important} .v27-workspace-layout .v28-work-card .v15-dept-strip{border-top:1px solid #eef0f4!important;margin-top:3px!important;padding-top:4px!important;gap:2px!important;min-height:20px!important} .v27-workspace-layout .v28-work-card .v15-dept-pill{justify-content:center!important;gap:4px!important;min-width:0!important} .v27-workspace-layout .v28-work-card .v13-dept-label{font-size:9px!important;color:#8b94a1!important;font-weight:660!important} .v27-workspace-layout .v28-work-card .v13-dept-status{font-size:9px!important;font-weight:720!important;line-height:1.15!important} .v27-workspace-layout .v28-work-card .v15-dept-select{font-size:9px!important;height:19px!important;line-height:1.1!important;margin:0!important;padding:0!important} .v27-workspace-layout .v28-work-card .v13-state-dot{width:5px!important;min-width:5px!important;height:5px!important} .v27-workspace-layout .v28-work-card:hover{border-color:#b8c4d1!important;background:#fff!important} @media(max-width:650px){ .v27-workspace-layout .v28-work-card .v28-cat-top, .v27-workspace-layout .v28-work-card .v28-delivery-top, .v27-workspace-layout .v28-work-card .v24-card-date-badge{font-size:8.8px!important;padding:4px 5px!important} .v27-workspace-layout .v28-work-card .v28-requester{font-size:9.4px!important;max-width:54px} .v27-workspace-layout .v28-work-card .v11-order-title{font-size:10.8px!important} } @media(max-width:380px){ .v27-workspace-layout .v28-work-card .v28-title-row{gap:3px!important} .v27-workspace-layout .v28-work-card .v28-delivery-top{font-size:8px!important} } .v27-workspace-layout .v28-work-card .v28-summary{display:none!important} .v27-workspace-layout .v28-comfort .v28-work-card .v28-summary{display:block!important;font-size:10px!important;color:#798695!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px} /* Optional concept B: emphasize stages without changing the information architecture. Kept as preview-only design variant; normal operation uses compact concept A. */ .v28-comfort .v28-work-card{padding:11px 11px 10px!important;margin-bottom:9px!important} .v28-comfort .v28-work-card .v15-dept-strip{background:#f7f9fb!important;border:1px solid #e5eaf0!important;border-radius:5px!important;padding:7px 4px!important;margin-top:7px!important} .v28-comfort .v28-work-card .v13-dept-label{font-size:9.5px!important} .v28-comfort .v28-work-card .v13-dept-status{font-size:9.5px!important} } /* HSIND Workdesk v29 — urgency-ordered work-card grid. * Cards auto-flow in reading order: left -> right -> next row. * At wide screens: 3 cards per row. At laptops: 2. At phones: 1. */ @media screen { .v11-task-page .v27-workspace-layout { grid-template-columns: minmax(0, 1.47fr) minmax(370px, 1fr)!important; column-gap: 14px!important; } .v11-task-page .v27-workspace-layout .v29-card-grid { display:grid!important; grid-template-columns:repeat(3, minmax(0,1fr))!important; grid-auto-flow:row!important; align-content:start!important; align-items:stretch!important; gap:34px 9px!important; padding:35px 12px 15px!important; overflow-x:hidden!important; overflow-y:auto!important; } .v11-task-page .v27-workspace-layout .v29-card-grid>.v29-work-card{ position:relative!important; display:flex!important; flex-direction:column!important; gap:0!important; min-width:0!important; height:155px!important; min-height:155px!important; margin:0!important; padding:12px 11px 8px!important; border:1px solid #d8dfe7!important; border-radius:8px!important; background:#fff!important; box-shadow:0 1px 3px rgba(28,42,57,.055)!important; } .v11-task-page .v27-workspace-layout .v29-card-grid>.v29-work-card:hover{ background:#fff!important;border-color:#aebac9!important; box-shadow:0 5px 16px rgba(28,42,57,.095)!important; } .v11-task-page .v27-workspace-layout .v29-card-grid>.v29-work-card[hidden]{display:none!important} .v27-workspace-layout .v29-work-card .v15-card-open{ position:static!important;display:flex!important;flex:1 1 auto!important; flex-direction:column!important;align-items:stretch!important; width:100%!important;min-height:0!important;padding:0!important; margin:0!important;gap:5px!important; } .v27-workspace-layout .v29-work-card .v28-cat-top, .v27-workspace-layout .v29-work-card .v28-delivery-top, .v27-workspace-layout .v29-work-card .v24-card-date-badge { height:25px!important;min-height:25px!important; font-size:9px!important;padding:5px 6px!important; border-radius:5px 5px 0 0!important; } .v27-workspace-layout .v29-work-card .v28-cat-top{top:-25px!important;left:-1px!important} .v27-workspace-layout .v29-work-card .v28-right-tabs{top:-25px!important;right:-1px!important;gap:3px!important} .v27-workspace-layout .v29-work-card .v24-card-date-badge{gap:3px!important;white-space:nowrap!important} .v27-workspace-layout .v29-work-card .v24-card-date-badge b, .v27-workspace-layout .v29-work-card .v24-card-date-badge small{font-size:9px!important} .v27-workspace-layout .v29-work-card .v29-card-title{ display:block!important;min-height:39px!important;max-height:42px!important; margin-top:1px!important;overflow:hidden!important; } .v27-workspace-layout .v29-work-card .v11-order-title{ display:-webkit-box!important;-webkit-box-orient:vertical!important; -webkit-line-clamp:2!important;line-clamp:2!important; white-space:normal!important;overflow:hidden!important; font-size:12px!important;line-height:1.55!important; font-weight:790!important;letter-spacing:-.035em; text-overflow:ellipsis!important; } .v27-workspace-layout .v29-work-card .v29-card-meta{ margin-top:2px!important;display:flex!important;align-items:center!important; justify-content:space-between!important;gap:3px!important;min-width:0!important; min-height:23px!important; } .v27-workspace-layout .v29-work-card .v29-card-requester{ display:flex!important;align-items:center!important;gap:3px!important;min-width:0!important; font-size:10px!important;color:#8290a0!important;white-space:nowrap!important; overflow:hidden!important;text-overflow:ellipsis!important; } .v27-workspace-layout .v29-work-card .v29-card-requester svg{flex:none!important} .v27-workspace-layout .v29-work-card .v12-card-badges{margin-left:auto!important} .v27-workspace-layout .v29-work-card .v15-dept-strip{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:stretch!important;gap:0!important; margin:0!important;padding:8px 0 0!important;border-top:1px solid #edf0f3!important; min-height:42px!important; } .v27-workspace-layout .v29-work-card .v15-dept-pill{ min-width:0!important;display:flex!important;flex-direction:column!important; justify-content:center!important;align-items:center!important;gap:4px!important; padding:0 2px!important; } .v27-workspace-layout .v29-work-card .v15-dept-pill + .v15-dept-pill{border-left:1px solid #edf0f3!important} .v27-workspace-layout .v29-work-card .v13-dept-label{ font-size:9px!important;color:#8c97a5!important;font-weight:700!important; } .v27-workspace-layout .v29-work-card .v13-dept-status{ font-size:9.5px!important;white-space:nowrap!important; } .v27-workspace-layout .v29-work-card .v15-dept-select{ font-size:9.5px!important;min-width:0!important;max-width:100%!important; height:21px!important;text-align:center!important; } .v27-workspace-layout .v29-card-grid>.v13-search-empty, .v27-workspace-layout .v29-card-grid>.v11-column-empty {grid-column:1 / -1!important;} /* Laptop: two comfortable cards per row while keeping the calendar visible. */ @media (max-width:1530px){ .v11-task-page .v27-workspace-layout{grid-template-columns:minmax(0,1.38fr) minmax(360px,1fr)!important} .v11-task-page .v27-workspace-layout .v29-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media (max-width:1150px){ .v11-task-page .v27-workspace-layout{grid-template-columns:minmax(0,1fr)!important;gap:13px!important} .v11-task-page .v27-workspace-layout .v29-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-height:610px!important} .v27-workspace-layout .v27-unified-column{max-height:none!important;height:auto!important} } @media (max-width:800px){ .v11-task-page .v27-workspace-layout .v29-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:610px!important} } @media (max-width:530px){ .v11-task-page .v27-workspace-layout .v29-card-grid{grid-template-columns:minmax(0,1fr)!important;max-height:570px!important;gap:34px 8px!important;padding:35px 11px 13px!important} .v11-task-page .v27-workspace-layout .v29-card-grid>.v29-work-card{height:140px!important;min-height:140px!important;padding:10px 13px 7px!important} .v27-workspace-layout .v29-work-card .v29-card-title{min-height:34px!important;max-height:38px!important} .v27-workspace-layout .v29-work-card .v11-order-title{font-size:12px!important} .v27-workspace-layout .v29-work-card .v15-dept-strip{min-height:37px!important;padding-top:5px!important} } } /* v30 - Main title and optional subtitle, title row aligned with requester. */ @media screen { .v11-task-page .v27-workspace-layout { grid-template-columns:minmax(0,1.22fr) minmax(395px,1fr)!important; } .v11-task-page .v27-workspace-layout .v29-card-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:36px 10px!important; } .v11-task-page .v27-workspace-layout .v29-card-grid>.v30-work-card {height:168px!important;min-height:168px!important;padding:13px 11px 8px!important;} .v27-workspace-layout .v30-work-card .v15-card-open {gap:3px!important;} .v27-workspace-layout .v30-work-card .v30-headline-row {display:flex!important;align-items:baseline!important;gap:6px!important;min-width:0!important;margin-top:3px!important;} .v27-workspace-layout .v30-work-card .v11-order-title.v30-main-title {display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;font-size:12.5px!important;line-height:1.45!important;font-weight:760!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:-.025em!important;} .v27-workspace-layout .v30-work-card .v30-card-requester {flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:3px!important;font-size:10px!important;color:#778599!important;white-space:nowrap!important;max-width:33%!important;overflow:hidden!important;} .v27-workspace-layout .v30-work-card .v30-secondary-row{display:flex!important;min-width:0!important;gap:5px!important;align-items:center!important;justify-content:space-between!important;min-height:22px!important;} .v27-workspace-layout .v30-work-card .v30-subtitle {flex:1 1 auto!important;min-width:0!important;color:#647287!important;font-size:10.5px!important;line-height:1.5!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;} .v27-workspace-layout .v30-work-card .v12-card-badges{flex:0 0 auto!important;align-items:center!important;gap:3px!important;} .v27-workspace-layout .v30-work-card .v15-dept-strip {min-height:39px!important; padding-top:7px!important;} .v30-title-fields{display:grid;grid-template-columns:1fr;gap:7px;margin-bottom:3px} .v30-title-fields .field{margin:0!important;} .v30-title-fields .field-label small{font-size:.82em;color:#7e8a99;font-weight:500} .v30-title-fields input{width:100%} .v30-drawer-titles{display:flex;flex-direction:column;gap:3px;min-width:0} .v30-drawer-subtitle{color:#607086;font-size:12px;margin:0;line-height:1.6;overflow-wrap:anywhere} @media (min-width:1860px){.v11-task-page .v27-workspace-layout .v29-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}} @media (max-width:1150px){.v11-task-page .v27-workspace-layout{grid-template-columns:minmax(0,1fr)!important}.v11-task-page .v27-workspace-layout .v29-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media (max-width:900px){.v11-task-page .v27-workspace-layout .v29-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media (max-width:530px){.v11-task-page .v27-workspace-layout .v29-card-grid{grid-template-columns:minmax(0,1fr)!important;gap:35px 8px!important}.v11-task-page .v27-workspace-layout .v29-card-grid>.v30-work-card{height:163px!important;min-height:163px!important}} } /* v32 — faithful v30 two-column layout, clearer tab/card junction, slightly wider calendar. */ @media screen and (min-width:1151px){ .v11-task-page .v27-workspace-layout{ grid-template-columns:minmax(0,1.15fr) minmax(395px,1fr)!important; } } @media screen { /* Square top corners only: the lower corners retain their soft radius. */ .v11-task-page .v27-workspace-layout .v29-card-grid>.v30-work-card{ border-radius:0 0 8px 8px!important; border-top:1px solid #AEBBCB!important; } /* Tabs themselves remain rounded. Strong separation line against card top. */ .v27-workspace-layout .v30-work-card .v28-cat-top, .v27-workspace-layout .v30-work-card .v28-delivery-top, .v27-workspace-layout .v30-work-card .v24-card-date-badge{ border-radius:6px 6px 0 0!important; border-bottom:1.5px solid #ABB8C7!important; background-clip:padding-box!important; box-shadow:0 1px 0 rgba(40,58,76,.13)!important; } .v27-workspace-layout .v30-work-card .v24-due-overdue{ border-bottom-color:#CB8077!important; } .v27-workspace-layout .v30-work-card .v24-due-soon, .v27-workspace-layout .v30-work-card .v24-due-near, .v27-workspace-layout .v30-work-card .v24-due-normal{ border-bottom-color:#CEB25D!important; } /* Calendar: dot to the left of its related order title, on the same line. */ .v27-workspace-layout .v32-calendar-event{ display:flex!important;align-items:center!important; justify-content:flex-start!important;gap:3px!important; max-width:100%!important;width:100%!important;min-width:0!important; white-space:nowrap!important; } .v27-workspace-layout .v32-calendar-event .v23-date-indicators{ display:inline-flex!important;flex:0 0 auto!important; align-items:center!important;justify-content:flex-start!important; gap:2px!important;min-height:0!important;line-height:1!important; } .v27-workspace-layout .v32-calendar-event .v23-date-indicators i{ width:5px!important;height:5px!important;flex:0 0 5px!important; } .v27-workspace-layout .v32-calendar-event .v27-calendar-task-title{ min-width:0!important;flex:1 1 auto!important;max-width:100%!important; text-align:left!important;display:block!important; overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; } } /* v33 — balanced calendar, quieter card/tab borders, monthly calendar only. */ @media screen and (min-width:1151px){ .v11-task-page .v27-workspace-layout{ grid-template-columns:minmax(0,1.04fr) minmax(410px,1fr)!important; } } @media screen { /* The card stays square on top; its attached tabs remain rounded. */ .v11-task-page .v27-workspace-layout .v29-card-grid>.v30-work-card{ border-top:1px solid #D8DFE7!important; } .v27-workspace-layout .v30-work-card .v28-cat-top, .v27-workspace-layout .v30-work-card .v28-delivery-top, .v27-workspace-layout .v30-work-card .v24-card-date-badge{ border-bottom:1px solid #D8DFE7!important; box-shadow:none!important; } .v27-workspace-layout .v30-work-card .v24-due-overdue, .v27-workspace-layout .v30-work-card .v24-due-soon, .v27-workspace-layout .v30-work-card .v24-due-near, .v27-workspace-layout .v30-work-card .v24-due-normal{ border-bottom-color:#D8DFE7!important; } /* Removed toggle and explanatory line; gain usable calendar height. */ .v23-calendar-heading p,.v23-mode,.v7-mode-switch{display:none!important} .v27-workspace-layout .v23-cal-month{ height:clamp(300px,43vh,388px)!important; } } /* v35 — v33 layout and dot-style controls unchanged; status COLORS only. Waiting / invoice unissued = muted red In progress = green, done / issued = blue On hold = amber, urgent = deep red. Admin intermediate status follows the in-progress teal tone where present. */ @media screen { .status-chip.status-waiting,.v7-status.v7-status-waiting, .v14-state-waiting {background:#FDE9ED!important;color:#B72542!important;border-color:#F2C8D2!important} .status-chip.status-doing,.v7-status.v7-status-doing, .v14-state-doing {background:#E2F5E9!important;color:#147548!important;border-color:#BDE6CD!important} .status-chip.status-done,.v7-status.v7-status-done, .v14-state-done {background:#E5F0FF!important;color:#235FAE!important;border-color:#C6DBF7!important} .status-chip.status-hold,.v7-status.v7-status-hold, .v14-state-hold {background:#FFF2D8!important;color:#A3650B!important;border-color:#F4DDA6!important} .status-chip.status-urgent,.v7-status.v7-status-urgent, .v12-urgent-flag,.v14-urgent-indicator {background:#B5263D!important;color:#FFF!important;border-color:#9C2034!important} /* Keep the ORIGINAL v33 tiny colored dots and inline text—not v34's box labels. */ .v13-state-waiting .v13-dept-status, .v15-dept-select.v15-state-waiting {color:#B72542!important} .v13-state-doing .v13-dept-status, .v15-dept-select.v15-state-doing {color:#147548!important} .v13-state-hold .v13-dept-status, .v15-dept-select.v15-state-hold {color:#A3650B!important} .v13-state-done .v13-dept-status, .v15-dept-select.v15-state-done {color:#235FAE!important} .v13-state-waiting .v13-state-dot {background:#D54B63!important} .v13-state-doing .v13-state-dot {background:#24A167!important} .v13-state-hold .v13-state-dot {background:#D9972B!important} .v13-state-done .v13-state-dot {background:#3B82D6!important} .v14-team-dot.state-waiting {background:#D54B63!important} .v14-team-dot.state-doing {background:#24A167!important} .v14-team-dot.state-hold {background:#D9972B!important} .v14-team-dot.state-done {background:#3B82D6!important} /* Match filter dots and selected pills with the exact same mapping. */ .v11-task-page .v22-filter-waiting {--v22-tone:#B72542;--v22-bg:#FDE9ED;--v22-edge:#F2C8D2} .v11-task-page .v22-filter-doing {--v22-tone:#147548;--v22-bg:#E2F5E9;--v22-edge:#BDE6CD} .v11-task-page .v22-filter-hold {--v22-tone:#A3650B;--v22-bg:#FFF2D8;--v22-edge:#F4DDA6} .v11-task-page .v22-filter-done {--v22-tone:#235FAE;--v22-bg:#E5F0FF;--v22-edge:#C6DBF7} .v11-task-page .v22-filter-urgent {--v22-tone:#B5263D;--v22-bg:#F8E2E7;--v22-edge:#E8B7C1} /* Special admin intermediate value is 'doing' in v33; visually teal. */ .v14-team-admin .v14-state-select.v14-state-doing, .v14-team-admin .v14-state-readonly.v14-state-doing {color:#137E79!important} .v14-team-admin .v14-team-dot.state-doing{background:#269C91!important} } /* Production authentication gate. Existing v35 layout is left untouched. */ .wd-auth-gate{min-height:100vh;background:#f6f8fa;display:flex;align-items:center;justify-content:center;padding:24px;font-family:Arial,'Malgun Gothic',sans-serif} .wd-auth-gate[hidden],.app-shell[hidden]{display:none!important} .wd-auth-box{width:min(100%,410px);background:#fff;border:1px solid #e2e6ec;border-radius:15px;box-shadow:0 15px 50px #19304e12;padding:36px} .wd-auth-box img{width:164px;max-height:48px;object-fit:contain;object-position:left center} .wd-auth-box h1{font-size:22px;margin:14px 0 7px;letter-spacing:.02em} .wd-auth-box p{font-size:13px;line-height:1.7;color:#657184} .wd-auth-box label{display:block;font-size:12px;font-weight:700;color:#4e5665;margin:14px 0} .wd-auth-box input{display:block;width:100%;height:44px;margin-top:6px;border:1px solid #cfd6df;border-radius:8px;padding:0 12px;background:#fff;color:#26374e;font-size:14px} .wd-auth-box form button{width:100%;border:0;border-radius:8px;padding:11px 12px;font-size:13px;font-weight:700;background:#c71735;color:#fff;cursor:pointer} .wd-auth-box form button.wd-link-btn{margin-top:10px;background:#f4f5f7;color:#3d4555;border:1px solid #dce1e7} .wd-auth-note{font-size:11px!important;color:#909aa8!important} .wd-sync-status{position:fixed;bottom:15px;right:15px;z-index:900;background:#fff;border:1px solid #d8e0e8;box-shadow:0 3px 15px #00000010;padding:6px 10px;border-radius:8px;font:12px Arial,'Malgun Gothic',sans-serif;color:#546478} .wd-sync-status[data-state="error"]{border-color:#dc5d66;color:#ac2638} #wdSwitchAccount{width:100%;border:1px solid #d8e0e8;background:#fff;color:#4e6073;padding:10px;border-radius:7px;cursor:pointer} #wdSwitchAccount[hidden]{display:none} /* v37 — operating UI refinement; no server schema changes. */ @media screen { .v11-task-page .v27-workspace-layout .v29-card-grid > .v30-work-card.wd-click-card { height: 218px !important; min-height: 218px !important; border: 1px solid #d3dae3 !important; border-top-color: #d3dae3 !important; box-shadow: 0 1px 5px rgba(32,47,70,.08) !important; cursor: pointer !important; transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease !important; padding: 13px 12px 11px !important; } .v11-task-page .v27-workspace-layout .v29-card-grid > .v30-work-card.wd-click-card:hover, .v11-task-page .v27-workspace-layout .v29-card-grid > .v30-work-card.wd-click-card:focus-visible { transform: translateY(-4px) !important; background: #fffdfd !important; border-color: #b72942 !important; box-shadow: 0 12px 30px rgba(91,36,48,.20), 0 0 0 2px rgba(189,34,61,.09) !important; } .v11-task-page .v27-workspace-layout .v29-card-grid > .v30-work-card.wd-click-card:active {transform:translateY(-1px)!important} .v27-workspace-layout .v30-work-card.wd-click-card .v15-card-open {cursor:pointer!important; flex:0 0 auto!important; text-align:left!important;} .v27-workspace-layout .v30-work-card.wd-click-card .v11-order-title.v30-main-title {font-size:14px!important;line-height:1.55!important} .v27-workspace-layout .v30-work-card.wd-click-card .v30-card-requester {font-size:11.5px!important;max-width:32%!important} .v27-workspace-layout .v30-work-card.wd-click-card .v30-subtitle {font-size:12px!important} .v27-workspace-layout .v30-work-card.wd-click-card .status-chip {font-size:11px!important} .v27-workspace-layout .v30-work-card.wd-click-card .v13-dept-label {font-size:11px!important} .v27-workspace-layout .v30-work-card.wd-click-card .v13-dept-status {font-size:11px!important;white-space:nowrap} .v27-workspace-layout .v30-work-card.wd-click-card .v28-cat-top, .v27-workspace-layout .v30-work-card.wd-click-card .v28-delivery-top, .v27-workspace-layout .v30-work-card.wd-click-card .v24-card-date-badge, .v27-workspace-layout .v30-work-card.wd-click-card .v24-card-date-badge b, .v27-workspace-layout .v30-work-card.wd-click-card .v24-card-date-badge small {font-size:10.5px!important} .v27-workspace-layout .v30-work-card.wd-click-card .v15-dept-strip { margin-top:auto!important;min-height:39px!important;padding-top:5px!important;flex-wrap:nowrap!important; } .wd-card-part-strip .v15-dept-pill {min-width:0!important;flex:1 1 auto!important;pointer-events:none} .wd-card-preview { font-size:12px!important;line-height:1.5!important;color:#667487!important; overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical; white-space:normal!important;overflow-wrap:anywhere;min-height:0; background:#f8fafc;border:1px solid #edf0f4;border-radius:6px;padding:5px 7px;margin:7px 0 3px; } /* Centered task details; edit/delete belong beside Print. */ .drawer-overlay {justify-content:center!important;align-items:center!important;padding:22px!important;background:rgba(16,29,48,.56)!important;} .drawer-overlay>.drawer.v14-drawer {width:min(820px,100%)!important;height:auto!important;max-height:calc(100vh - 44px)!important;overflow-y:auto!important;border-radius:14px!important;box-shadow:0 25px 70px rgba(14,27,46,.28)!important;} .drawer-overlay .v11-drawer-head{position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid #e7ebf1;padding:14px 21px!important;gap:10px} .drawer-overlay .v11-drawer-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end} .drawer-overlay .v11-drawer-actions .btn{font-size:12px!important;white-space:nowrap;padding:0 10px!important;min-height:34px!important} .drawer-overlay .v14-drawer-body{padding:16px 25px 24px!important} .drawer-overlay .v14-task-heading{margin-bottom:6px!important} .drawer-overlay .v14-detail-section{margin-top:13px!important;padding-top:12px!important} .wd-no-assignees{font-size:12px;color:#8a96a9;padding:14px} .wd-settings-panel {max-width:730px;background:#fff;border:1px solid #dfe5ed;border-radius:12px;padding:24px;box-shadow:0 1px 5px rgba(20,30,45,.04)} .wd-settings-intro h2{font-size:16px;margin:0 0 6px;color:#263448} .wd-settings-intro p{font-size:12px;color:#6c7a8d;margin:0 0 24px} .wd-settings-form{display:flex;flex-direction:column;gap:16px;max-width:420px} .wd-settings-form label{font-size:12px;color:#4c596b;font-weight:700} .wd-settings-form input{display:block;margin-top:7px;width:100%;padding:12px;border-radius:8px;border:1px solid #cdd6e0;outline-offset:2px;font-size:14px;background:white;color:#263448} .wd-settings-form button{align-self:flex-start;min-height:37px} .wd-settings-form p{font-size:12px;color:#64738b;line-height:1.6} } @media screen and (max-width:900px){ .v11-task-page .v27-workspace-layout .v29-card-grid > .v30-work-card.wd-click-card{height:207px!important;min-height:207px!important} } @media screen and (max-width:530px){ .v11-task-page .v27-workspace-layout .v29-card-grid > .v30-work-card.wd-click-card{height:210px!important;min-height:210px!important} .v27-workspace-layout .v30-work-card.wd-click-card .v11-order-title.v30-main-title{font-size:13.5px!important} .drawer-overlay{padding:8px!important;align-items:center!important} .drawer-overlay>.drawer.v14-drawer{max-height:calc(100vh - 16px)!important} .drawer-overlay .v11-drawer-head{padding:10px 12px!important} .drawer-overlay .v11-drawer-actions .btn{font-size:11px!important;padding:0 7px!important;min-height:30px!important} .drawer-overlay .v14-drawer-body{padding:11px 15px 18px!important} .wd-settings-panel{padding:15px} } @media (prefers-reduced-motion:reduce){ .wd-click-card{transition:none!important;transform:none!important} } /* v38: matched work-card and monthly-calendar headers; no other layout or data changes. */ @media screen { .v11-task-page .v27-workspace-layout .v27-column-header, .v11-task-page .v27-workspace-layout .v23-calendar-heading { box-sizing: border-box !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; padding: 0 15px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-top: 0 !important; border-bottom: 1px solid #dfe4e9 !important; box-shadow: none !important; } .v11-task-page .v27-workspace-layout .v27-column-header .v11-column-name h2, .v11-task-page .v27-workspace-layout .v23-calendar-heading h2 { font-size: 15px !important; font-weight: 760 !important; line-height: 1.3 !important; letter-spacing: -.02em !important; margin: 0 !important; } .v11-task-page .v27-workspace-layout .v27-column-header .v11-column-name, .v11-task-page .v27-workspace-layout .v23-calendar-heading h2 { display: flex !important; align-items: center !important; gap: 8px !important; } .v11-task-page .v27-workspace-layout .v27-column-header .v11-column-name svg, .v11-task-page .v27-workspace-layout .v23-calendar-heading h2 svg { width: 16px !important; height: 16px !important; } } @media screen and (max-width:530px) { .v11-task-page .v27-workspace-layout .v27-column-header, .v11-task-page .v27-workspace-layout .v23-calendar-heading { height: 51px !important; min-height: 51px !important; max-height: 51px !important; padding: 0 12px !important; } .v11-task-page .v27-workspace-layout .v27-column-header .v11-column-name h2, .v11-task-page .v27-workspace-layout .v23-calendar-heading h2 { font-size: 14.5px !important; } } /* v39 - Workspace login title and optional ID/session preferences */ .wd-auth-box .wd-login-preferences{ display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap; gap:7px 15px;margin:13px 0 2px; } .wd-auth-box .wd-login-preferences .wd-login-check{ display:inline-flex;align-items:center;gap:7px;margin:0;white-space:nowrap; font-size:12px;font-weight:600;color:#465269;cursor:pointer; } .wd-auth-box .wd-login-preferences .wd-login-check input{ width:15px;height:15px;min-width:15px;padding:0;margin:0;accent-color:#c71735;cursor:pointer; } .wd-auth-box .wd-login-pref-note{ margin:6px 0 14px;font-size:11px;line-height:1.6;color:#8894a5; } .wd-auth-box form>button[type=submit]{margin-top:0} @media(max-width:395px){ .wd-auth-box{padding:24px} .wd-auth-box .wd-login-preferences{align-items:flex-start;gap:9px 12px} }