:root{font-family:"Segoe UI","Microsoft JhengHei",sans-serif;color:#202a34;background:#f3f6fa;font-size:14px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:268px;background:#f7f9fb;border-right:1px solid #cad2da;z-index:10}.brand{height:56px;display:flex;align-items:center;gap:10px;padding:0 13px}.hamburger{border:0;background:none;color:#3887c8;font-size:21px}.logo{width:30px;height:30px;border-radius:5px;background:#003b5c;color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:inset 0 0 0 2px #35c5ef}.logo span{color:#24cbf5}.nav-section{margin:3px 0}.nav-title{height:38px;padding:0 14px;display:flex;align-items:center;gap:12px}.nav-title>b{flex:1}.nav-title>i{font-style:normal;color:#65707b}.nav-child{display:block;width:100%;height:32px;border:0;text-align:left;padding-left:50px;background:transparent;color:#1f2a35;cursor:pointer}.nav-child.active{background:#cfe8fa;color:#087ed6;border-left:3px solid #168ff2}.main{margin-left:268px;min-height:100vh;background:#fff}.topbar{height:64px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid #d7dde3;background:#fff;position:relative;z-index:4}.topbar h1{font-size:28px;margin:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.top-actions label{display:flex;align-items:center;gap:8px;color:#5d6873}.top-actions select{height:34px;border:1px solid #cad3dc;border-radius:4px;padding:0 30px 0 10px;background:#fff}.avatar{width:38px;height:38px;border-radius:50%;background:#edf1f4;color:#adb5bc;display:grid;place-items:center;border:1px solid #dce2e7}.scroll-area{height:calc(100vh - 126px);overflow:auto;padding:12px;background:#f2f5f9}.card{background:#fff;border:1px solid #dfe5eb;border-radius:7px;margin-bottom:12px;padding:20px 22px;box-shadow:0 1px 2px rgba(34,48,63,.04)}.card h2{font-size:17px;margin:0 0 17px}.card p{margin:4px 0 0;color:#697681}.compact .field{max-width:760px}.section-heading{display:flex;align-items:center;justify-content:space-between}.security-body{margin-top:14px}.rule-row,.inline-head{display:flex;align-items:center;justify-content:space-between}.rule-row small,.inline-head small{display:block;color:#6e7883;margin-top:4px}.field{display:grid;grid-template-columns:180px 1fr;align-items:start;margin:14px 0;gap:10px}.field>label{font-weight:600;padding-top:8px}.field small{display:block;color:#6e7883;margin-top:8px;line-height:1.5}.field input[type=number]{width:72px;height:34px;border:1px solid #c9d2dc;border-radius:3px;padding:0 9px}.field em{font-style:normal;margin:0 18px 0 9px}.check{font-weight:400;margin-right:20px}.check input{accent-color:#168ff2}.select{min-width:150px;height:34px;border:1px solid #c8d1da;border-radius:4px;background:#fff;padding:0 10px;text-align:left;display:inline-flex;justify-content:space-between;align-items:center;gap:18px}.select-wrap{position:relative;display:inline-block}.select-wrap>.select{min-width:240px}.dropdown{position:absolute;left:0;top:38px;width:270px;background:#fff;border:1px solid #cfd7df;border-radius:4px;box-shadow:0 8px 18px rgba(24,40,56,.18);z-index:30;padding:5px}.dropdown button{display:flex;width:100%;justify-content:space-between;border:0;background:#fff;padding:9px 11px;text-align:left}.dropdown button:hover,.dropdown .selected{background:#eaf5fe;color:#087ed6}.toggle{width:42px;height:24px;border:0;border-radius:99px;background:#aeb7c0;padding:3px;cursor:pointer}.toggle span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.15s}.toggle.on{background:#198ef2}.toggle.on span{transform:translateX(18px)}hr{border:0;border-top:1px solid #dce2e7;margin:16px 0}.two-fields,.lock-grid{display:flex;gap:35px}.two-fields .field,.lock-grid .field{display:block}.two-fields .field>label,.lock-grid .field>label{display:block;margin-bottom:8px;padding:0}.lock-grid .field:nth-child(2){position:relative}.outline{border:1px solid #c9d3dd;background:#fff;color:#0b82df;border-radius:4px;padding:7px 12px;margin-right:8px}.primary{border:0;background:#248cf0;color:#fff;border-radius:4px;padding:9px 18px}.function-bar{position:fixed;left:268px;right:0;bottom:0;height:62px;background:#fff;border-top:1px solid #cfd7df;display:flex;align-items:center;justify-content:flex-end;padding:0 25px;z-index:20;box-shadow:0 -2px 8px rgba(40,55,70,.08)}.function-bar button{width:130px;height:38px;border:0;border-radius:4px;background:#168cf2;color:#fff}.people-tools{display:flex;gap:18px;padding:16px 22px}.people-tools>input{height:36px;width:450px;border:0;background:#f5f7f9;padding:0 14px}.people-tools .primary{margin-left:auto}.people-table{width:calc(100% - 24px);margin:0 12px;border-collapse:collapse}.people-table th,.people-table td{height:48px;padding:0 14px;text-align:left;border-bottom:1px solid #dbe1e6;font-weight:400}.people-table th{color:#71808e}.status{display:inline-block;min-width:58px;text-align:center;padding:4px 10px;background:#e7f7eb;color:#24a24a;border-radius:18px}.status.locked{background:#fff1d8;color:#e59000}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#26323d;color:#fff;padding:12px 20px;border-radius:5px;box-shadow:0 7px 22px rgba(0,0,0,.24);z-index:100}.modal-backdrop{position:fixed;inset:0;background:rgba(17,25,32,.58);z-index:80;display:grid;place-items:center}.dialog{width:470px;background:#fff;border-radius:7px;padding:24px;position:relative;box-shadow:0 18px 45px rgba(0,0,0,.3)}.dialog h2{margin-top:0}.close{position:absolute;right:17px;top:14px;border:0;background:none;font-size:24px}.detail{background:#f6f8fa;border:1px solid #dce3e9;padding:14px;line-height:1.8;margin:14px 0}.info{background:#edf7ff;border:1px solid #9fcdf4;color:#2975ad;padding:11px;margin:12px 0}.dialog label{display:block}.dialog label input{display:block;width:100%;height:36px;margin-top:7px;border:1px solid #cbd4dd;padding:0 10px}.dialog-actions{text-align:right;margin-top:18px}.auth-screen{min-height:100vh;background:#f3f7fc;display:grid;place-items:center}.auth-card{width:840px;min-height:435px;background:#fff;border:1px solid #d9e0e6;border-radius:4px;box-shadow:0 2px 5px rgba(29,45,60,.12);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px}.illustration{font-size:130px;color:#168cf2;text-align:center}.illustration span{font-size:50px}.auth-content h2{color:#1089ef;font-size:28px;margin:0 0 6px}.auth-content h3{color:#1089ef;font-weight:500;font-size:19px;margin:0 0 18px}.notice{background:#f0f6fd;border-radius:4px;padding:14px;line-height:1.55;margin-bottom:12px}.full{width:100%;height:42px}.link-btn{width:100%;border:0;background:none;color:#1089ef;padding:13px}.auth-input{display:block;width:100%;height:37px;border:1px solid #cad3db;margin:8px 0;padding:0 10px}.auth-input.error{border-color:#e84b45}.error-text{color:#dc3d37;font-size:12px}.rules{padding-left:19px;font-size:12px}.rules .bad{color:#dc3d37}@media(max-width:1000px){.sidebar{width:220px}.main{margin-left:220px}.function-bar{left:220px}.lock-grid,.two-fields{flex-wrap:wrap}.top-actions label{display:none}}

.nav-title{width:100%;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.nav-title.active{background:#cfe8fa;color:#087ed6;border-left:3px solid #168ff2}.topbar h1{display:flex;align-items:center}.template-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 8px}.template-search{width:450px;height:38px;background:#f5f7f9;color:#84909b;display:flex;align-items:center;padding:0 12px;font-size:22px}.template-search input{flex:1;border:0;background:transparent;outline:0;padding-left:8px}.template-pager{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:8px 22px 12px;color:#5f6b76}.template-pager .select{min-width:76px}.pager-btn{width:34px;height:34px;border:0;border-radius:4px;background:#d4d8dc;color:#fff;font-size:22px}.template-table{width:calc(100% - 28px);margin:0 14px;border-collapse:collapse}.template-table th,.template-table td{height:58px;padding:7px 14px;text-align:left;border-bottom:1px solid #dbe1e6;font-weight:400}.template-table th{height:42px;color:#71808e}.template-table th:nth-child(1){width:25%}.template-table th:nth-child(2){width:31%}.template-table td strong{display:block;font-weight:500}.template-table td small{display:block;color:#6f7983;margin-top:4px}.template-table td:nth-child(5){white-space:nowrap}.template-table td:nth-child(5) .toggle{margin-left:10px;vertical-align:middle}.template-table td:last-child{text-align:right}.back-btn{border:0;background:transparent;font-size:34px;line-height:1;margin-right:10px;cursor:pointer}.template-form-scroll{height:calc(100vh - 126px);overflow:auto;padding:42px 28px 90px}.template-row{display:grid;grid-template-columns:235px 1fr;gap:18px;min-height:78px;align-items:start;padding:13px 0;border-bottom:1px solid #d9dee3}.template-row>b{font-size:17px;padding-top:9px}.template-row>input,.template-row>.select{width:100%;height:42px;background:#f4f4f4;border:0;padding:0 16px}.template-options{display:flex;gap:42px;align-items:center;min-height:42px}.template-options label,.nested-option label{min-width:84px}.template-options input{accent-color:#168ff2}.nested-option{display:grid;grid-template-columns:230px 90px 90px;align-items:center;width:100%;margin:16px 0}.face-section .template-options,.document-options .template-options{display:block}.face-section .template-options>label{display:inline-block;margin-right:38px}.template-options small{display:block;color:#8a949d;margin:14px 0 2px}.template-actions{justify-content:flex-start;padding-left:22px;gap:10px}.template-actions .cancel-template{background:#fff;color:#596570;border:1px solid #ccd4dc}.template-actions button{width:120px}.templates-page .primary{min-width:120px}.fa-icon{width:14px;height:14px;fill:currentColor}@media(max-width:1000px){.template-row{grid-template-columns:180px 1fr}.template-table{font-size:12px}}

/* Request-template controls mirror the current Console's progressive disclosure. */
.template-options{align-items:flex-start;flex-wrap:wrap;padding-top:9px}.template-options>label{min-width:84px}.nested-option{margin:7px 0}.face-section .template-options{display:flex}.face-section .template-options>label{margin-right:0}.document-suboptions{grid-column:2;display:block;margin-top:2px}.document-suboptions .nested-option{margin:8px 0}.inline-checks{display:flex;align-items:center;gap:22px;min-height:42px;flex-wrap:wrap}.template-check{white-space:nowrap}.template-check input{accent-color:#168ff2}.attachment-select{flex-basis:100%;width:100%;height:42px;background:#f4f4f4;border:0;padding:0 16px}.template-options small{flex-basis:100%;margin:5px 0 2px}

/* Measurements calibrated from the current Console request-template page. */
.template-form-page .topbar{height:54px}.template-form-scroll{height:calc(100vh - 116px);padding:48px 28px 90px}.template-row{grid-template-columns:136px 1fr;column-gap:18px;min-height:61px;padding:10px 0}.template-row>b{font-size:16px;padding-top:9px}.template-row>input,.template-row>.select{height:42px}.template-options{gap:0;padding-top:0;min-height:42px}.template-options>label{width:105px;min-width:105px;height:42px;display:flex;align-items:center;gap:8px}.template-options input[type=radio],.nested-option input[type=radio]{appearance:none;width:20px;height:20px;min-width:20px;margin:0;border:2px solid #7d858b;border-radius:50%;background:#fff}.template-options input[type=radio]:checked,.nested-option input[type=radio]:checked{border-color:#168ff2;box-shadow:inset 0 0 0 4px #fff;background:#168ff2}.nested-option{margin:0 0 0 -132px;grid-template-columns:132px 105px 105px;min-height:42px}.nested-option strong{font-size:16px;font-weight:600}.nested-option label{height:42px;display:flex;align-items:center;gap:8px}.document-suboptions{margin-top:0}.document-suboptions .nested-option{margin:0 0 0 -132px}.inline-checks{gap:20px}.template-check{display:flex;align-items:center;gap:8px}.template-check input{width:17px;height:17px;margin:0}.attachment-select{margin-top:0}.template-options small{margin:4px 0 4px}

/* The live Console expands the label column with the available content width. */
.template-form-page{--template-label:clamp(154px,calc(17vw - 55px),277px);--template-label-neg:clamp(-277px,calc(55px - 17vw),-154px)}.template-row{grid-template-columns:var(--template-label) 1fr}.nested-option{flex:0 0 calc(100% + var(--template-label) + 18px);width:calc(100% + var(--template-label) + 18px);margin-left:calc(var(--template-label-neg) - 18px);grid-template-columns:calc(var(--template-label) + 18px) 105px 105px}.nested-option strong{padding-left:22px;white-space:nowrap}.document-suboptions .nested-option{margin-left:calc(var(--template-label-neg) - 18px)}.native-select{display:block!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#f4f4f4!important;background-image:url('assets/ic_caret_down.svg')!important;background-repeat:no-repeat!important;background-position:right 8px center!important;background-size:24px 24px!important;padding-right:40px!important}.native-select::-ms-expand{display:none}.back-btn{width:38px;height:38px;padding:7px;margin-left:-7px;margin-right:7px;display:inline-flex;align-items:center;justify-content:center}.back-btn .fa-icon{width:24px;height:24px;fill:#171b1f}
.face-section>.template-options>label{transform:none;align-self:flex-start}.radio-disabled{color:#9aa2a9;cursor:not-allowed}.template-options input[type=radio]:disabled{border-color:#aeb5bb;background:#f4f5f6}.template-options input[type=radio]:checked:disabled{border-color:#aeb5bb;background:#aeb5bb;box-shadow:inset 0 0 0 4px #f4f5f6}
.template-options label.radio-choice,.nested-option label.radio-choice{display:grid;grid-template-columns:20px auto;column-gap:10px;align-items:center;width:105px;min-width:105px;height:42px;margin:0;padding:0}.radio-choice>span{display:block;margin:0;padding:0;line-height:20px}.face-primary-line{flex:0 0 100%;width:100%;height:42px;display:flex;align-items:center}.face-primary-line .radio-choice{transform:none!important}