body.coa-page{margin:0;background:#fff;color:#263238;font:14px Arial,sans-serif;padding:0}
.coa-page .app-shell-main{max-width:none!important;min-width:0;padding:28px 26px!important;background:#fff!important}
.coa-page .coa-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.coa-page .coa-breadcrumb{display:block;font-size:12px;color:#64706b;margin-bottom:10px;text-decoration:none}
.coa-page h1{font:500 29px Arial,sans-serif;letter-spacing:-.5px;margin:0;color:#263238}
.coa-page button,.coa-page a{font-family:inherit}
.coa-page button{cursor:pointer;border:1px solid #b6c9c2;border-radius:5px;background:white;color:#075240;padding:8px 12px;font-size:13px;font-weight:500}
.coa-page button:disabled{cursor:not-allowed;opacity:.55}
.coa-page .coa-new,.coa-page #save_account_button{background:#005a46;border-color:#005a46;color:white;font-weight:600}
.coa-page .coa-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:12px}
.coa-page .coa-toolbar label{display:block;color:#52615a;font-size:12px;margin:0}
.coa-page input,.coa-page select,.coa-page textarea{box-sizing:border-box;width:100%;font:14px Arial,sans-serif;border:1px solid #c4d0cc;border-radius:5px;padding:8px 10px;color:#263238;background:white;min-height:36px}
.coa-page .coa-toolbar label:first-child{width:270px}.coa-page .coa-toolbar label:not(:first-child){width:175px}
.coa-page .coa-toolbar label:last-of-type{margin-left:auto;width:155px}
.coa-page .coa-toolbar input,.coa-page .coa-toolbar select{margin-top:5px}
.coa-page .coa-note{font-size:12px;color:#64706b;line-height:1.5;margin:7px 0}
.coa-page .coa-status{min-height:18px;font-size:13px;color:#52615a;margin:10px 0}.coa-page .coa-status.error,.coa-page .coa-unavailable{color:#a52d32}
.coa-page .coa-table-wrap{width:100%;overflow:auto;border-top:1px solid #d3ded9}
.coa-page .coa-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:990px;background:white;font-size:13px}
.coa-page .coa-table th,.coa-page .coa-table td{border:0;border-bottom:1px solid #d6dfdb;border-right:1px solid #e8eeeb;padding:10px 9px;text-align:left;vertical-align:middle;line-height:1.4}
.coa-page .coa-table th{background:white;color:#3c4842;font-weight:600;white-space:nowrap;padding:7px 9px}
.coa-page .coa-table th:last-child,.coa-page .coa-table td:last-child{border-right:0}
.coa-page .coa-table th button{font-size:12px;padding:4px 0;border:0;color:inherit;background:transparent;white-space:nowrap;border-radius:0;font-weight:600}
.coa-page .coa-table td.coa-amount,.coa-page .coa-table th.coa-amount{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.coa-page .coa-table tr:hover{background:#f6faf8}.coa-page .coa-group td{background:#fbfdfc}
.coa-page .coa-name{display:flex;align-items:center;gap:7px;min-width:175px}.coa-page .coa-description{min-width:100px;max-width:240px;overflow-wrap:anywhere;color:#52615a}
.coa-page .coa-badge{font-size:10px;border:1px solid #d4e1da;background:#eef5f0;color:#52695d;padding:1px 4px;border-radius:4px;white-space:nowrap}
.coa-page .coa-inactive{color:#a52d32;background:#fff4f2}.coa-page .coa-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px;white-space:nowrap}
.coa-page .coa-history{color:#075240;text-decoration:none;font-size:12px;padding:4px 2px}.coa-page .coa-row-actions button{border:0;padding:3px 6px;color:#075240;background:#e7f3ed;line-height:18px}
.coa-page .coa-menu{position:fixed;z-index:1200;width:245px;max-height:calc(100vh - 24px);overflow:auto;background:white;border:1px solid #d2ddd7;border-radius:4px;box-shadow:0 4px 15px #18372b26;padding:5px 0}
.coa-page .coa-menu a,.coa-page .coa-menu button{box-sizing:border-box;display:block;width:100%;border:0;border-radius:0;padding:9px 12px;font-size:13px;text-align:left;text-decoration:none;background:white;color:#263238}
.coa-page .coa-menu a:hover,.coa-page .coa-menu button:hover{background:#f1f5f3}.coa-page .coa-menu button:disabled{opacity:1;color:#7a8580}.coa-page .coa-menu small{display:block;font-size:11px;line-height:1.4;margin-top:3px;color:#76827b}
.coa-page dialog{padding:0;border:1px solid #d1ddd7;border-radius:10px;width:min(900px,calc(100vw - 40px));max-height:90vh;overflow:auto;box-shadow:0 16px 60px #112b3340;background:white;color:#263238}
.coa-page dialog::backdrop{background:#12302960}.coa-page .coa-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e1e8e4}.coa-page .coa-dialog-head h3{font:500 22px Arial;margin:0}
.coa-page .coa-form-body{padding:22px 24px}.coa-page .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.coa-page .grid label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.coa-page .full{grid-column:1/-1}.coa-page textarea{min-height:80px}.coa-page .actions{display:flex;align-items:center;gap:10px;margin-top:20px}.coa-page #form_message{font-size:13px;line-height:1.5;color:#a52d32}.coa-page .coa-save-note{color:#52615a;font-size:12px;margin:0 0 12px}
.coa-page [hidden]{display:none!important}.coa-page :focus-visible{outline:2px solid #007f65;outline-offset:3px}
/* Confine the reference styling to this page, overriding the shared ERP theme. */
html body.coa-page{font-family:Arial,sans-serif!important;background:white!important}
html body.coa-page button{background:white!important;color:#075240!important;min-height:34px;padding:8px 12px!important;border:1px solid #b6c9c2!important;border-radius:5px!important;font-weight:500!important;box-shadow:none!important;transform:none!important}
html body.coa-page button:hover{background:#f1f5f3!important;transform:none!important}
html body.coa-page .coa-new,html body.coa-page #save_account_button{background:#005a46!important;color:white!important;border-color:#005a46!important;font-weight:600!important}
html body.coa-page .coa-table{border:0!important;border-radius:0!important}
html body.coa-page .coa-table th{background:white!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important}
html body.coa-page .coa-table th button{background:transparent!important;color:#3c4842!important;min-height:20px;padding:4px 0!important;border:0!important;border-radius:0!important;font-weight:600!important}
html body.coa-page .coa-table td{padding:8px 9px!important;font-size:13px!important}
html body.coa-page .coa-table tbody tr:nth-child(even){background:white!important}
html body.coa-page .coa-table tbody tr:hover{background:#f6faf8!important}
html body.coa-page .coa-row-actions button{background:#e7f3ed!important;color:#075240!important;min-height:22px;padding:1px 6px!important;border:0!important}
html body.coa-page .coa-menu button{border:0!important;border-radius:0!important;min-height:34px;padding:9px 12px!important;color:#263238!important}
html body.coa-page .coa-menu button:disabled{color:#7a8580!important}
html body.coa-page input,html body.coa-page select,html body.coa-page textarea{background:white!important;border-color:#c4d0cc!important;font-size:14px!important}
@media(max-width:750px){.coa-page .app-shell-main{padding:20px 14px!important}.coa-page h1{font-size:24px}.coa-page .coa-toolbar label,.coa-page .coa-toolbar label:first-child,.coa-page .coa-toolbar label:last-of-type{flex:1 1 145px;margin-left:0;width:auto}.coa-page .grid{grid-template-columns:1fr}.coa-page .actions{flex-wrap:wrap}.coa-page .coa-dialog-head,.coa-page .coa-form-body{padding:18px}}
