:root{font-family:"Microsoft JhengHei","Noto Sans TC",Arial,sans-serif;color:#273343;font-size:13px;background:#e7eaef;--navy:#173665;--border:#b7bec9;--green:#e1f2de;--yellow:#fffbd3;--teal:#d0e6e7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid #3374bf;outline-offset:2px}input:focus,select:focus,textarea:focus{outline:2px solid #6c9ad1;outline-offset:-1px;background:#fff}button{color:inherit}.app-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;background:#fff;border-bottom:1px solid #ccd3de}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:29px;height:29px;background:#76933b;color:white;font-size:28px;font-weight:800;line-height:24px;text-align:center;border-radius:3px}.brand>b{font-size:27px;letter-spacing:-1px;color:#183763}.brand-caption{font-size:14px;color:#566376;margin-left:5px}.web-tag{font-size:9px;letter-spacing:1px;color:#738295;border:1px solid #ccd4df;padding:2px 4px;margin-left:3px}.header-right{display:flex;align-items:center;gap:20px;color:#5e6878;font-size:12px}.header-right button{border:0;background:none;padding:5px}.header-right button span{font-size:10px;background:#f1f3f6;padding:2px 4px;margin-left:4px}.header-divider{height:17px;border-left:1px solid #ddd}.menubar{height:32px;padding:0 15px;display:flex;align-items:center;border-bottom:1px solid #bbc3cf;background:linear-gradient(#fbfbfd,#eaedf2);gap:3px}.menubar button{border:0;background:none;padding:6px 13px;font-size:12px}.menubar button:hover{background:#d8e3f2}.menu-date{margin-left:auto;font-size:11px;color:#6f7c8e}.workspace{display:flex;min-height:calc(100vh - 118px)}.sidebar{width:205px;flex-shrink:0;background:#f6f7fa;border-right:1px solid #bdc6d3;display:flex;flex-direction:column}.sidebar-title{display:flex;justify-content:space-between;align-items:center;font-weight:700;padding:13px 15px;color:#35445b;font-size:12px}.sidebar-title button{border:0;background:none;font-size:18px;color:#8691a0}.sidebar-search{display:flex;align-items:center;background:white;border:1px solid #d6dce6;margin:0 12px 15px;padding:5px 8px;gap:6px;color:#909ba9;border-radius:3px}.sidebar-search input{width:100%;border:0;min-width:0;font-size:11px;outline:none}.sidebar-search kbd{font-size:10px;border:1px solid #e4e7ee;color:#9ba4b0;padding:0 3px}.nav-section{padding:11px 16px 6px;color:#8893a1;font-size:10px;font-weight:700;letter-spacing:1px}.nav-item{display:flex;align-items:center;gap:9px;padding:11px 16px;border:0;border-left:3px solid transparent;background:none;width:100%;text-align:left;font-size:12px}.nav-icon{font-size:16px;color:#7e8ea4}.nav-item.active{color:#1c477e;background:#e5edf8;border-left-color:#3d6caa;font-weight:700}.nav-item.active .nav-icon{color:#386ab0}.nav-item:hover{background:#eaf0f7}.nav-item.pending{color:#8490a0}.pending-tag{margin-left:auto;font-size:9px;color:#929cab;background:#eaedf2;padding:1px 3px;white-space:nowrap}.sidebar-bottom{margin-top:auto;padding:22px 16px;border-top:1px solid #e1e5eb;color:#8390a1;font-size:11px}.sidebar-bottom b{font-size:11px;font-weight:500;color:#5a697b}.sidebar-bottom p{margin:8px 0 15px}.sidebar-bottom a{color:#527297;text-decoration:none;font-size:10px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#648658;margin-right:6px;vertical-align:middle}.dot.amber{background:#b38b35}main{min-width:0;flex:1;padding:0 20px 20px}.work-tabs{display:flex;height:38px;margin:0 -20px;padding-left:13px;align-items:end;background:#dde3ec;border-bottom:1px solid #bfc8d5}.work-tabs>button{height:30px;border:1px solid transparent;border-bottom:0;font-size:12px;padding:0 20px;background:none;color:#748196}.work-tabs>button.active{border-color:#bfc8d5;color:#1e477d;background:#e7eaef;font-weight:700;box-shadow:inset 0 2px #527aa8}.work-tabs-fill{flex:1}.work-tabs #show-nav{font-size:16px;padding:0 12px}.location{display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px;font-size:11px;color:#76859a}#mode-label{font-size:10px;color:#897546}.demo-notice{display:flex;align-items:center;gap:8px;color:#7c704f;border:1px solid #ded6c0;background:#faf8ef;padding:8px 10px;font-size:11px;margin-bottom:13px}.demo-notice button{margin-left:auto;border:0;background:none;color:#8b753d;white-space:nowrap;font-size:10px}.erp-window{border:1px solid #9ba6b6;box-shadow:0 2px 4px #132c4714;background:#f6f4f7;min-width:720px}.window-title{height:26px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#153367,#244981);color:#fff;padding:0 7px;font-size:12px}.window-title>span:first-child{display:flex;align-items:center;gap:7px}.b2-badge{background:#638d2d;border:1px solid #adc484;color:#fff;padding:0 3px;font-size:11px;line-height:15px}.window-title b{font-size:12px}.window-title #record-count{font-size:10px;color:#d7e3f4}.window-controls{font-size:10px;color:#cdd6e5}.toolbar{min-height:64px;background:linear-gradient(#f9f9f8,#e7e8e7);border-bottom:1px solid #b3b6bd;display:flex;align-items:center;padding:5px 6px;gap:1px}.tool{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:39px;padding:5px 5px;border:1px solid transparent;background:none;font-size:11px}.tool:hover:not(:disabled){border-color:#a8bad1;background:#e4edf8}.tool svg{width:19px;height:19px;stroke-width:1.4}.tool-separator{height:32px;border-left:1px solid #c4c7c7;margin:0 4px}.tool.save:not(:disabled){background:#e5eee0;border-color:#bdcdb0}.quick-search{margin-left:auto;max-width:165px;padding:0 5px}.quick-search label{display:block;color:#5c6570;font-size:10px;text-align:center;margin-bottom:4px}.quick-search input{width:100%;height:24px;border:1px solid #a3a8b0;background:#ffffe8;padding:3px 6px;font-size:11px}.form-area{padding:11px 15px 10px}.form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 19px;margin-bottom:7px}.form-row.four{grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:flex;align-items:center;min-width:0;gap:6px}.field>label{min-width:65px;text-align:right;white-space:nowrap;color:#414653;font-size:12px}.field>input,.field>select,.field>textarea,.field>.lookup{flex:1;min-width:0}.field input,.field select,.field textarea{height:25px;border:1px solid #aeb1b9;border-top-color:#90969f;background:#fff;padding:2px 5px;border-radius:0;color:#313943;box-shadow:inset 1px 1px 1px #152a4610;font-size:12px;width:100%}.field input:disabled,.field select:disabled,.field textarea:disabled{color:#384150;background:#f4f3f5;opacity:1}.field input.identity{background:var(--yellow)}.field .lookup{display:flex;align-items:center;gap:4px}.field .lookup input{width:65px;background:var(--green);flex:1;min-width:0}.lookup button{width:23px;height:23px;border:1px solid #b0b5bf;background:linear-gradient(#fff,#e8ebef);padding:0;line-height:18px;color:#304e78;flex-shrink:0}.lookup .lookup-name{background:#f4f3f5;border-bottom:1px solid #d5d5da;padding:3px 5px;min-width:40px;font-size:11px;white-space:nowrap}.field.wide{grid-column:span 2}.field.full{grid-column:1/-1}.field textarea{height:46px;resize:vertical}.record-tabs{display:flex;gap:2px;border-bottom:1px solid #aab0bb;padding:0 8px;margin-top:4px;background:#e8e5eb}.record-tabs button{padding:5px 10px;border:1px solid #aeb4b9;border-bottom:0;background:#d0d6ee;color:#344466;font-size:12px;position:relative;top:1px}.record-tabs button:first-child{background:#dbedcc;color:#355c36}.record-tabs button:nth-child(2){background:#cbe8e9;color:#35646c}.record-tabs button:nth-child(3){background:#d4d9ed;color:#454e7d}.record-tabs button.active{font-weight:700;border-top:2px solid #587b9c;background:#f6f4f7;border-bottom:1px solid #f6f4f7}.order-main{display:flex;gap:16px}.order-form{flex:1}.document-status{width:74px;align-self:center;text-align:center}.stamp{display:inline-block;color:#a05b3e;border:2px solid #b78065;border-radius:4px;writing-mode:vertical-rl;padding:7px 3px;font-size:14px;font-weight:700;letter-spacing:4px;transform:rotate(-5deg);opacity:.8}.stamp.closed{color:#727989;border-color:#8d98aa}.document-status small{display:block;margin-top:10px;color:#8b929d;font-size:9px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#edeef1;border-top:1px solid #b8bec7;color:#6a7688;font-size:10px}.small-btn{padding:3px 9px;background:linear-gradient(#fff,#e4e7eb);border:1px solid #aeb8c5;font-size:11px}.table-scroll{overflow:auto;min-height:236px;background:#fbfafc;border-top:1px solid #adb5c0;border-bottom:1px solid #adb5c0}table{border-collapse:collapse;width:100%;font-size:12px}th{font-weight:400;background:linear-gradient(#d4e5e7,#b7d2d5);color:#2c5059;text-align:left;padding:6px 8px;border-right:1px solid #a4bec2;border-bottom:1px solid #8caaaf;white-space:nowrap;position:sticky;top:0}td{padding:6px 8px;border-right:1px solid #dddde3;border-bottom:1px solid #e2e2e7;white-space:nowrap;color:#444c59}tbody tr:nth-child(even){background:#f1f1f6}tbody tr.selected{background:#e3efce}tbody tr:hover{background:#e6edf5}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td input{width:80px;height:23px;border:1px solid #b9bfca;font:inherit;background:#fff;padding:2px 4px}td input[type=date]{width:115px}td .cell-remove{padding:0 5px;background:none;border:0;color:#9b5b5b}.empty-grid{padding:55px 20px;text-align:center;color:#8f99a8}.totals-area{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:12px 20px 14px;background:#efedf1}.total-left{max-width:55%;flex:1}.total-left .field{margin:5px 0}.total-left .field label{font-size:11px}.total-left input:disabled{background:#fbfafc}.totals-grid{display:grid;grid-template-columns:72px 115px 72px 115px;gap:5px 8px;text-align:right;align-items:center;font-size:11px;color:#555d6b}.total-value{border:1px solid #b9bac5;background:#f9f9fb;padding:4px 7px;font-size:12px;color:#404b5d;font-variant-numeric:tabular-nums}.grand{font-weight:700;color:#214875}.record-footer{padding:6px 10px;border-top:1px solid #a9b3c1;background:#e2e6ec;color:#617084;display:flex;gap:20px;font-size:10px}.record-footer #save-status{margin-left:auto}.keyboard-hints{padding:12px 1px;display:flex;gap:18px;color:#8892a0;font-size:10px}.keyboard-hints>span:last-child{margin-left:auto}kbd{font-family:inherit;font-size:9px;border:1px solid #c4cbd5;padding:1px 4px;background:#f4f5f7;color:#69788c;box-shadow:0 1px #c4cbd5}.statusbar{height:28px;display:flex;align-items:center;padding:0 13px;border-top:1px solid #b6c0ce;background:#edf0f4;font-size:10px;color:#718099;gap:24px}.statusbar>span:first-child{flex:1}.customer-body{min-height:318px;padding:17px 15px}.customer-body fieldset{border:1px solid #c1c4ce;padding:12px;margin:12px 0}.customer-body legend{font-size:11px;color:#607084}.customer-body input[type=checkbox]{width:auto;height:auto;box-shadow:none}.browse-top{display:flex;justify-content:space-between;gap:10px;padding:12px;background:#f2f2f5;align-items:center;color:#748297;font-size:11px}.browse-top input{height:28px;border:1px solid #aeb7c5;padding:4px 8px;width:260px}.clickable{cursor:pointer}.tag{display:inline-block;padding:2px 6px;background:#edf0e8;color:#637545;font-size:10px;border:1px solid #d4decb}.tag.closed{background:#eceef2;border-color:#d4d9e3;color:#7d8796}.section-note{color:#86909e;font-size:11px;padding:12px 0}.pending-panel{text-align:center;padding:45px 20px;color:#69798f}.pending-panel h3{font-size:16px;font-weight:500}.pending-panel p{line-height:1.8}.modal-header{display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;padding:9px 13px;font-weight:700;font-size:13px}.modal-header button{background:none;border:0;color:white;font-size:18px;line-height:16px}.modal-body{padding:18px}.modal-body p{line-height:1.8;margin:0 0 12px;color:#66768b;font-size:12px}.modal-footer{display:flex;justify-content:end;gap:8px;padding:10px 15px;background:#e9ecf1;border-top:1px solid #c4cbd6}.modal-footer button{border:1px solid #acb6c5;background:linear-gradient(white,#e7ebf1);padding:5px 17px;font-size:12px}.modal-footer button.primary{color:#fff;border-color:#315484;background:#315b8d}.modal-body .field{margin-bottom:12px}.modal-body .field>label{min-width:83px}.modal-body input{height:29px}.modal-body .connection-choice{display:flex;gap:15px;padding-bottom:15px;font-size:12px}.connection-choice label{display:flex;align-items:center;gap:6px}.modal-body code{font-size:11px;color:#45658b}.help-grid{display:grid;grid-template-columns:80px 1fr;gap:12px;color:#50637c;font-size:12px}.modal-error{color:#ac4a40;font-size:12px;min-height:18px;padding-top:8px}dialog{padding:0;border:1px solid #657b99;box-shadow:0 12px 50px #10264745;max-width:calc(100vw - 30px);width:640px;background:#f6f5f8;color:#34455c}dialog::backdrop{background:#172a4255}.lookup-table{max-height:340px;min-height:150px}.lookup-table tr{cursor:pointer}.lookup-table tr:focus{outline:2px solid #6190bf;outline-offset:-2px}.lookup-table tr.selected{background:#daeac6}.lookup-filter{display:flex;gap:9px;margin-bottom:12px}.lookup-filter input{width:100%;border:1px solid #a6b3c5;height:30px;padding:5px 8px}#toast{position:fixed;bottom:43px;left:50%;transform:translate(-50%,10px);background:#263e5c;color:white;box-shadow:0 4px 12px #0002;padding:10px 20px;border-radius:3px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:5}#toast.show{opacity:1;transform:translate(-50%,0)}.nav-hidden .sidebar{display:none}.readonly-note{padding:7px 10px;background:#eef0f6;color:#7c8796;font-size:10px;border-bottom:1px solid #cbd2dd}@media(min-width:1500px){main{padding-right:35px;padding-left:35px}.work-tabs{margin-left:-35px;margin-right:-35px}.form-area{padding:14px 24px}.customer-body{padding:20px 24px}.table-scroll{min-height:290px}.field input,.field select{height:27px}.form-row{margin-bottom:9px}.toolbar{min-height:69px}.tool{min-width:44px}}@media(max-width:1150px){.sidebar{width:180px}.brand-caption{font-size:12px}.toolbar .tool{min-width:34px;padding-left:3px;padding-right:3px}.toolbar .quick-search{max-width:115px}.form-row{gap:7px 10px}.field>label{min-width:60px;font-size:11px}.totals-grid{grid-template-columns:60px 95px 60px 95px}.keyboard-hints{gap:10px}.keyboard-hints>span:last-child{display:none}}@media(max-width:900px){.sidebar{display:none}main{overflow:auto;padding-left:12px;padding-right:12px}.work-tabs{margin-left:-12px;margin-right:-12px}.brand-caption,.header-right>span,.menu-date{display:none}.header-right{gap:6px}.app-header{padding:0 12px}.menubar{overflow:auto;white-space:nowrap;padding:0}.menubar button{padding:6px 10px}.location,.demo-notice{min-width:720px}.erp-window{min-width:790px}.keyboard-hints{min-width:720px}.statusbar{gap:10px}.statusbar>span:last-child{display:none}.nav-hidden .sidebar{display:flex;position:fixed;top:90px;bottom:28px;z-index:4;box-shadow:4px 0 16px #0002}}@media print{.app-header,.menubar,.sidebar,.work-tabs,.location,.demo-notice,.toolbar,.keyboard-hints,.statusbar,.table-toolbar,.record-footer{display:none!important}body,main,.workspace{background:white;display:block;padding:0}.erp-window{box-shadow:none;border:1px solid #aaa;min-width:0}.table-scroll{overflow:visible;min-height:0}.window-title{color:#000;background:none}button.cell-remove{display:none}.field input,.field select,.field textarea{border:0!important;background:none!important;color:#000}td,th{font-size:10px}.totals-area{background:none}.record-tabs{background:none}.record-tabs button:not(.active){display:none}}
.sidebar{max-height:calc(100vh - 90px);overflow-y:auto;position:sticky;top:0}.module-group{flex-shrink:0}.module-group .nav-item{width:100%;text-align:left}.screen-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 20px}.screen-fields .field{min-width:0}.screen-fields .field>label{min-width:105px;max-width:145px;white-space:normal}.screen-fields input{min-width:0}.screen-record-key{font-weight:700;padding:0 0 13px;color:#173665}.screen-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 15px;background:#eff1f5;border-top:1px solid #bbc4cf}.screen-pager>span{margin-right:auto}.screen-pager button{border:1px solid #aeb8c7;background:#fff;padding:4px 12px}.screen-error{padding:22px;color:#8a3434;background:#fff1ef}.screen-error button{margin-left:14px}.screen-grid{max-height:440px;min-height:220px}.screen-grid th{position:sticky;top:0;background:var(--teal);z-index:1}.screen-record{min-height:250px}.browse-top label{white-space:nowrap}.sidebar-bottom{flex-shrink:0}@media(max-width:1150px){.screen-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.screen-pager,#screen-filter,.readonly-note{display:none!important}.screen-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-grid{max-height:none;overflow:visible}.screen-record-key{color:#000}}
[hidden]{display:none!important}
.menubar{overflow:visible;position:relative;z-index:20;gap:0;padding:0 6px}.menu-root{position:relative;flex-shrink:0}.category-button[aria-expanded=true]{background:#d3d1ca;box-shadow:inset 1px 1px #fff,inset -1px -1px #7e7e7e}.operation-menu{position:absolute;left:0;top:100%;min-width:230px;padding:3px;background:#d5d3cc;color:#111;border:1px solid #777;box-shadow:inset 1px 1px #fff,2px 3px 4px #0003;max-height:calc(100vh - 130px);overflow:visible}.menubar .operation-item{display:block;width:100%;margin:0;border:0;border-radius:0;background:transparent;text-align:left;white-space:nowrap;font-size:13px;padding:5px 24px 5px 20px;line-height:1.35;color:#111}.menubar .operation-item:hover,.menubar .operation-item:focus,.menubar .operation-item.active{background:#082b70;color:white;outline:none}.menu-rule{height:2px;margin:5px 2px;border-top:1px solid #888;border-bottom:1px solid white}.submenu-trigger::after{content:'▸';position:absolute;right:10px}.operation-submenu{left:100%;top:0;min-width:245px;z-index:1}.operation-submenu.opens-left{left:auto;right:100%}.workspace>main{width:100%}#operation-search{width:min(540px,92vw);padding:0;border:1px solid #738196;box-shadow:0 8px 30px #0004}#operation-search::backdrop{background:#172c4b55}#nav-search{width:100%;padding:8px;border:1px solid #aeb8c7}.operation-results{margin-top:12px;max-height:55vh;overflow:auto}.operation-result{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-bottom:1px solid #d9dde4;background:#f3f4f7}.operation-result:hover,.operation-result:focus{background:#082b70;color:white}.work-tabs #show-nav{font-size:16px}@media(max-width:1150px){.menubar .category-button{padding:6px 8px}}@media(max-width:900px){.menubar{height:auto;min-height:32px;flex-wrap:wrap;overflow:visible;white-space:normal}.operation-menu{max-width:calc(100vw - 12px);min-width:205px}.operation-submenu{min-width:205px}.menubar .operation-item{font-size:12px}.menu-date{display:none}}@media print{#operation-search{display:none!important}}
:root{--sign-in-width:400px}
.identity-grid{max-height:65vh}.identity-grid input{min-width:240px;padding:5px;border:1px solid #aeb8c7}.identity-grid td{padding:7px 8px}.identity-grid th{position:sticky;top:0;background:var(--teal)}.identity-object{font-size:11px}.identity-grid button{white-space:nowrap;margin-right:5px}
.company-sign-in{padding:22px}.company-sign-in p{line-height:1.7}
.inventory-header{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px}.inventory-header .field>label{min-width:65px;width:75px}.inventory-header .identity{background:#ffffc5}.inventory-header .inventory-lookup{background:#c4f2bc}.inventory-header .inventory-wide{grid-column:1/-1}.inventory-name{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-record{min-height:0!important}.inventory-lines .screen-grid{min-height:220px}.inventory-totals{display:flex;flex-wrap:wrap;gap:12px 28px;padding:14px;border-top:2px solid #bbc4cf;background:#f6f3f8}.inventory-totals b{display:inline-block;padding:3px 8px;background:white;border:1px inset #ccc;min-width:80px;text-align:right}.cost-wizard{display:grid;grid-template-columns:210px 1fr;min-height:440px;background:#f6f6f6}.cost-wizard nav{display:flex;flex-direction:column;align-items:center;border-right:1px solid #aaa;padding:14px 8px}.cost-wizard nav button{background:transparent;border:2px solid transparent;padding:9px 12px;width:100%;color:#555}.cost-wizard nav button[aria-current=step]{border-color:#08a65a;color:#222;background:#eee}.cost-wizard nav span{color:#169fba;padding:5px}.cost-body{padding:24px}.cost-body h2{color:#153d83;font-size:17px}.cost-body p{max-width:700px;line-height:1.7}.cost-body .table-scroll{min-height:100px}.cost-option{display:flex;align-items:center;gap:8px;margin:16px 0}.cost-option input[type=month]{padding:4px;border:1px inset #aaa}.cost-pending{background:#fff7de;border:1px solid #cbb886;padding:12px;margin:16px 0;color:#735a29}.cost-footer{display:flex;gap:8px;justify-content:flex-end;padding:12px;border-top:1px solid #aaa;background:#ededed}.cost-footer a{margin-right:auto;color:#28518d}.cost-footer button,.cost-body button{padding:5px 12px;border:1px outset #aaa;background:#deded8}#cost-error{color:#9e3535}@media(max-width:900px){.inventory-header{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-wizard{grid-template-columns:160px 1fr}.cost-body{padding:14px}}
.workflow-stage:disabled{opacity:1}
.workflow-banner{display:flex;align-items:center;gap:18px;background:linear-gradient(110deg,#609738,#a3be67 70%,#f1f3e8 70%);padding:14px 22px;color:white;border-bottom:7px solid #528d32}.workflow-banner b{font-size:22px}.workflow-banner button{margin-left:auto;border:1px solid #7a925c;background:#f5f4e8;padding:5px 12px;color:#264325}.workflow-tabs{display:flex;flex-wrap:wrap;background:#d8d6cf;border:1px solid #aaa;padding:5px;gap:4px}.workflow-tabs button{padding:7px 14px;background:#eeede7;border:1px solid #a4a29a;color:#30343c}.workflow-tabs button[aria-pressed=true]{background:#082b70;color:white}.workflow-paper{overflow:auto;background:linear-gradient(#fff,#fff 60%,#eff5ee);border:1px solid #c3c8bd;border-top:0;padding:20px 0 12px}.workflow-paper h1{margin:0 0 14px;text-align:center;color:#219ac1;font-size:24px;letter-spacing:2px}.workflow-canvas{position:relative;width:100%;min-width:700px;max-width:1050px;height:570px;margin:auto;background:repeating-linear-gradient(0deg,transparent,transparent 17px,#edf3f255 18px),repeating-linear-gradient(90deg,transparent,transparent 17px,#edf3f255 18px)}.workflow-canvas svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.workflow-canvas svg>path{fill:none;stroke:#a0a0a0;stroke-width:1.8;marker-end:url(#flow-arrow)}.workflow-stage{position:absolute;left:var(--x);top:var(--y);width:17%;min-height:34px;border:1px solid #cd8c35;border-radius:5px;box-shadow:2px 3px 3px #0003;background:linear-gradient(#fff5bf,#edc05c);color:#252525;font-size:14px;font-weight:bold;padding:7px 3px;transform:translateY(-8px)}.workflow-stage.blue{background:linear-gradient(#e2e6f6,#99aed9);border-color:#7e8ab7}.workflow-stage.pink{background:linear-gradient(#fae4e7,#db99a9);border-color:#c87e94}.workflow-stage.green{background:linear-gradient(#e4ebba,#96b050);border-color:#8da749}.workflow-stage:hover:enabled,.workflow-stage:focus-visible{outline:2px solid #082b70;outline-offset:3px;filter:brightness(1.07)}.workflow-stage:disabled{color:#777;cursor:default;box-shadow:1px 2px 2px #0002}.workflow-stage small{font-size:10px;margin-left:5px;font-weight:normal}.workflow-caption{font-size:12px;color:#65707c;margin:10px 0}.workflow-mode .location,.workflow-mode .demo-notice{min-width:0}.workflow-mode .work-tabs{overflow-x:auto}.workflow-mode #workflow-home{margin-top:14px}.workflow-mode .demo-notice{flex-wrap:wrap}@media(max-width:700px){.workflow-banner{padding:10px;gap:8px}.workflow-banner>span{display:none}.workflow-paper h1{font-size:20px}.workflow-tabs button{padding:6px 9px}.workflow-mode .location{gap:6px;flex-wrap:wrap}.workflow-mode .work-tabs button{flex-shrink:0}}
.sign-in{width:min(var(--sign-in-width),calc(100vw - 32px));margin:70px auto;background:#f5f3f7;border:1px solid #8a96a9;box-shadow:0 8px 25px #17366520}.sign-in-title{background:#173665;color:white;font-weight:bold;padding:10px 16px}.sign-in form{padding:22px}.sign-in label{display:block;margin:16px 0 6px}.sign-in input{width:100%;padding:9px;border:1px solid #b7bec9;background:#fffbd3}.sign-in input[type=password]{background:white}.sign-in button{width:100%;padding:10px}.sign-in-note{color:#788290;font-size:12px}.sign-in[hidden]{display:none}body[data-auth-locked] .workspace,body[data-auth-locked] .menubar,body[data-auth-locked] .header-right{display:none}body[data-auth-locked] .statusbar{position:fixed;bottom:0;width:100%}