*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;background:#f3f5f8;color:#17273b;font-size:15px;line-height:1.6}a{color:#255e91;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{background:#204e77;color:#fff;border:1px solid #204e77;border-radius:6px;padding:9px 18px;cursor:pointer;display:inline-block}button:hover,.button:hover{background:#163b5d;text-decoration:none}.secondary{background:white;color:#284965;border-color:#c8d3df}.danger{background:#a13d3d;border-color:#a13d3d}.link{padding:0;border:0;background:transparent;color:inherit}.topbar{height:82px;background:white;border-bottom:1px solid #dce3eb;display:flex;align-items:center;gap:22px;padding:16px 32px}.brand{display:flex;gap:15px;align-items:center;color:#18364f;font-size:20px;font-weight:700;letter-spacing:2px}.brand img{width:52px;height:auto}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:1px;color:#6e7f91}.trial{font-size:12px;border:1px solid #cedae5;border-radius:20px;padding:3px 10px;color:#52718a}.account{margin-left:auto}.layout{display:flex;min-height:calc(100vh - 82px)}aside{width:220px;flex-shrink:0;background:#18344d;color:#d6e1eb;padding:30px 18px}nav a{display:block;padding:11px 16px;color:#e2eaf2;border-radius:5px}nav a:hover{background:#284b69;text-decoration:none}.nav-label{font-size:11px;letter-spacing:2px;color:#92aabe;padding:0 16px 15px}.sidebar-note{font-size:12px;color:#a6bdce;padding:20px 16px}main{padding:34px 40px;max-width:1500px;width:100%;min-width:0}h1{font-size:28px;margin:0 0 8px}h2{font-size:19px;margin:0 0 18px}h3{font-size:16px}p{margin:8px 0 18px}.muted{color:#6c7f92}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:16px}.panel{background:white;border:1px solid #dbe3eb;border-radius:9px;padding:26px;margin:20px 0;box-shadow:0 2px 5px #152f4b03}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}.field label{display:block;font-weight:600;margin-bottom:6px}.field input:not([type=checkbox]),.field select,.field textarea{width:100%;background:white;border:1px solid #bccbd8;border-radius:5px;padding:10px;color:#17273b}.field textarea{resize:vertical;min-height:230px}.field .helptext{color:#6c7f92;font-size:12px}.field #id_countersign,.field #id_archive_departments{max-height:170px;overflow:auto;border:1px solid #d5dfe8;padding:12px;border-radius:5px}.field #id_countersign label,.field #id_archive_departments label{font-weight:400}.full{grid-column:1/-1}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.filter{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.filter label{font-size:12px;display:block}.filter input,.filter select{padding:8px;border:1px solid #c4d1de;border-radius:4px;max-width:230px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;background:#f2f5f8;color:#60758b;font-weight:600;white-space:nowrap}td,th{padding:14px 12px;border-bottom:1px solid #e4eaf0}td{vertical-align:top}.badge{font-size:12px;background:#eaf0f6;padding:4px 8px;border-radius:4px;white-space:nowrap}.badge.APPROVED{color:#24724d;background:#e9f6ef}.badge.REJECTED,.error{color:#a83737;background:#fff0ed}.badge.PENDING{color:#366295;background:#e9f1fb}.urgent{color:#b44235;font-size:12px;font-weight:bold}.empty{text-align:center;padding:55px;color:#6d8092}.message{border-radius:5px;padding:12px 18px;margin-bottom:18px;background:#e9f2fb;border:1px solid #cadceb}.message.error{background:#fff0ed;border-color:#f2d2cd}.message.success{background:#edf7f0;border-color:#cce5d5}.errorlist{color:#a83737;padding-left:20px}.subtle{padding:14px 0;color:#5e7388;font-size:13px}.document-header{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.document-header dt{color:#75879a;font-size:12px}.document-header dd{margin:3px 0 0;font-weight:600}.body-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.stages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stage{border:1px solid #d6e0e9;padding:16px;border-radius:6px}.stage.ACTIVE{border-color:#3f7cab;background:#f4f9fd}.stage h3{margin:0 0 8px}.stage p{font-size:13px;margin:4px 0}.history{padding:0;list-style:none}.history li{border-left:2px solid #c7d8e6;padding:2px 0 20px 20px;margin-left:4px}.history time{font-size:12px;color:#73869b}.history p{margin:3px 0}.history .comment{white-space:pre-wrap;overflow-wrap:anywhere}.login{max-width:440px;margin:5vh auto;padding:36px}.login input{display:block;width:100%;padding:11px;border:1px solid #bfccd8;border-radius:5px}.login button{width:100%}footer{margin-top:40px;color:#94a3b1;font-size:11px}hr{border:0;border-top:1px solid #3a536a;margin:22px 12px}@media(max-width:1000px){main{padding:25px}aside{width:180px}.topbar{padding:15px 22px}.stages{grid-template-columns:1fr 1fr}.document-header{grid-template-columns:1fr 1fr}}@media(max-width:720px){.layout{display:block}aside{width:100%;padding:10px}nav{display:flex;overflow:auto}nav a{white-space:nowrap;padding:8px 12px}.nav-label,.sidebar-note,nav hr{display:none}.topbar{height:auto;gap:12px;flex-wrap:wrap}.topbar .brand{font-size:17px}.trial{display:none}.account{font-size:12px}.topbar>a:not(.brand){font-size:12px}main{padding:20px 14px}.grid,.stages,.document-header{grid-template-columns:1fr}.panel{padding:20px 16px}.page-head{align-items:start}h1{font-size:24px}.filter input{max-width:180px}}

.draft-fields{border:0;padding:0;margin:0;min-width:0}.recovery-text{width:100%;white-space:pre-wrap}.draft-fields:disabled{opacity:.8}

.rejection-banner{border-left:5px solid #a52727}.decision-jump{margin:1rem 0}.inbox-count{display:inline-block;padding:0 .45em;background:#fff;color:#183950;border-radius:1em;font-size:.85em}#decision-panel{scroll-margin-top:1rem}
@media print{.decision-jump,#decision-panel{display:none}}