:root { --header-height:55px; --menu-width:220px; --blue:#0d6efd; --danger:#9b111e; --ink:#172033; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; font-family:"Segoe UI",Tahoma,Arial,sans-serif; color:#242424; background:#fff; }
a:not(.btn):not(.menu-link):not(.summary-card):not(.wizard-step){text-decoration:none}
a:not(.btn):not(.menu-link):not(.summary-card):not(.wizard-step):hover,a:not(.btn):not(.menu-link):not(.summary-card):not(.wizard-step):focus-visible{text-decoration:underline}
.standard-link,.standard-link:visited{color:#0d6efd;text-decoration:none}.standard-link:hover,.standard-link:focus-visible{color:#0d6efd;text-decoration:underline}
.credit-summary{display:flex;align-items:center;gap:24px;flex-wrap:wrap;width:max-content;max-width:100%;margin:0 auto 14px;padding:12px 14px;border-left:4px solid #f59e0b;border-radius:5px;background:#fff3cd;color:#222;font-size:14px}.credit-summary strong{margin-right:8px}
.header-trial-label{color:#c00000;font-weight:700}
.cancel-field-selection{display:block!important;width:100%!important;margin:0 0 12px!important;padding:9px!important;min-height:40px!important}
.credit-balance-low{color:#c00000!important}
.header-credits{display:inline-flex;align-items:center;gap:5px;color:#333;white-space:nowrap;margin-right:14px}.header-credit-value{display:inline-block;min-width:25px;padding:5px 8px;border-radius:7px;background:#218838;color:#fff;font-weight:700;line-height:1;text-align:center}.header-credit-value-low{background:#c00000;color:#fff!important}
.top-bar { position:fixed; inset:0 0 auto 0; height:var(--header-height); padding:0 20px; display:flex; align-items:center; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.06); z-index:1200; }
.brand { display:flex; align-items:center; gap:0; white-space:nowrap; }
.brand-logo { width:40px; height:18px; object-fit:contain; }
.brand-divider { color:#666; margin:0; padding-left:8px; padding-right:8px; }
.app-name,.entity-name { color:#5b5b5b; font-size:18px; }
.account-menu { margin-left:auto; display:flex; align-items:center; gap:8px; font-size:14px; }.account-menu a { color:#0c5bd3; text-decoration:none; }
.left-menu { position:fixed; top:var(--header-height); bottom:0; left:0; width:var(--menu-width); padding:15px; overflow:auto; background:#e1e1e1; border-top-right-radius:5px; transition:.25s; z-index:1000; }
.menu-heading-row { display:flex; align-items:center; justify-content:space-between; }.menu-header { display:block; padding:12px 10px 7px; color:#585656; font-size:13px; font-weight:700; text-transform:uppercase; }.menu-link { display:block; padding:7px 15px; border-radius:5px; color:#111; text-decoration:none; font-size:14px; }.menu-link:hover,.menu-link.active { background:#666; color:#fff; }.menu-toggle,.open-menu,.menu-toggle:hover,.menu-toggle:focus,.menu-toggle:active,.open-menu:hover,.open-menu:focus,.open-menu:active { border:0; background:transparent !important; box-shadow:none; border-radius:0; cursor:pointer; }.menu-toggle img,.open-menu img { width:28px; height:28px; }.toggle-icon { display:block; transition:transform 200ms ease-in-out,opacity 150ms ease-in-out; }.toggle-icon.flipped { transform:scaleX(-1); }.open-menu { display:none; position:fixed; top:62px; left:18px; z-index:1300; }
.content { margin-left:var(--menu-width); padding:75px 28px 32px; transition:.25s; }.left-collapsed .left-menu { width:0; padding-left:0; padding-right:0; opacity:0; overflow:hidden; }.left-collapsed .content { margin-left:30px; }.left-collapsed .open-menu { display:block; }
.page-title { font-size:21px; margin:0; color:#252525; }.page-subtitle { display:none; }.page-actions { display:flex; gap:8px; }.page-heading-row { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin-bottom:22px; }
.page-heading-divider { border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:12px !important; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:6px 14px; border:1px solid #777; border-radius:4px; background:#fff; color:#222; text-decoration:none; cursor:pointer; }.btn-primary { background:var(--blue); border-color:var(--blue); color:#fff; }.btn-danger { background:var(--danger); border-color:var(--danger); color:#fff; }
.summary-grid { display:grid; grid-template-columns:repeat(4,minmax(160px,1fr)); gap:15px; max-width:1100px; }.summary-card { display:block; min-height:94px; padding:17px 18px; background:#f5f5f5; border-radius:10px; color:inherit; text-decoration:none; box-shadow:0 1px 2px rgba(0,0,0,.05); }.summary-card:hover { transform:translateY(-2px); box-shadow:0 6px 14px rgba(0,0,0,.08); }.summary-label { font-size:14px; }.summary-value { margin-top:14px; font-size:27px; font-weight:700; color:#07182f; }
.panel { max-width:1100px; margin-top:22px; padding:18px; border:1px solid #ddd; border-radius:7px; background:#fff; }.panel h2 { margin:0 0 15px; font-size:17px; }.notice { padding:12px 14px; border:1px solid #bfd3ef; border-radius:5px; background:#f4f8fd; }.success-panel { margin:14px 0; padding:12px 38px 12px 14px; border-radius:5px; background:#edf8ed; color:#185f1e; border:1px solid #9ac79d; }.error-panel { background:#f8d7da; border:1px solid #f5c2c7; border-left:5px solid #d8000c; color:#842029; padding:10px 44px 10px 12px; border-radius:4px; margin:12px 0; position:relative !important; width:100%; }.error-panel .error-close { position:absolute !important; top:50% !important; right:12px !important; transform:translateY(-50%) !important; border:0 !important; background:transparent !important; font-size:20px !important; font-weight:400 !important; line-height:1 !important; cursor:pointer !important; color:#842029 !important; padding:4px 6px !important; z-index:5 !important; }.error-panel .error-close:focus { outline:2px solid rgba(132,32,41,.25) !important; border-radius:3px !important; }.error-panel .error-close:hover { color:#000 !important; }
.data-table { width:100%; border-collapse:collapse; }.data-table th,.data-table td { padding:10px 12px; border-bottom:1px solid #e4e4e4; text-align:left; font-size:14px; }.data-table th { background:#f3f3f3; }.status-pill { display:inline-block; padding:3px 9px; border-radius:999px; background:#e7eef9; font-size:12px; }
.toast { position:fixed; top:-100px; left:50%; transform:translateX(-50%); min-width:300px; max-width:600px; padding:12px 18px; border-radius:6px; background:#1f7a1f; color:#fff; box-shadow:0 6px 18px rgba(0,0,0,.2); z-index:9999; opacity:0; }.toast.show { animation:toastSlideIn .45s ease-out forwards; }.toast.hide { animation:toastSlideOut .35s ease-in forwards; }@keyframes toastSlideIn{from{top:-100px;opacity:0}to{top:30px;opacity:1}}@keyframes toastSlideOut{from{top:30px;opacity:1}to{top:-100px;opacity:0}}
.data-grid,.data-table { width:100%; border-collapse:collapse; font-family:"Segoe UI",Tahoma,Arial,sans-serif; font-size:14px; background:#fff; border:1px solid #ddd; border-radius:5px; overflow:hidden; }.data-grid th,.data-table th { padding:7px 8px; text-align:left; font-weight:600; color:#000; white-space:nowrap; border-bottom:1px solid #ddd; }.data-grid td,.data-table td { padding:8px; border-bottom:1px solid #ddd; }.data-grid tr:nth-child(even),.data-table tr:nth-child(even){background:#f9f9f9}.data-grid tr:hover,.data-table tr:hover{background:#f1f1f1}.data-grid a,.data-table a{color:#0d6efd;text-decoration:none}.data-grid .table-action,.data-table .table-action{display:inline-block;margin-right:12px}.data-grid .btn,.data-table .btn{margin:2px 4px 2px 0}@media(max-width:768px){.data-grid,.data-table{display:block;overflow-x:auto;white-space:nowrap}}
.placeholder { max-width:850px; padding:28px; border:1px dashed #aaa; border-radius:8px; background:#fafafa; }.placeholder h2 { margin-top:0; }
@media(max-width:900px){.summary-grid{grid-template-columns:repeat(2,1fr)}.account-menu>span:first-child{display:none}.entity-name,.brand-divider:last-of-type{display:none}}
@media(max-width:620px){.left-menu{width:0;padding:0;opacity:0}.content,.left-collapsed .content{margin-left:0;padding:72px 15px 25px}.open-menu{display:block}.summary-grid{grid-template-columns:1fr}.app-name{font-size:16px}.account-menu span{display:none}}
.custom-datagrid,.data-grid,.data-table{width:100%;border-collapse:collapse;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-size:14px;background:#fff;border-radius:5px;overflow:hidden;border:1px solid #ddd}.custom-datagrid th,.custom-datagrid .HeaderStyle,.data-grid th,.data-table th{background:inherit;text-align:left;padding:2px 5px;font-weight:600!important;font-size:14px;text-decoration:none;color:#000;white-space:nowrap}.custom-datagrid th a,.data-grid th a,.data-table th a{color:#000!important;text-decoration:none!important;font-weight:600!important}.custom-datagrid td,.data-grid td,.data-table td{padding:5px;border-bottom:1px solid #ddd}.custom-datagrid tr:nth-child(even),.data-grid tr:nth-child(even),.data-table tr:nth-child(even){background:#f9f9f9}.custom-datagrid tr:hover,.data-grid tr:hover,.data-table tr:hover{background:#f1f1f1}.custom-datagrid .grid-pager,.data-grid .grid-pager,.data-table .grid-pager{text-align:center;padding:5px}.custom-datagrid .grid-pager a,.custom-datagrid .grid-pager span,.data-grid .grid-pager a,.data-grid .grid-pager span,.data-table .grid-pager a,.data-table .grid-pager span{display:inline-block;background:#007bff;color:#fff!important;padding:4px 10px;margin:0;border-radius:3px;text-decoration:none;font-size:12px;cursor:pointer}.custom-datagrid .grid-pager span,.data-grid .grid-pager span,.data-table .grid-pager span{background:#6c757d;cursor:default}.custom-datagrid .grid-pager td,.data-grid .grid-pager td,.data-table .grid-pager td{border-bottom:0!important}.request-pager{width:100%;text-align:center;padding:8px 0}.request-pager .btn{display:inline-block;background:#007bff;color:#fff;padding:4px 10px;margin:0;border:0;border-radius:3px;font-size:12px}.request-pager .pager-current{display:inline-block;background:#6c757d;color:#fff;padding:4px 10px;border-radius:3px;font-size:12px}@media(max-width:768px){.custom-datagrid,.data-grid,.data-table{display:block;overflow-x:auto;white-space:nowrap}}
.custom-datagrid th,.custom-datagrid td,.data-grid th,.data-grid td,.data-table th,.data-table td{border-right:1px solid #ddd}.custom-datagrid th:last-child,.custom-datagrid td:last-child,.data-grid th:last-child,.data-grid td:last-child,.data-table th:last-child,.data-table td:last-child{border-right:0}
.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #ddd}.list-toolbar-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.list-toolbar .page-title{margin:0;white-space:nowrap}.list-toolbar .filter-bar{margin:0;max-width:none;flex:1}.btn-add{background:#28a745!important;border-color:#28a745!important;color:#fff!important}.btn-add:hover{background:#218838!important;border-color:#1e7e34!important;color:#fff!important}
.btn{min-width:50px!important;min-height:0!important;padding:10px 20px!important;border:0!important;border-radius:4px!important;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif!important;font-size:14px!important;line-height:20px!important;white-space:nowrap!important;width:auto!important;transition:background .3s ease!important}.btn-primary{background:#007bff!important;color:#fff!important}.btn-primary:hover{background:#0056b3!important}.btn-secondary,.form-actions .btn:not(.btn-primary):not(.btn-danger):not(.btn-add),.designer-navigation .btn:not(.btn-primary),.page-heading-row>a.btn:not(.btn-primary):not(.btn-danger):not(.btn-add),.page-heading-row>div+a.btn:not(.btn-primary):not(.btn-danger):not(.btn-add){background:#6c757d!important;color:#fff!important;text-decoration:none!important}.btn-secondary:hover,.form-actions .btn:not(.btn-primary):not(.btn-danger):not(.btn-add):hover,.designer-navigation .btn:not(.btn-primary):hover,.page-heading-row>a.btn:not(.btn-primary):not(.btn-danger):not(.btn-add):hover,.page-heading-row>div+a.btn:not(.btn-primary):not(.btn-danger):not(.btn-add):hover{background:#545b62!important;color:#fff!important;text-decoration:none!important}
.btn:disabled,.btn[disabled],.btn.aspNetDisabled{background:#adb5bd!important;border-color:#adb5bd!important;color:#f8f9fa!important;cursor:not-allowed!important;opacity:1!important;box-shadow:none!important}.btn:disabled:hover,.btn[disabled]:hover,.btn.aspNetDisabled:hover{background:#adb5bd!important;color:#f8f9fa!important}
.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:9998}.confirm-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:460px;max-width:calc(100vw - 32px);padding:15px;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:10000}.confirm-overlay[hidden],.confirm-card[hidden]{display:none!important}.confirm-card h3{margin:0 30px 8px 0;font-size:16px}.confirm-message{margin-bottom:12px;font-size:14px;line-height:1.45;color:#333}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.confirm-close{position:absolute;top:8px;right:10px;padding:0;border:0;background:transparent;color:#666;font-size:20px;font-weight:700;line-height:1;cursor:pointer}.confirm-close:hover{color:#000}
.requests-grid{table-layout:auto}.requests-grid th,.requests-grid td{white-space:nowrap}.requests-grid .fit-cell{width:1%}.requests-grid .title-cell{width:100%;max-width:0;overflow:hidden;text-overflow:ellipsis}.requests-grid .action-cell .table-action{margin-right:6px}.requests-grid .act-div{margin:0 7px 0 1px;color:#777}.deletion-date{color:#111}.deletion-date-warning{color:#c00000;font-weight:600}
.requests-grid .recipients-cell{text-align:center}
.popup-drag-handle{cursor:move;user-select:none}
.templates-grid{table-layout:auto}.templates-grid th,.templates-grid td{white-space:nowrap}.templates-grid .template-fit{width:1%}.templates-grid .template-wide{width:50%;max-width:0;overflow:hidden;text-overflow:ellipsis}
.templates-grid .template-fit .table-action{margin:0}.templates-grid .template-fit .act-div{display:inline-block;margin:0 8px;color:#777}
.recipients-grid .table-action{margin:0}.recipients-grid .act-div{display:inline-block;margin:0 8px;color:#777}
.delivery-grid{table-layout:auto}.delivery-grid th,.delivery-grid td{vertical-align:middle}.delivery-grid .delivery-error{min-width:220px;max-width:340px;overflow-wrap:anywhere;color:#8b1a1a;line-height:1.35}.delivery-grid .delivery-actions-cell{width:1%;min-width:132px;white-space:nowrap}.delivery-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.delivery-grid .delivery-actions .table-action{display:inline-block;margin:0}.delivery-grid .retry-action{font-weight:600}
#MainContent_RequestGrid .table-action{margin:0}#MainContent_RequestGrid .act-div{display:inline-block;margin:0 8px;color:#777}
.data-table a[href*="DesignerPrototype.aspx"]{display:none}
.form-actions.edit-template-actions,.form-actions.signer-form-actions{justify-content:flex-start}