/* SINDLEVA system typography. Futura is used where installed. Add licensed webfont files for identical rendering on every device. */
:root{--sindleva-font:Futura,'Futura PT','Century Gothic',Arial,sans-serif;--bs-body-font-family:var(--sindleva-font)}
html,body,input,button,select,textarea,h1,h2,h3,h4,h5,h6,p,a,label,legend,table,th,td,li,dt,dd,small,strong,b,em,blockquote,.btn,.form-control,.dropdown-menu,.tooltip,.popover,.modal,.select2-container,.bootstrap-select,.dataTables_wrapper,.fc,.tw-font-sans{font-family:var(--sindleva-font)!important}
body div,body span{font-family:inherit}
/* Preserve icon fonts and developer/code editors. */
code,kbd,pre,samp,.ace_editor,.ace_editor *,.CodeMirror,.CodeMirror *{font-family:monospace!important}


/* SINDLEVA admin theme — scoped to the authenticated workspace. */
body.admin{--sl-navy:#071225;--sl-gold:#ead5b3;--sl-canvas:#f3f5f8;--sl-border:#e3e7ed;background:var(--sl-canvas)!important;color:#263348}
body.admin #header{background:#071225!important;border-bottom:1px solid #243149!important;box-shadow:0 2px 12px #07122516}
body.admin #header #logo{max-width:175px!important;overflow:hidden}body.admin #header #logo a{display:flex;align-items:center;max-width:100%;height:100%}body.admin #header #logo img{display:block;width:160px!important;max-width:100%!important;height:auto!important;max-height:30px!important;object-fit:contain;filter:brightness(0) invert(1)}
body.admin #header .hide-menu{color:#d8c49f!important;border-radius:5px}body.admin #header .hide-menu:hover{background:#ffffff14!important}body.admin #header .navbar-nav>li>a{color:#d9e0eb!important}body.admin #header .navbar-nav>li>a:hover,body.admin #header .navbar-nav>li.open>a{background:#15253b!important;color:#ead5b3!important}
body.admin #header #search_input{background:#142239!important;border:1px solid #2b3a51!important;color:#f1f4f9!important;border-radius:5px!important;box-shadow:none!important}body.admin #header #search_input::placeholder{color:#aeb9ca!important}body.admin #header #search_input:focus{border-color:#b59a70!important}body.admin #top_search_button button{color:#c4b08c!important}
body.admin #menu{background:#071225!important;border-right:1px solid #243149!important}body.admin #menu .sidebar-user-profile{margin-left:12px!important;margin-right:12px!important;margin-bottom:20px}body.admin #menu .sidebar-user-profile>a{background:#122139!important;border:1px solid #2a3950!important;border-radius:6px!important;color:#f0f3f8!important;box-shadow:none!important}body.admin #menu .sidebar-user-profile>a:hover{background:#192b44!important}body.admin #menu .sidebar-user-profile>a .tw-text-neutral-500{color:#aebbcf!important}body.admin #menu .sidebar-user-profile img{border:2px solid #d1b88980}
body.admin #side-menu>li{margin:3px 10px!important}body.admin #side-menu>li>a{min-height:42px;padding:10px 12px!important;display:flex;align-items:center;gap:10px;border:1px solid transparent!important;border-radius:5px!important;color:#c5cede!important;font-size:14px;line-height:20px;font-weight:500!important;box-shadow:none!important;transition:background .18s,color .18s,border-color .18s}
body.admin #side-menu>li>a i{color:#a6b3c6!important;font-size:16px;min-width:19px;margin-right:0!important;text-align:center}body.admin #side-menu>li>a .arrow{margin-left:auto!important;font-size:12px}body.admin #side-menu>li>a:hover,body.admin #side-menu>li>a:focus{background:#17283f!important;color:#fff!important}
body.admin #side-menu>li.active>a{background:#ead5b3!important;color:#071225!important;border-color:#ead5b3!important;font-weight:600!important;box-shadow:0 3px 12px #0002!important}body.admin #side-menu>li.active>a i,body.admin #side-menu>li.active>a .arrow{color:#071225!important}body.admin #side-menu>li.active{background:transparent!important}
body.admin #side-menu .nav-second-level{background:#0b192e!important;margin-top:5px;border-radius:5px;padding:5px 0}body.admin #side-menu .nav-second-level li a{color:#bcc9dc!important;padding-top:9px!important;padding-bottom:9px!important;font-size:13px;border-radius:3px}body.admin #side-menu .nav-second-level li.active>a,body.admin #side-menu .nav-second-level li a:hover{background:#203049!important;color:#f0d6aa!important}
body.admin #wrapper{background:#f3f5f8!important}body.admin .panel_s>.panel-body{border:1px solid #e3e7ed!important;border-radius:7px!important;box-shadow:0 3px 12px #07122506!important;background:#fff}body.admin .panel_s>.panel-heading{background:#fff;color:#18253a;border-color:#e3e7ed}
body.admin .btn-primary{background:#14243b!important;border-color:#14243b!important;color:#fff!important;border-radius:4px!important;box-shadow:none!important}body.admin .btn-primary:hover,body.admin .btn-primary:focus{background:#263c58!important;border-color:#263c58!important}body.admin .btn-default{border-color:#dce2e9!important;border-radius:4px!important}body.admin .form-control{border-color:#dce2e9;border-radius:4px;box-shadow:none}body.admin .form-control:focus{border-color:#b49a73!important;box-shadow:0 0 0 3px #b49a7317!important}
body.admin .table>thead>tr>th{background:#f5f7fa!important;color:#4b5a70!important;border-bottom:1px solid #e1e6ed!important;font-weight:600!important}body.admin .table>tbody>tr>td{border-color:#edf0f4}body.admin .table-hover>tbody>tr:hover{background:#f8f9fc}
body.admin .nav-tabs>li.active>a,body.admin .nav-tabs>li.active>a:focus,body.admin .nav-tabs>li.active>a:hover{color:#253b58!important;border-bottom-color:#ad9061!important}body.admin .dropdown-menu{border:1px solid #e1e6ec!important;box-shadow:0 8px 25px #07122516!important;border-radius:6px}body.admin .dropdown-menu>li>a{color:#2a374b!important}body.admin .dropdown-menu>li>a:hover{background:#f1f4f8!important;color:#14243b!important}
body.admin a:focus-visible,body.admin button:focus-visible{outline:2px solid #b9975e;outline-offset:3px}@media(prefers-reduced-motion:reduce){body.admin #side-menu>li>a{transition:none}}

body.admin #menu .sidebar-user-profile>a>span{display:flex!important;width:100%;gap:10px}body.admin #menu .sidebar-user-profile>a>span>img{flex-shrink:0;width:30px;height:30px}body.admin #menu .sidebar-user-profile>a>span>span{min-width:0;flex:1}body.admin #menu .sidebar-user-profile>a>span>span>span{width:auto!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.admin.dashboard #side-menu>.menu-item-dashboard>a{background:#ead5b3!important;color:#071225!important;border-color:#ead5b3!important;font-weight:600!important}body.admin.dashboard #side-menu>.menu-item-dashboard>a i{color:#071225!important}body.admin #header .navbar-nav>li.icon>a>span.tw-bg-primary-600{background:#ead5b3!important;color:#071225!important}

/* SINDLEVA workspace polish: ivory surfaces, champagne details, precise corners. */
body.admin{--sl-canvas:#f5f4f1;--sl-border:#e5e2db;color:#243247}
body.admin #wrapper{background:#f5f4f1!important}
body.admin #header{box-shadow:inset 0 2px 0 #c5a77a,0 2px 12px #07122512!important}
body.admin #header #logo{padding-right:10px;box-sizing:border-box}
body.admin #side-menu>li>a,body.admin #menu .sidebar-user-profile>a,body.admin #side-menu .nav-second-level{border-radius:3px!important}
body.admin #side-menu>li>a:hover{border-color:#a98a5538!important}
body.admin .panel_s{box-shadow:none!important}
body.admin .panel_s>.panel-body{border-color:#e5e2db!important;border-radius:3px!important;box-shadow:0 4px 18px #07122507!important}
body.admin .panel_s>.panel-heading{border-color:#e5e2db!important;border-radius:3px 3px 0 0!important}
body.admin .top_stats_wrapper{background:#fff!important;border:1px solid #e5e2db!important;border-left:3px solid #c3a77d!important;border-radius:3px!important;padding:19px 20px!important;min-height:100px;box-shadow:0 4px 18px #07122507!important;margin-bottom:12px}
body.admin .top_stats_wrapper svg{color:#947446!important}
body.admin .top_stats_wrapper .progress{background:#f0ede7!important;height:4px!important;border-radius:2px}
body.admin .top_stats_wrapper .tw-font-semibold{color:#15243a!important}
body.admin .btn,body.admin .form-control,body.admin .bootstrap-select>.dropdown-toggle{border-radius:3px!important}
body.admin input.form-control,body.admin select.form-control{min-height:38px}
body.admin .btn-default{background:#fff!important;border-color:#dcd8cf!important;color:#344156!important}
body.admin .btn-default:hover{background:#f5f1e9!important;border-color:#bca681!important}
body.admin .table>thead>tr>th{background:#f4f2ed!important;color:#47546a!important;border-color:#e2ded6!important;padding-top:13px;padding-bottom:13px}
body.admin .table>tbody>tr>td{border-color:#ece9e2!important;vertical-align:middle}
body.admin .table-hover>tbody>tr:hover{background:#fcfaf5!important}
body.admin .nav-tabs>li.active>a{color:#765931!important;border-bottom:2px solid #b59562!important}
body.admin .dropdown-menu{border-radius:3px!important}
body.admin .pagination>.active>a,body.admin .pagination>.active>span{background:#14243b!important;border-color:#14243b!important;color:#fff!important}
@media(max-width:767px){body.admin .top_stats_wrapper{padding:16px!important;min-height:88px}}

/* Hide status charts while retaining outstanding, past-due and paid invoice totals. */
body.admin #widget-finance_overview .home-summary,body.admin #widget-finance_overview .home-summary+hr{display:none!important}

/* Sidebar options hidden at the SINDLEVA team's request. */
body.admin #side-menu>.menu-item-expenses,body.admin #side-menu>.menu-item-projects,body.admin #side-menu>.menu-item-tasks,body.admin #side-menu>.menu-item-support,body.admin #side-menu>.menu-item-estimate_request,body.admin #side-menu>.menu-item-utilities,body.admin #side-menu>.menu-item-reports,body.admin #side-menu>#setup-menu-item{display:none!important}

body.admin #side-menu>.menu-item-customers{display:none!important}

/* SINDLEVA My Orders workspace. */
body.admin.stone_erp.jewelry #wrapper>.content{padding-top:25px}
body.admin.stone_erp.jewelry #wrapper .panel-heading:has(#toggle-filters){background:#fff!important;border:1px solid #e5e2db!important;padding:12px 18px!important;border-radius:3px!important}
body.admin.stone_erp.jewelry #toggle-filters{background:#f5f1e9!important;color:#5d4a2f!important;border:1px solid #ddceb7!important;box-shadow:none!important;min-height:38px;padding:8px 14px}
body.admin.stone_erp.jewelry #filter-section{border-top:0!important;padding:18px!important}
body.admin.stone_erp.jewelry #wrapper a.btn[href$="/jewelry_entry"]{background:#14243b!important;color:#fff!important;border-color:#14243b!important;min-height:38px;padding:9px 16px}
body.admin.stone_erp.jewelry #wrapper a.btn[href$="/jewelry"]{background:transparent!important;color:#536073!important;border-color:transparent!important;box-shadow:none!important;padding-left:0!important;margin-right:14px}
body.admin.stone_erp.jewelry .panel-body:has(.table-jewelry_entry){padding:24px!important}
body.admin.stone_erp.jewelry .panel-body:has(.table-jewelry_entry)>.row.mbot15{margin:0 0 24px!important}
body.admin.stone_erp.jewelry .panel-body:has(.table-jewelry_entry) h4{font-size:25px!important;line-height:1.3;color:#122137;margin:0 0 20px!important;letter-spacing:-.5px}
body.admin.stone_erp.jewelry .panel-body:has(.table-jewelry_entry) h4 svg{color:#aa8b59!important;width:23px;height:23px;margin-right:10px}
body.admin.stone_erp.jewelry ._filters._hidden_inputs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
body.admin.stone_erp.jewelry ._filters._hidden_inputs>div{float:none!important;width:auto!important;padding:0!important;border:0!important;min-width:0}
body.admin.stone_erp.jewelry ._filters a.status{position:relative;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:7px;width:100%;min-height:94px;padding:15px 13px;border:1px solid #e5e2db;border-top:3px solid var(--sl-status,#a6adb8);border-radius:3px;background:#fafaf8;text-decoration:none!important;transition:background .18s,border-color .18s,box-shadow .18s}
body.admin.stone_erp.jewelry ._filters a.status>span:first-child{font-size:25px!important;line-height:1;font-weight:600!important;color:#17263b;margin:0!important;font-variant-numeric:tabular-nums}
body.admin.stone_erp.jewelry ._filters a.status>span:last-child{color:var(--sl-status,#586475)!important;font-size:12px;line-height:1.35;white-space:nowrap}
body.admin.stone_erp.jewelry ._filters a.status[status="1"]{--sl-status:#6b7788}body.admin.stone_erp.jewelry ._filters a.status[status="2"]{--sl-status:#356bad}body.admin.stone_erp.jewelry ._filters a.status[status="3"]{--sl-status:#9a711f}body.admin.stone_erp.jewelry ._filters a.status[status="4"]{--sl-status:#bd4247}body.admin.stone_erp.jewelry ._filters a.status[status="5"]{--sl-status:#92534b}body.admin.stone_erp.jewelry ._filters a.status[status="6"]{--sl-status:#28765a}body.admin.stone_erp.jewelry ._filters a.status[status="7"]{--sl-status:#277b8c}body.admin.stone_erp.jewelry ._filters a.status[status="8"]{--sl-status:#28765a}
body.admin.stone_erp.jewelry ._filters a.status:hover{background:#f2ede4;border-color:#c5ad86;box-shadow:0 3px 10px #14243b0b;opacity:1!important}
body.admin.stone_erp.jewelry ._filters a.status.active,body.admin.stone_erp.jewelry ._filters a.status[aria-pressed="true"]{background:#14243b!important;border-color:#14243b!important;box-shadow:inset 0 -3px 0 #d1b17b}
body.admin.stone_erp.jewelry ._filters a.status.active>span,body.admin.stone_erp.jewelry ._filters a.status[aria-pressed="true"]>span{color:#f5e6cc!important}
body.admin.stone_erp.jewelry .panel-body:has(.table-jewelry_entry)>hr{margin:0 -24px 18px!important;border-color:#e9e5dd}
body.admin.stone_erp.jewelry .dataTables_wrapper>.row:first-child{padding:0 0 14px!important}
body.admin.stone_erp.jewelry .dataTables_filter input{width:220px!important;min-height:38px!important;background:#fff!important;border-color:#dcd8cf!important}
body.admin.stone_erp.jewelry .dataTables_length select{min-width:72px;min-height:38px!important}
body.admin.stone_erp.jewelry .dt-buttons .btn{min-height:38px!important;padding:8px 12px!important}
body.admin.stone_erp.jewelry .table-responsive{border:1px solid #e5e2db;border-radius:3px;max-height:72vh;overflow:auto;scrollbar-color:#b9b2a5 #f5f2ed;scrollbar-width:thin}
body.admin.stone_erp.jewelry table.table-jewelry_entry{width:100%!important;min-width:1240px;table-layout:fixed;border-collapse:separate!important;border-spacing:0}
body.admin.stone_erp.jewelry table.table-jewelry_entry>thead>tr>th{position:sticky;top:0;z-index:3;background:#f2efe8!important;color:#33445a!important;font-size:12px;line-height:1.45;padding:15px 26px 15px 14px!important;border:0!important;border-bottom:1px solid #dcd6c9!important;white-space:normal!important;vertical-align:middle}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td{padding:18px 12px!important;vertical-align:top!important;border:0!important;border-bottom:1px solid #e7e3db!important;background:#fff!important;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr:hover>td{background:#fdfbf7!important}
body.admin.stone_erp.jewelry .table-jewelry_entry>thead>tr>th:nth-child(1){width:55px!important}body.admin.stone_erp.jewelry .table-jewelry_entry>thead>tr>th:nth-child(2){width:155px!important}body.admin.stone_erp.jewelry .table-jewelry_entry>thead>tr>th:nth-child(3){width:250px!important}body.admin.stone_erp.jewelry .table-jewelry_entry>thead>tr>th:nth-child(4),body.admin.stone_erp.jewelry .table-jewelry_entry>thead>tr>th:nth-child(5){width:170px!important}body.admin.stone_erp.jewelry .table-jewelry_entry>thead>tr>th:nth-child(6){width:115px!important}body.admin.stone_erp.jewelry .table-jewelry_entry>thead>tr>th:nth-child(7){width:155px!important}body.admin.stone_erp.jewelry .table-jewelry_entry>thead>tr>th:nth-child(8){width:150px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td:first-child{font-weight:600;color:#788294;padding-top:24px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td:nth-child(2)>div>div{width:128px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td:nth-child(2)>div>div>div:first-child{width:128px!important;height:128px!important;padding:6px;background:#fff;border:1px solid #eeeae2;border-radius:3px;margin-bottom:6px}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td:nth-child(2) .inline-edit-text{font-size:11px!important;line-height:1.5;display:inline-block;max-width:128px;overflow-wrap:anywhere}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td:nth-child(3)>div:first-child{border:0!important;background:transparent!important;padding:0!important;border-radius:0!important}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td:nth-child(3)>div:first-child>div:first-child{margin-bottom:12px!important;padding-bottom:9px;border-bottom:1px solid #e7e1d7;color:#8c6c3e!important}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td:nth-child(3)>div:first-child>div:first-child>span:first-child{background:#ad8a52!important}
body.admin.stone_erp.jewelry .inline-edit-text[data-field="jewelry_order_number"]{font-size:15px!important;font-weight:600;color:#14243b!important;text-decoration:none!important;letter-spacing:.2px}
body.admin.stone_erp.jewelry .table-jewelry_entry select.jewelry-inline-select{height:30px!important;min-height:30px!important;max-width:142px!important;padding:3px 7px!important;background:#faf9f6!important;border:1px solid #e1dbd0!important;font-size:11px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry .inline-edit-weight{padding:1px 3px;border-radius:2px}
body.admin.stone_erp.jewelry .table-jewelry_entry .inline-edit-weight:hover,body.admin.stone_erp.jewelry .table-jewelry_entry .inline-edit-text:hover{background:#f0e9dc!important;color:#725328!important}
body.admin.stone_erp.jewelry .inline-edit-text[data-field="center_diamond_details"],body.admin.stone_erp.jewelry .inline-edit-text[data-field="side_diamond_details"]{min-height:44px!important;padding:10px!important;border:1px dashed #d9d2c5;border-radius:3px;background:#fbfaf7;line-height:1.7}
body.admin.stone_erp.jewelry .inline-edit-text[data-field="center_diamond_details"]>span,body.admin.stone_erp.jewelry .inline-edit-text[data-field="side_diamond_details"]>span{color:#81755f!important}
body.admin.stone_erp.jewelry .table-jewelry_entry .row-options{visibility:visible!important;opacity:1!important;margin-top:12px!important;text-align:left!important;font-size:0}
body.admin.stone_erp.jewelry .table-jewelry_entry .row-options a{display:inline-block;padding:5px 10px;margin:0 4px 0 0;border:1px solid #e0d9cd;border-radius:3px;background:#fff;font-size:11px!important;line-height:1.4;color:#40516a!important}
body.admin.stone_erp.jewelry .table-jewelry_entry .row-options a.text-danger{color:#a64444!important;border-color:#ecd9d6;background:#fffafa}
body.admin.stone_erp.jewelry .table-jewelry_entry .label{display:inline-flex;align-items:center;gap:3px;padding:8px 9px;border-radius:3px;font-size:11px;line-height:1.2;white-space:nowrap}
body.admin.stone_erp.jewelry .dataTables_info{color:#7b8290;font-size:12px;padding-top:18px!important}
@media(max-width:1450px){body.admin.stone_erp.jewelry ._filters._hidden_inputs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:650px){body.admin.stone_erp.jewelry .panel-body:has(.table-jewelry_entry){padding:16px!important}body.admin.stone_erp.jewelry ._filters._hidden_inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}body.admin.stone_erp.jewelry ._filters a.status{min-height:80px;padding:12px}body.admin.stone_erp.jewelry ._filters a.status>span:first-child{font-size:23px!important}body.admin.stone_erp.jewelry .dataTables_filter input{width:150px!important}body.admin.stone_erp.jewelry .panel-body:has(.table-jewelry_entry)>hr{margin-left:-16px!important;margin-right:-16px!important}body.admin.stone_erp.jewelry .table-responsive{max-height:70vh}}
@media(prefers-reduced-motion:reduce){body.admin.stone_erp.jewelry ._filters a.status{transition:none}}

/* Give My Orders readable controls and normal page scrolling. */
body.admin.stone_erp.jewelry .table-responsive{max-height:none!important;height:auto!important;overflow-x:auto;overflow-y:visible;scrollbar-width:auto}
body.admin.stone_erp.jewelry #wrapper>.content{padding:18px 20px 30px}
body.admin.stone_erp.jewelry .panel-body:has(.table-jewelry_entry){padding:20px!important}
body.admin.stone_erp.jewelry .panel-body:has(.table-jewelry_entry)>.row.mbot15{margin-bottom:16px!important}
body.admin.stone_erp.jewelry .sl-orders-help{margin-bottom:14px;font-size:13px}
body.admin.stone_erp.jewelry ._filters a.status{min-height:76px;padding:10px 13px;gap:5px}
body.admin.stone_erp.jewelry ._filters a.status>span:first-child{font-size:23px!important}
body.admin.stone_erp.jewelry ._filters a.status>span:last-child{font-size:13px}
body.admin.stone_erp.jewelry table.table-jewelry_entry{min-width:1400px}
body.admin.stone_erp.jewelry table.table-jewelry_entry>thead>tr>th{font-size:13px;padding-top:14px!important;padding-bottom:14px!important;position:static}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td{font-size:14px;line-height:1.6;padding:18px 14px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry>thead>tr>th:nth-child(2){width:180px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry>thead>tr>th:nth-child(3){width:280px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry>thead>tr>th:nth-child(4),body.admin.stone_erp.jewelry .table-jewelry_entry>thead>tr>th:nth-child(5){width:185px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td:nth-child(2)>div>div{width:150px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td:nth-child(2)>div>div>div:first-child{width:150px!important;height:150px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td:nth-child(2) .inline-edit-text{font-size:12px!important;max-width:150px}
body.admin.stone_erp.jewelry .table-jewelry_entry>tbody>tr>td:nth-child(3)>div:first-child span{font-size:13px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry .inline-edit-text[data-field="jewelry_order_number"]{font-size:17px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry select.jewelry-inline-select{height:34px!important;min-height:34px!important;font-size:13px!important;max-width:160px!important}
body.admin.stone_erp.jewelry .inline-edit-text[data-field="center_diamond_details"],body.admin.stone_erp.jewelry .inline-edit-text[data-field="side_diamond_details"]{font-size:13px!important;min-height:46px!important}
body.admin.stone_erp.jewelry .table-jewelry_entry .row-options a{font-size:13px!important;padding:7px 12px}
body.admin.stone_erp.jewelry .table-jewelry_entry .label{font-size:13px;padding:9px 10px}
body.admin.stone_erp.jewelry .table-jewelry_entry .inline-edit-text[data-field="jewelry_order_number"].editing input{width:100%;min-width:0!important}
@media(max-width:650px){body.admin.stone_erp.jewelry #wrapper>.content{padding:14px 10px}body.admin.stone_erp.jewelry .panel-body:has(.table-jewelry_entry){padding:14px!important}body.admin.stone_erp.jewelry .table-responsive{max-height:none!important}}

/* Include cell padding in column widths so all order columns fit wide screens. */
body.admin.stone_erp.jewelry table.table-jewelry_entry{min-width:1305px}body.admin.stone_erp.jewelry table.table-jewelry_entry>thead>tr>th{box-sizing:border-box!important}

/* Keep the order status cards white in every interaction state. */
body.admin.stone_erp.jewelry ._filters a.status,body.admin.stone_erp.jewelry ._filters a.status:hover,body.admin.stone_erp.jewelry ._filters a.status.active,body.admin.stone_erp.jewelry ._filters a.status[aria-pressed="true"]{background:#fff!important}
body.admin.stone_erp.jewelry ._filters a.status.active,body.admin.stone_erp.jewelry ._filters a.status[aria-pressed="true"]{border-color:var(--sl-status)!important;box-shadow:0 0 0 1px var(--sl-status)!important}
body.admin.stone_erp.jewelry ._filters a.status.active>span:first-child,body.admin.stone_erp.jewelry ._filters a.status[aria-pressed="true"]>span:first-child{color:#17263b!important}
body.admin.stone_erp.jewelry ._filters a.status.active>span:last-child,body.admin.stone_erp.jewelry ._filters a.status[aria-pressed="true"]>span:last-child{color:var(--sl-status)!important}
.sl-order-modal .modal-header .modal-title{color:#f7ecd9!important}.sl-order-modal .modal-content{border-radius:3px!important}

/* Keep the desktop navigation visible for the full viewport while long pages scroll. */
@media screen and (min-width:769px){body.admin #menu{position:fixed!important;top:0!important;bottom:0!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}}

/* SINDLEVA: hide unused top toolbar controls (21 Oct 2026). */
body.admin #header #top_search,
body.admin #header .navbar-nav.navbar-right,
body.admin #header .navbar-nav.visible-md.visible-lg { display:none!important; }

/* SINDLEVA colourful workspace — 21 Oct 2026. Screen only. */
@media screen {
body.admin{background:#f1f5fc!important;color:#24334d!important;--sl-canvas:#f1f5fc;--sl-border:#dce5f4}
body.admin #header{height:0!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
body.admin #header>nav{display:none!important}
body.admin #header .hide-menu{position:fixed!important;right:14px;top:10px;margin:0!important;z-index:1100;background:#fff!important;color:#335bc3!important;box-shadow:0 3px 12px #23407524;padding:9px!important}
body.admin #wrapper{padding-top:0!important;margin-top:0!important;background:linear-gradient(135deg,#f0f5ff 0%,#f5f2ff 52%,#edf9f6 100%)!important;min-height:100vh!important}
body.admin #menu{background:linear-gradient(165deg,#152b55 0%,#243b74 58%,#174e62 100%)!important;border-right:0!important}
body.admin #menu:before{content:'SINDLEVA';display:block;color:#fff;font-family:Georgia,serif!important;font-size:28px;letter-spacing:2px;padding:20px 17px 12px}
body.admin #menu .sidebar-user-profile{margin-top:4px!important;margin-bottom:16px!important}
body.admin #menu .sidebar-user-profile>a{background:#ffffff12!important;border-color:#ffffff22!important;border-radius:12px!important}
body.admin #side-menu>li>a{border-radius:10px!important;margin:4px 7px!important;color:#e4edff!important;transition:background .15s ease}
body.admin #side-menu>li>a:hover{background:#ffffff17!important}
body.admin #side-menu>li.active>a{background:linear-gradient(100deg,#4877e9,#7461d7)!important;color:#fff!important;box-shadow:0 4px 12px #081d3933}
body.admin #side-menu>li>a>i{color:#83caff!important}
body.admin #side-menu>li:nth-child(3n+2)>a>i{color:#c3afff!important}
body.admin #side-menu>li:nth-child(3n)>a>i{color:#7be0ca!important}
body.admin #side-menu>li.active>a>i{color:#fff!important}
body.admin .panel_s>.panel-body{border:1px solid #dce5f4!important;border-radius:14px!important;box-shadow:0 5px 18px #28477408!important;background:#fff!important}
body.admin .btn-primary{background:#4269d5!important;border-color:#4269d5!important;color:#fff!important;border-radius:8px!important;box-shadow:0 3px 8px #4269d522}
body.admin .btn-primary:hover{background:#3155b8!important;border-color:#3155b8!important}
body.admin .btn-default{background:#f4f7ff!important;border-color:#d5dff3!important;color:#36558b!important;border-radius:7px!important}
body.admin .form-control,body.admin .bootstrap-select>.btn{border-color:#d9e2f3!important;border-radius:8px!important}
body.admin .form-control:focus{border-color:#7394ed!important;box-shadow:0 0 0 3px #5984f31a!important}
body.admin table.dataTable>thead>tr>th{background:#e9efff!important;color:#304b86!important;border-bottom:2px solid #cbd9fa!important;font-size:12px!important;font-weight:600!important;padding-top:14px!important;padding-bottom:14px!important}
body.admin table.dataTable>tbody>tr:nth-child(even)>td{background:#f7f9ff!important}
body.admin table.dataTable>tbody>tr:hover>td{background:#edf4ff!important}
body.admin table.dataTable>tbody>tr>td{border-bottom:1px solid #e8edf7!important;color:#34445f!important}
body.admin table.dataTable>tbody>tr>td:first-child>a:first-child{color:#4266c3!important;font-weight:600!important}
body.admin .pagination>.active>a{background:#526fdb!important;border-color:#526fdb!important;color:#fff!important;border-radius:7px!important}
body.admin.credit_notes .table-credit-notes tbody td:nth-child(4) .label{background:#e1f7f0!important;color:#14745b!important;border:1px solid #a5dfcc!important;border-radius:20px!important;padding:6px 11px!important;font-weight:600!important}
body.admin.credit_notes .table-credit-notes tbody td:nth-child(6),body.admin.credit_notes .table-credit-notes tbody td:nth-child(7){font-weight:600!important;font-variant-numeric:tabular-nums}
body.admin.credit_notes .table-credit-notes tbody td:nth-child(7){color:#167765!important}
body.admin.credit_notes .table-credit-notes textarea{background:#fbfcff!important;min-height:42px!important;height:42px;border:1px solid #dce5f4!important;border-radius:8px!important}
body.admin.credit_notes .table-credit-notes td{padding-top:12px!important;padding-bottom:12px!important}
}
@media screen and (min-width:769px){body.admin #header .hide-menu{display:none!important}}
@media screen and (max-width:768px){body.admin #wrapper>.content{padding-top:56px!important}body.admin #menu{padding-top:0!important}}

/* SINDLEVA refined open layout: original logo preserved. */
@media screen {
body.admin #menu:before{content:none!important;display:none!important}
body.admin #header>nav{display:block!important;height:0!important;min-height:0!important;overflow:visible!important}
body.admin #header #logo{position:fixed!important;top:14px!important;left:25px!important;z-index:1101!important;display:flex!important;height:38px!important;width:175px!important}
body.admin #menu .sidebar-user-profile{margin-top:72px!important;margin-bottom:18px!important}
body.admin #menu .sidebar-user-profile>a{background:transparent!important;border:0!important;border-radius:0!important}
body.admin #wrapper{background:#f5f7fc!important}
body.admin .panel_s>.panel-body{border:0!important;border-radius:6px!important;box-shadow:none!important}
body.admin table.dataTable>tbody>tr>td{border-left:0!important;border-right:0!important;padding-top:10px!important;padding-bottom:10px!important}
body.admin table.dataTable>thead>tr>th{border-left:0!important;border-right:0!important;padding-top:11px!important;padding-bottom:11px!important}
body.admin #sl-operations-dashboard .sl-card{background:transparent!important;border:0!important;border-top:1px solid #dce4f1!important;border-radius:0!important;box-shadow:none!important;padding:22px 0!important}
body.admin #sl-operations-dashboard .sl-kpi{border:0!important;border-radius:8px!important;box-shadow:none!important;background:#eaf0ff!important;color:#29457f!important}
body.admin #sl-operations-dashboard .sl-kpi:nth-child(2){background:#eeeafe!important;color:#64509d!important}
body.admin #sl-operations-dashboard .sl-kpi:nth-child(3){background:#e2f4ee!important;color:#187158!important}
body.admin #sl-operations-dashboard .sl-kpi:nth-child(4){background:#fff0df!important;color:#995c23!important}
body.admin #sl-operations-dashboard .sl-kpi-title,body.admin #sl-operations-dashboard .sl-kpi-number,body.admin #sl-operations-dashboard .sl-kpi-note,body.admin #sl-operations-dashboard .sl-kpi-icon{color:inherit!important}
body.admin #sl-operations-dashboard .sl-kpi-icon{background:transparent!important;border:0!important}
body.admin #sl-operations-dashboard .sl-diamond-metrics>a,body.admin #sl-operations-dashboard .sl-quality-metrics>a{border:0!important;border-left:3px solid #95afe9!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:8px 12px!important}
body.admin #sl-operations-dashboard .sl-diamond-metrics>a:nth-child(3n+2){border-left-color:#b3a1e1!important}
body.admin #sl-operations-dashboard .sl-diamond-metrics>a:nth-child(3n){border-left-color:#80c9b3!important}
body.admin #sl-operations-dashboard .sl-diamond-metrics>a:hover,body.admin #sl-operations-dashboard .sl-quality-metrics>a:hover{background:#eaf0ff!important}
body.admin #sl-operations-dashboard .sl-button{border-radius:6px!important}
body.admin #sl-operations-dashboard .sl-button.sl-primary{background:#4269d5!important;border-color:#4269d5!important;color:white!important}
body.admin #sl-operations-dashboard .sl-card-head h2{color:#29457f!important}
}
@media screen and (max-width:768px){body.admin #header #logo{display:none!important}body.admin.show-sidebar #header #logo{display:flex!important}}

/* SINDLEVA professional visual system */
@media screen {
body.admin,body.admin input,body.admin select,body.admin textarea,body.admin button,body.admin .btn,body.admin table,body.admin #side-menu,body.admin #sl-operations-dashboard{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:normal!important}
body.admin #wrapper,body.admin #wrapper>.content{background:#f5f6f8!important}
body.admin #menu{background:#112238!important}
body.admin #side-menu>li>a{font-size:12px!important;font-weight:500!important;border-radius:5px!important;padding:13px 14px!important;box-shadow:none!important}
body.admin #side-menu>li>a>i{color:#a9b8ca!important}
body.admin #side-menu>li.active>a,body.admin #side-menu>li>a[aria-expanded=true]{background:#26394f!important;color:#fff!important;border:0!important;border-left:3px solid #c8aa72!important;box-shadow:none!important}
body.admin .btn-primary,body.admin #sl-operations-dashboard .sl-button.sl-primary{background:#203c57!important;border-color:#203c57!important;box-shadow:none!important;border-radius:5px!important}
body.admin .btn-default{background:#fff!important;border-color:#dce1e7!important;color:#445468!important;box-shadow:none!important}
body.admin h1,body.admin h2,body.admin h3,body.admin h4{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:normal!important}
body.admin .panel_s>.panel-body{border:1px solid #e6e9ee!important;border-radius:6px!important;box-shadow:none!important}
body.admin table.dataTable>thead>tr>th{background:#edf1f5!important;color:#536174!important;font-size:11px!important;letter-spacing:.35px!important;border-bottom:1px solid #dce2e9!important;white-space:nowrap!important}
body.admin table.dataTable>tbody>tr>td{font-size:12px!important;color:#26364a!important;border-bottom:1px solid #edf0f4!important}
body.admin table.dataTable>tbody>tr:nth-child(even)>td{background:#fafbfc!important}
body.admin table.dataTable>tbody>tr:hover>td{background:#f1f5fa!important}
body.admin table.dataTable>tbody>tr>td:first-child>a:first-child{white-space:nowrap!important;color:#244e76!important}
body.admin .pagination>.active>a{background:#203c57!important;border-color:#203c57!important}
body.admin #sl-operations-dashboard .sl-kpi{background:#fff!important;color:#20364d!important;border:1px solid #e2e6ec!important;border-top:3px solid #8ba1b5!important;border-radius:6px!important;padding:20px!important;min-height:145px!important}
body.admin #sl-operations-dashboard .sl-kpi:nth-child(2){background:#fff!important;color:#20364d!important;border-top-color:#a5a1b7!important}
body.admin #sl-operations-dashboard .sl-kpi:nth-child(3){background:#fff!important;color:#20364d!important;border-top-color:#83aa9c!important}
body.admin #sl-operations-dashboard .sl-kpi:nth-child(4){background:#fff!important;color:#20364d!important;border-top-color:#c7ac7e!important}
body.admin #sl-operations-dashboard .sl-kpi-number{font-size:30px!important;font-weight:600!important;letter-spacing:-1px!important;overflow-wrap:anywhere}
body.admin #sl-operations-dashboard .sl-kpi-title{font-size:11px!important;font-weight:600!important;letter-spacing:.6px!important;color:#647386!important}
body.admin #sl-operations-dashboard .sl-kpi-note{font-size:12px!important;line-height:1.6!important;color:#778496!important}
body.admin #sl-operations-dashboard h1{font-size:25px!important;font-weight:600!important;letter-spacing:-.5px!important}
body.admin #sl-operations-dashboard .sl-card-head h2{font-size:18px!important;text-transform:none!important;color:#253a50!important}
body.admin #sl-operations-dashboard .sl-diamond-metrics>a{border-left-color:#d3dce5!important}
body.admin #sl-operations-dashboard .sl-kpis{gap:16px!important}
body.admin .table-responsive{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
body.admin .dataTables_wrapper{max-width:100%}
}
@media screen and (max-width:1100px){body.admin #sl-operations-dashboard .sl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media screen and (max-width:768px){body.admin #wrapper{margin-left:0!important;width:100%!important}body.admin #wrapper>.content{padding:60px 14px 20px!important}body.admin #sl-operations-dashboard .sl-dash-top{flex-wrap:wrap!important;gap:14px!important}body.admin #sl-operations-dashboard .sl-dash-actions{flex-wrap:wrap!important}body.admin #sl-operations-dashboard .sl-main-grid{grid-template-columns:1fr!important}body.admin #sl-operations-dashboard .sl-diamond-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.admin .panel_s>.panel-body{padding:14px!important}}
@media screen and (max-width:480px){body.admin #sl-operations-dashboard .sl-kpis{grid-template-columns:1fr!important}body.admin #sl-operations-dashboard .sl-kpi{min-height:125px!important}body.admin .dataTables_length,body.admin .dataTables_filter{text-align:left!important;margin-bottom:10px!important}}

@media screen and (max-width:768px){body.admin #menu{position:fixed!important;top:0!important;bottom:0!important;height:100vh!important;min-height:0!important;z-index:1100!important;overflow-y:auto!important}body.admin #sl-operations-dashboard{width:100%!important;margin:0!important;padding:0 14px!important}body.admin .table-responsive{margin-left:0!important;margin-right:0!important}body.admin #header .hide-menu{z-index:1200!important}}

@media screen and (max-width:768px){body.admin #wrapper>.content>.row{margin-left:0!important;margin-right:0!important}body.admin #header{z-index:1150!important}body.admin #sl-operations-dashboard{padding-left:0!important;padding-right:0!important}}

/* Compact payment notes */
@media screen {
body.admin.credit_notes #wrapper>.content{padding-top:16px!important}
body.admin.credit_notes .panel_s>.panel-body{padding:12px 16px!important}
body.admin.credit_notes table.table-credit-notes>tbody>tr>td{padding:8px 10px!important;height:auto!important;vertical-align:middle!important}
body.admin.credit_notes table.table-credit-notes>thead>tr>th{padding:10px!important}
body.admin.credit_notes .table-credit-notes .sl-credit-remark{display:flex!important;align-items:center!important;gap:6px!important;min-width:220px}
body.admin.credit_notes .table-credit-notes .sl-credit-remark-input{height:32px!important;min-height:32px!important;padding:6px 8px!important;line-height:18px!important;margin:0!important;flex:1;min-width:150px;resize:vertical}
body.admin.credit_notes .table-credit-notes .sl-credit-remark-input:focus{height:62px!important}
body.admin.credit_notes .table-credit-notes .sl-credit-remark-save{margin:0!important;padding:5px 9px!important;height:30px!important;flex-shrink:0}
body.admin.credit_notes .sl-credit-remark-status:empty{display:none!important}
body.admin.credit_notes .table-credit-notes tbody td:nth-child(4) .label{padding:4px 9px!important;font-size:11px!important}
body.admin.credit_notes .table-credit-notes .row-options{min-height:0!important;margin:2px 0 0!important}
}

@media screen {
body.admin.credit_notes .table-credit-notes tbody td:nth-child(4) .label.sl-status-open{background:#fff4d9!important;color:#94630c!important;border-color:#eed59c!important}
body.admin.credit_notes .table-credit-notes tbody td:nth-child(4) .label.sl-status-closed{background:#e2f3eb!important;color:#216649!important;border-color:#b3d9c5!important}
body.admin.credit_notes .table-credit-notes tbody td:nth-child(4) .label.sl-status-void{background:#f2e8eb!important;color:#8b4554!important;border-color:#dfc4cd!important}
body.admin.shipments #wrapper>.content{padding-top:20px!important}
body.admin.shipments .sl-shipment-toolbar{margin-bottom:14px!important}
body.admin.shipments #wrapper .panel_s{margin-bottom:16px!important}
body.admin.shipments #wrapper .panel_s>.panel-body{padding:18px!important;border:1px solid #e1e6ec!important;border-radius:8px!important}
body.admin.shipments h4,body.admin.shipments h4 span{font:600 22px Arial,sans-serif!important;text-transform:none!important;letter-spacing:-.4px!important;color:#20364d!important}
body.admin.shipments #toggle-filters{background:#fff!important;color:#35516a!important;border:1px solid #d9e1e9!important;box-shadow:none!important;border-radius:5px!important;font-size:12px!important;margin:0!important}
body.admin.shipments .sl-customs-notice{background:#f7f8fa!important;border:0!important;border-left:2px solid #bc9d68!important;color:#677486!important;padding:8px 12px!important;font:12px/1.5 Arial,sans-serif!important;margin-top:10px!important}
body.admin.shipments .sl-shipment-stages{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px!important;margin:0!important;padding:0!important}
body.admin.shipments .sl-shipment-stages>div{width:auto!important;padding:0!important;border:0!important;float:none!important}
body.admin.shipments .sl-shipment-stages a.status{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;padding:12px 14px!important;min-height:72px!important;background:var(--sl-stage-tint)!important;border:1px solid transparent!important;border-top:3px solid var(--sl-stage)!important;border-radius:6px!important;box-shadow:none!important}
body.admin.shipments .sl-shipment-stages a.status>span:first-child{font:600 24px Arial,sans-serif!important;color:#20364d!important;margin:0!important}
body.admin.shipments .sl-shipment-stages a.status>span:last-child{font:500 12px Arial,sans-serif!important}
body.admin.shipments .sl-shipment-stages a.status[aria-pressed=true]{border-color:var(--sl-stage)!important;box-shadow:0 0 0 1px var(--sl-stage)!important}
body.admin.shipments .dataTables_wrapper>.row{margin:0!important}
body.admin.shipments .dataTables_wrapper>.row>div{padding:0!important}
body.admin.shipments .dataTables_wrapper>.row:nth-child(2){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 0!important}
body.admin.shipments .dataTables_wrapper>.row:nth-child(2)>.col-md-7{display:flex;align-items:center;gap:6px;width:auto}
body.admin.shipments .dataTables_wrapper>.row:nth-child(2)>.col-md-5{width:auto;margin-left:auto}
body.admin.shipments .table-responsive{margin:0!important;border:1px solid #e2e7ee;border-radius:6px}
body.admin.shipments table.table-shipments{width:100%!important;min-width:1100px;margin:0!important}
body.admin.shipments table.table-shipments th{font:600 11px Arial,sans-serif!important;letter-spacing:.3px!important;text-transform:uppercase;white-space:nowrap;padding:12px!important}
body.admin.shipments table.table-shipments td,body.admin.shipments table.table-shipments td a{font-family:Arial,sans-serif!important;font-size:12px!important}
body.admin.shipments table.table-shipments td{padding:9px 12px!important;vertical-align:middle!important}
body.admin.shipments .sl-shipment-stage{height:31px!important;min-height:31px!important;padding:4px 8px!important;min-width:140px!important;font:500 12px Arial,sans-serif!important;border:1px solid #dce6e3!important}
body.admin.shipments table .btn{font-size:11px!important;padding:4px 8px!important;box-shadow:none!important}
body.admin.shipments #filter-section{background:#f7f9fc!important;border-top:1px solid #e2e7ef!important;margin-top:12px!important;padding:12px 0 0!important}
}
@media(max-width:1200px){body.admin.shipments .sl-shipment-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){body.admin.shipments .sl-shipment-stages{grid-template-columns:repeat(2,minmax(0,1fr))}body.admin.shipments #wrapper .panel_s>.panel-body{padding:12px!important}body.admin.shipments #wrapper>.content{padding-top:60px!important}}

@media screen{body.admin.shipments #wrapper .panel_s .sl-shipment-stages a.status{background:var(--sl-stage-tint)!important;border:0!important;border-top:3px solid var(--sl-stage)!important}body.admin.shipments #wrapper .panel_s>.panel-body>.row:first-child:has(h4){display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0!important}body.admin.shipments #wrapper .panel_s>.panel-body>.row:first-child:has(h4)>div{width:auto!important;padding:0!important}body.admin.shipments #wrapper h4{margin:0!important}body.admin.shipments #wrapper .dataTables_wrapper hr{margin:10px 0!important}body.admin.shipments #wrapper table.table-shipments th,body.admin.shipments #wrapper table.table-shipments td{white-space:nowrap!important}}

/* Payment Notes column separators */
@media screen{body.admin.credit_notes #wrapper table.table-credit-notes>thead>tr>th,body.admin.credit_notes #wrapper table.table-credit-notes>tbody>tr>td{border-right:1px solid #d5dde7!important}body.admin.credit_notes #wrapper table.table-credit-notes>thead>tr>th:first-child,body.admin.credit_notes #wrapper table.table-credit-notes>tbody>tr>td:first-child{border-left:1px solid #d5dde7!important}}

/* Jewellery jobs: compact professional workspace */
@media screen {
body.admin.job_sheet #wrapper .sl-jobs-list-polished{padding-top:22px!important}
body.admin.job_sheet #wrapper .sl-job-heading{align-items:center!important;gap:16px!important;margin-bottom:20px!important;flex-wrap:wrap!important}
body.admin.job_sheet #wrapper .sl-job-heading h1{font:600 25px/1.25 Arial,sans-serif!important;letter-spacing:-.5px!important;text-transform:none!important;margin:0 0 7px!important;color:#20364d!important}
body.admin.job_sheet #wrapper .sl-job-heading p{font:12px/1.5 Arial,sans-serif!important;color:#718095!important;margin:0!important}
body.admin.job_sheet #wrapper .sl-job-header-actions{display:flex!important;flex-wrap:wrap;gap:10px!important;align-items:center!important}
body.admin.job_sheet #wrapper .sl-job-list-search{display:flex!important;gap:6px!important;min-width:0}
body.admin.job_sheet #wrapper .sl-job-list-search input{width:230px!important;max-width:100%!important;height:35px!important;font:12px Arial,sans-serif!important}
body.admin.job_sheet #wrapper .sl-job-header-actions .btn{height:35px!important;padding:7px 12px!important;font:500 12px Arial,sans-serif!important;white-space:nowrap}
body.admin.job_sheet #wrapper .sl-workflow-panel{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0 0 18px!important;gap:8px!important;align-items:stretch!important}
body.admin.job_sheet #wrapper .sl-job-flow{gap:8px!important}
body.admin.job_sheet #wrapper .sl-workflow-step,body.admin.job_sheet #wrapper .sl-all-jobs{border:1px solid #dce3eb!important;border-radius:6px!important;background:#fff!important;min-height:58px!important;padding:10px 12px!important;color:#40536c!important;box-shadow:none!important;font:500 12px Arial,sans-serif!important;text-transform:none!important}
body.admin.job_sheet #wrapper .sl-workflow-step.active,body.admin.job_sheet #wrapper .sl-all-jobs.active{background:#203c57!important;color:white!important;border-color:#203c57!important}
body.admin.job_sheet #wrapper .sl-step-title{font:500 12px/1.4 Arial,sans-serif!important;text-transform:none!important}
body.admin.job_sheet #wrapper .sl-step-count,body.admin.job_sheet #wrapper .sl-all-jobs strong{font:600 14px Arial,sans-serif!important;border:0!important;border-radius:4px!important;background:#edf2f7!important;color:#25425f!important;padding:4px 7px!important}
body.admin.job_sheet #wrapper .sl-flow-cad{border-top:3px solid #7094be!important}
body.admin.job_sheet #wrapper .sl-flow-cad_review{border-top:3px solid #a08dbb!important}
body.admin.job_sheet #wrapper .sl-flow-quotation{border-top:3px solid #c4a169!important}
body.admin.job_sheet #wrapper .sl-flow-quote_review{border-top:3px solid #79a5af!important}
body.admin.job_sheet #wrapper .sl-flow-production{border-top:3px solid #7da692!important}
body.admin.job_sheet #wrapper .sl-jobs-list-polished>.panel_s>.panel-body{padding:16px!important;border:1px solid #e0e6ed!important;border-radius:8px!important}
body.admin.job_sheet #wrapper .sl-job-resultbar{margin-bottom:12px!important;border:0!important;padding:0!important}
body.admin.job_sheet #wrapper .sl-job-resultbar h2{font:600 16px Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;margin:0!important}
body.admin.job_sheet #wrapper .sl-bulk-cad-bar{background:#f5f7fa!important;border:1px solid #e1e6ec!important;border-radius:5px!important;padding:8px 10px!important;margin-bottom:12px!important;font:12px Arial,sans-serif!important;gap:8px;flex-wrap:wrap}
body.admin.job_sheet #wrapper .sl-bulk-cad-bar .btn{font:500 11px Arial,sans-serif!important;padding:6px 9px!important;min-height:28px!important}
body.admin.job_sheet #wrapper #sl-job-review-table{min-width:1250px!important;border-collapse:collapse!important;width:100%!important}
body.admin.job_sheet #wrapper #sl-job-review-table>thead>tr>th{background:#edf1f5!important;color:#465a72!important;font:600 11px Arial,sans-serif!important;letter-spacing:.2px!important;padding:11px 10px!important;border:1px solid #d9e1ea!important;white-space:nowrap!important}
body.admin.job_sheet #wrapper #sl-job-review-table>tbody>tr>td{font-family:Arial,sans-serif!important;font-size:12px!important;line-height:1.5!important;padding:12px 10px!important;vertical-align:top!important;border:1px solid #e1e6ed!important}
body.admin.job_sheet #wrapper #sl-job-review-table>tbody>tr:nth-child(even)>td{background:#fafbfd!important}
body.admin.job_sheet #wrapper #sl-job-review-table>tbody>tr:hover>td{background:#f3f7fb!important}
body.admin.job_sheet #wrapper .sl-job-ref{font:600 12px Arial,sans-serif!important;color:#264e73!important}
body.admin.job_sheet #wrapper .sl-job-reference-grid img{width:60px!important;height:60px!important;object-fit:contain!important;border:1px solid #dde4ec!important;border-radius:5px!important;background:white!important}
body.admin.job_sheet #wrapper .sl-reference-label{font:10px Arial,sans-serif!important;color:#8290a2!important;margin-bottom:5px!important}
body.admin.job_sheet #wrapper .sl-job-reference-block{margin-bottom:7px!important}
body.admin.job_sheet #wrapper .sl-job-stage{font:500 11px/1.4 Arial,sans-serif!important;padding:5px 7px!important;border-radius:4px!important}
body.admin.job_sheet #wrapper .sl-stage-track{height:4px!important;margin:8px 0 5px!important}
body.admin.job_sheet #wrapper .sl-priority{font:500 10px Arial,sans-serif!important;border-radius:4px!important;padding:5px 7px!important}
body.admin.job_sheet #wrapper .sl-inline-cad-actions{min-width:150px!important;max-width:185px!important}
body.admin.job_sheet #wrapper .sl-cad-dropbox{min-height:48px!important;padding:7px!important;border:1px dashed #aabccd!important;border-radius:5px!important;background:#f6f9fc!important;gap:2px!important}
body.admin.job_sheet #wrapper .sl-cad-dropbox strong{font:600 11px Arial,sans-serif!important}
body.admin.job_sheet #wrapper .sl-cad-dropbox span{font:10px Arial,sans-serif!important}
body.admin.job_sheet #wrapper .sl-row-cad-upload>.btn{padding:6px 8px!important;min-height:29px!important;font:500 11px Arial,sans-serif!important;margin-top:5px!important}
body.admin.job_sheet #wrapper .sl-job-details-link{font:500 11px Arial,sans-serif!important;text-align:left!important;margin-top:6px!important;color:#315f88!important}
body.admin.job_sheet #wrapper .sl-job-updated{font:11px/1.5 Arial,sans-serif!important;color:#788698!important}
body.admin.job_sheet #wrapper .sl-job-management{margin-top:5px!important;font-size:11px!important}
body.admin.job_sheet #wrapper .sl-jobs-list-polished .table-responsive{border-radius:6px!important;overflow-x:auto!important;margin:0!important}
}
@media screen and (max-width:1100px){body.admin.job_sheet #wrapper .sl-workflow-panel{display:flex!important;flex-direction:column!important}body.admin.job_sheet #wrapper .sl-job-flow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}body.admin.job_sheet #wrapper .sl-all-jobs{min-height:38px!important;align-self:flex-start}}
@media screen and (max-width:768px){body.admin.job_sheet #wrapper .sl-jobs-list-polished{padding:60px 14px 20px!important}body.admin.job_sheet #wrapper .sl-job-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.admin.job_sheet #wrapper .sl-job-heading h1{font-size:22px!important}body.admin.job_sheet #wrapper .sl-job-header-actions{width:100%!important}body.admin.job_sheet #wrapper .sl-job-list-search{width:100%!important}body.admin.job_sheet #wrapper .sl-job-list-search input{flex:1!important;width:auto!important}}

@media screen{body.admin.job_sheet #wrapper #sl-job-review-table{table-layout:auto!important}body.admin.job_sheet #wrapper #sl-job-review-table>thead>tr>th:nth-child(3){min-width:175px!important}body.admin.job_sheet #wrapper #sl-job-review-table>thead>tr>th:nth-child(4){min-width:80px!important}body.admin.job_sheet #wrapper #sl-job-review-table>thead>tr>th:nth-child(6){min-width:190px!important}body.admin.job_sheet #wrapper #sl-job-review-table>thead>tr>th:nth-child(7){min-width:185px!important}body.admin.job_sheet #wrapper #sl-job-review-table>thead>tr>th:nth-child(10){min-width:170px!important}}

/* Compact, aligned invoice list */
body.admin.invoices #wrapper .dataTables_wrapper{padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.admin.invoices #wrapper .table-invoices{width:100%!important;margin:0!important;border-collapse:collapse!important}
body.admin.invoices #wrapper .table-invoices th,body.admin.invoices #wrapper .table-invoices td{padding:9px 12px!important;vertical-align:middle!important;border:1px solid #dce3ec!important;font-size:12px!important}
body.admin.invoices #wrapper .table-invoices th{background:#eaf0f7!important;color:#244668!important;font-weight:600!important;white-space:nowrap}
body.admin.invoices #wrapper .table-invoices .form-control{height:30px!important;padding:4px 8px!important;max-width:100%!important}
body.admin.invoices #wrapper .table-invoices .sl-invoice-remaining{display:block;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
body.admin.invoices #wrapper .dataTables_filter input{max-width:300px!important;height:32px!important}
body.admin.invoices #wrapper .dataTables_length select{height:32px!important}
body.admin.invoices #wrapper .table-responsive{margin:0!important;border:0!important}
@media(max-width:767px){body.admin.invoices #wrapper .dataTables_filter input{max-width:160px!important}body.admin.invoices #wrapper .table-invoices{min-width:950px!important}}

/* Focused dashboard and invoice composer refinement */
body.admin #sl-operations-dashboard{font-family:Arial,sans-serif!important;padding-top:12px!important;color:#172c46}
body.admin #sl-operations-dashboard .sl-dash-top{background:#fff!important;border:1px solid #dfe6ef!important;border-radius:12px!important;padding:22px 24px!important;margin-bottom:18px!important;min-height:110px!important}
body.admin #sl-operations-dashboard h1{font-size:26px!important;letter-spacing:-.6px!important;text-transform:none!important;line-height:1.2!important;margin:7px 0!important}
body.admin #sl-operations-dashboard .sl-eyebrow{font-size:10px!important;font-weight:700!important;letter-spacing:1.7px!important;color:#8b704c!important}
body.admin #sl-operations-dashboard .sl-brand-diamonds{display:none!important}
body.admin #sl-operations-dashboard .sl-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:20px!important}
body.admin #sl-operations-dashboard .sl-kpi{border:1px solid #dce5f0!important;border-radius:12px!important;background:#eff5ff!important;padding:20px!important;min-height:154px!important;box-shadow:0 3px 12px #18345406!important;position:relative!important;transition:box-shadow .15s,border-color .15s}
body.admin #sl-operations-dashboard .sl-kpi:nth-child(2){background:#f4f0fb!important;border-color:#e5dcf3!important}
body.admin #sl-operations-dashboard .sl-kpi:nth-child(3){background:#edf8f3!important;border-color:#d5eade!important}
body.admin #sl-operations-dashboard .sl-kpi:nth-child(4){background:#fff7e9!important;border-color:#eee1c9!important}
body.admin #sl-operations-dashboard .sl-kpi:hover{box-shadow:0 5px 18px #18345412!important;border-color:#8faaca!important}
body.admin #sl-operations-dashboard .sl-kpi-title{font:600 12px Arial,sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:#415773!important}
body.admin #sl-operations-dashboard .sl-kpi-number{font:700 30px Arial,sans-serif!important;letter-spacing:-1px!important;margin:16px 0 10px!important;color:#173550!important}
body.admin #sl-operations-dashboard .sl-kpi-note{font:12px/1.6 Arial,sans-serif!important;color:#526981!important}
body.admin #sl-operations-dashboard .sl-kpi-icon{background:#ffffffa8!important;border-radius:10px!important;padding:9px!important;top:14px!important;right:14px!important;width:38px!important;height:38px!important}
body.admin #sl-operations-dashboard .sl-card{background:#fff!important;border:1px solid #dfe6ef!important;border-radius:12px!important;padding:20px!important;margin:0 0 18px!important;box-shadow:0 2px 8px #17355004!important}
body.admin #sl-operations-dashboard .sl-card-head{padding:0 0 15px!important;margin:0!important;border:0!important}
body.admin #sl-operations-dashboard h2{font:700 18px Arial,sans-serif!important;letter-spacing:-.2px!important;margin:0 0 5px!important}
body.admin #sl-operations-dashboard .mx-subtitle{font:12px Arial,sans-serif!important;color:#718198!important;margin:0!important}
body.admin #sl-operations-dashboard .sl-diamond-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
body.admin #sl-operations-dashboard .sl-diamond-metrics>a{border:1px solid #e4eaf2!important;border-left:3px solid #83a3cc!important;border-radius:7px!important;background:#f7f9fc!important;padding:12px!important;min-height:55px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
body.admin #sl-operations-dashboard .sl-diamond-metrics>a:nth-child(3n+2){border-left-color:#aa8cd5!important;background:#faf7ff!important}
body.admin #sl-operations-dashboard .sl-diamond-metrics>a:nth-child(3n){border-left-color:#70b69e!important;background:#f2faf6!important}
body.admin #sl-operations-dashboard .sl-diamond-metrics strong{font:700 22px Arial,sans-serif!important;color:#234362!important}
body.admin #sl-operations-dashboard .sl-diamond-metrics span{font:12px Arial,sans-serif!important;color:#415773!important}
body.admin #sl-operations-dashboard .sl-button{border-radius:7px!important;font:600 12px Arial,sans-serif!important;text-transform:none!important;padding:11px 15px!important}
body.admin #invoice-form .form-group:has(#sl-order-item-picker){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 12px!important;background:#f1f6fc!important;border:1px solid #d6e2f0!important;padding:14px 16px!important;border-radius:8px!important;margin:12px 0 16px!important}
body.admin #invoice-form .form-group:has(#sl-order-item-picker)>label{grid-column:1/-1;color:#294766!important;margin:0!important;font-size:13px!important;font-weight:600!important}
body.admin #invoice-form .form-group:has(#sl-order-item-picker)>.bootstrap-select{grid-column:1;grid-row:2;min-width:0!important}
body.admin #invoice-form .sl-refresh-orders{grid-column:2;grid-row:2;margin:0!important;align-self:stretch!important;padding:6px 12px!important}
body.admin #invoice-form #sl-order-item-status{grid-column:1/-1;margin:0!important;font-size:12px!important;color:#657992!important}
body.admin #invoice-form .invoice-items-table{table-layout:fixed!important;border:1px solid #dce4ef!important;background:#fff!important}
body.admin #invoice-form .invoice-items-table th{background:#eaf0f7!important;color:#294766!important;font-size:11px!important;font-weight:600!important;padding:10px!important;border-color:#dce4ef!important}
body.admin #invoice-form .invoice-items-table td{vertical-align:top!important;padding:12px 10px!important;border-color:#e1e7ef!important}
body.admin #invoice-form .invoice-items-table th:first-child{width:20px!important}
body.admin #invoice-form .invoice-items-table .sl-invoice-image-heading{width:115px!important}
body.admin #invoice-form .invoice-items-table .sl-invoice-description-heading{width:auto!important}
body.admin #invoice-form .invoice-items-table th.qty{width:90px!important}
body.admin #invoice-form .invoice-items-table th:nth-last-child(4){width:115px!important}
body.admin #invoice-form .invoice-items-table th:nth-last-child(3){width:115px!important}
body.admin #invoice-form .invoice-items-table th:nth-last-child(2){width:100px!important}
body.admin #invoice-form .invoice-items-table th:last-child{width:50px!important}
body.admin #invoice-form .invoice-items-table textarea{height:46px!important;min-height:46px!important;padding:8px 10px!important;resize:vertical!important;font-size:12px!important;background:white!important}
body.admin #invoice-form .invoice-items-table textarea+textarea{margin-top:7px!important;height:58px!important}
body.admin #invoice-form .invoice-items-table input.form-control,body.admin #invoice-form .invoice-items-table .dropdown-toggle{height:34px!important;font-size:12px!important;background:white!important}
body.admin #invoice-form .invoice-items-table input[name=unit]{margin-top:7px!important;border:1px solid #dce4ef!important;border-radius:5px!important;text-align:left!important}
body.admin #invoice-form .sl-invoice-item-image small{font:10px/1.4 Arial,sans-serif!important;color:#7d8ba0!important}
body.admin #invoice-form .table.text-right{max-width:480px!important;margin-left:auto!important;background:#f8fafd!important;border:1px solid #dce4ef!important;border-radius:8px!important}
body.admin #invoice-form .table.text-right td{padding:9px 12px!important;font-size:12px!important;vertical-align:middle!important}
body.admin #invoice-form .table.text-right input{height:32px!important}
@media(max-width:1100px){body.admin #sl-operations-dashboard .sl-kpis,body.admin #sl-operations-dashboard .sl-diamond-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.admin #invoice-form .invoice-items-table{min-width:850px!important}}
@media(max-width:600px){body.admin #sl-operations-dashboard .sl-kpis{grid-template-columns:1fr!important}body.admin #sl-operations-dashboard .sl-dash-top{padding:16px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important}body.admin #sl-operations-dashboard .sl-card{padding:14px!important}body.admin #sl-operations-dashboard .sl-diamond-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.admin #invoice-form .form-group:has(#sl-order-item-picker){grid-template-columns:1fr!important}body.admin #invoice-form .sl-refresh-orders{grid-row:4;grid-column:1;justify-self:start}body.admin #invoice-form .table.text-right{width:100%!important}}

/* Restore the established SINDLEVA typeface on the dashboard. */
body.admin #sl-operations-dashboard,body.admin #sl-operations-dashboard :is(h1,h2,h3,h4,p,a,span,strong,small,button,div){font-family:var(--sindleva-font)!important}

/* Shared sidebar: match hidden content offset and retain semantic icon colors. */
html body.admin.sl-global-menu-hidden #wrapper{margin-left:0!important;left:0!important;width:auto!important;min-width:0!important}
html body.admin.sl-global-menu-hidden #menu,html body.admin.sl-global-menu-hidden #logo{display:none!important}
html body.admin #sl-global-menu-toggle{background:#112238!important;color:#f0f4fa!important;border:1px solid #34485d!important;border-radius:7px!important;box-shadow:0 2px 7px #11223812;z-index:1201!important}
html body.admin.sl-global-menu-hidden #sl-global-menu-toggle{left:12px!important}
html body.admin #sl-global-menu-toggle:hover{background:#21364e!important}
html body.admin #sl-global-menu-toggle:focus-visible{outline:2px solid #c3afff;outline-offset:3px}
html body.admin #menu{background:#112238!important}
html body.admin #menu #side-menu>li>a>i{color:#a9b8ca!important}
html body.admin #menu #side-menu>:is(.menu-item-job-sheet,.menu-item-estimates,.menu-item-diamond-orders)>a>i{color:#c3afff!important}
html body.admin #menu #side-menu>:is(.menu-item-jewelry-options,.menu-item-shipments-options,.menu-item-quality-reports,.menu-item-credit_notes)>a>i{color:#7be0ca!important}
html body.admin #menu #side-menu>li.active>a{background:#21364e!important;color:#f0d7aa!important;box-shadow:inset 3px 0 #d7ba88}
html body.admin #menu #side-menu>li>a:hover{background:#1b2e44!important;color:#fff!important}
@media(max-width:768px){html body.admin #wrapper{margin-left:0!important;left:0!important}html body.admin:not(.sl-global-menu-hidden) #menu{display:block!important;left:0!important;transform:none!important;width:250px!important}html body.admin:not(.sl-global-menu-hidden) #sl-global-menu-toggle{left:264px!important}}

/* Dock the menu control to the sidebar edge in both states. */
html body.admin:not(.sl-global-menu-hidden) #sl-global-menu-toggle{left:250px!important}
html body.admin.sl-global-menu-hidden #sl-global-menu-toggle{left:0!important}
html body.admin #sl-global-menu-toggle{border-left:0!important;border-radius:0 8px 8px 0!important;box-shadow:none!important;width:36px;height:38px;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;-webkit-tap-highlight-color:transparent}
html body.admin #sl-global-menu-toggle:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}
html body.admin #sl-global-menu-toggle:focus-visible{outline:2px solid #c3afff;outline-offset:2px}

/* Logo has inline important display; hide it with visibility on menu close. */
html body.admin.sl-global-menu-hidden #logo{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
html body.admin.sl-global-menu-hidden #logo *{visibility:hidden!important}


/* ===== Sindleva invoice – item table redesign (public invoice view) – added 2026-10-31 ===== */
:root{--inv-navy:#0f2a4a;--inv-navy2:#1b3f6b;--inv-gold:#b8923a;--inv-line:#e3e8ef;--inv-soft:#f6f8fb;--inv-text:#172b45;--inv-muted:#64748b}

body.viewinvoice .panel_s{border:0!important;box-shadow:0 2px 14px rgba(15,42,74,.08)!important;border-radius:10px!important}
body.viewinvoice .panel-body h4.invoice-html-number{font-size:22px;letter-spacing:.02em;color:var(--inv-navy)!important}

/* outer items table */
body.viewinvoice table.items-preview{border:0!important;border-collapse:separate!important;border-spacing:0!important}
body.viewinvoice .panel-body table.items-preview>thead>tr>th{background:var(--inv-navy)!important;color:#fff!important;border:0!important;font-size:11px;letter-spacing:.10em;text-transform:uppercase;padding:11px 12px!important}
body.viewinvoice table.items-preview>thead>tr>th:first-child{border-radius:8px 0 0 0}
body.viewinvoice table.items-preview>thead>tr>th:last-child{border-radius:0 8px 0 0}
body.viewinvoice .panel-body table.items-preview>tbody>tr>td{border:0!important;border-bottom:1px solid var(--inv-line)!important;padding:16px 12px!important;background:#fff}
body.viewinvoice table.items-preview>tbody>tr:nth-child(even)>td{background:#fbfcfe}
body.viewinvoice table.items-preview>tbody>tr>td:first-child{font-weight:600;color:var(--inv-muted);font-size:12px}
body.viewinvoice table.items-preview>tbody>tr>td:nth-last-child(-n+3){font-size:13px;color:var(--inv-text)}
body.viewinvoice table.items-preview>tbody>tr>td.amount{font-weight:700;color:var(--inv-navy)!important;font-size:14px}

/* item layout: image + details */
body.viewinvoice table.items-preview .sl-invoice-item-layout{gap:16px!important}
body.viewinvoice table.items-preview .sl-invoice-item-layout>div:first-child{border-right:0!important;padding-right:0!important;align-self:flex-start!important}
body.viewinvoice table.items-preview .sl-invoice-zoom{border:1px solid var(--inv-line)!important;border-radius:8px;padding:6px!important;background:#fff!important;transition:box-shadow .15s}
body.viewinvoice table.items-preview .sl-invoice-zoom:hover{box-shadow:0 2px 10px rgba(15,42,74,.15)}
body.viewinvoice table.items-preview .sl-invoice-zoom>img{width:108px!important;height:84px!important;object-fit:contain!important;border-radius:4px}

/* order header + SKU / EAN chips */
.sl-order-detail h4{font-size:15px!important;font-weight:700!important;color:var(--inv-navy)!important;margin:0 0 8px!important;display:flex;align-items:center;gap:8px}
.sl-order-detail h4::before{content:"";display:inline-block;width:4px;height:16px;border-radius:2px;background:var(--inv-gold)}
.sl-order-codes{gap:6px 8px!important;margin:0 0 12px!important}
.sl-order-code{display:inline-flex;align-items:center;border:1px solid var(--inv-line);background:var(--inv-soft);border-radius:999px;padding:3px 10px 3px 4px;font-size:11.5px;line-height:1.3}
body.viewinvoice .panel-body .sl-order-code span,.sl-order-code span{background:var(--inv-navy);color:#fff!important;border-radius:999px;padding:2px 8px;margin-right:7px!important;font-size:10px;letter-spacing:.08em;font-weight:600}
.sl-order-code strong{font-weight:600!important;color:var(--inv-text)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}

/* section titles */
.sl-order-section-title{font-size:10px!important;letter-spacing:.14em!important;color:var(--inv-muted)!important;margin:0 0 6px!important;padding-bottom:4px;border-bottom:2px solid var(--inv-line);display:flex;align-items:center;gap:6px}
.sl-order-section-title::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--inv-gold)}
.sl-order-sections{gap:16px!important}

/* metal details: clean key/value list */
table.sl-order-metal{border:1px solid var(--inv-line)!important;border-radius:8px;overflow:hidden;background:#fff}
table.sl-order-metal td{border:0!important;border-bottom:1px solid var(--inv-line)!important;padding:6px 10px!important;font-size:12px!important}
table.sl-order-metal tr:last-child td{border-bottom:0!important}
table.sl-order-metal td:first-child{color:var(--inv-muted)!important;background:var(--inv-soft)}
table.sl-order-metal td:last-child strong{color:var(--inv-text)!important;font-weight:600!important;font-variant-numeric:tabular-nums}
table.sl-order-metal tr:last-child td{background:#fff8e8!important}
table.sl-order-metal tr:last-child td:first-child{color:#8a6a1f!important;font-weight:600}
table.sl-order-metal tr:last-child td strong{color:#6b4f0f!important}

/* diamond details */
table.sl-order-diamonds{border:1px solid var(--inv-line)!important;border-radius:8px;overflow:hidden}
body.viewinvoice .panel-body table.sl-order-diamonds th,table.sl-order-diamonds th{background:var(--inv-navy2)!important;color:#fff!important;border:0!important;font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;padding:7px 8px!important;text-align:left}
table.sl-order-diamonds td{border:0!important;border-bottom:1px solid var(--inv-line)!important;padding:6px 8px!important;font-size:11.5px!important;font-variant-numeric:tabular-nums}
table.sl-order-diamonds tbody tr:last-child td{border-bottom:0!important}
table.sl-order-diamonds td[colspan]{background:var(--inv-soft);color:var(--inv-muted)!important;font-size:11px!important;font-style:italic}
table.sl-order-diamonds th:nth-child(n+5),table.sl-order-diamonds td:nth-child(n+5):not([colspan]){text-align:right}
table.sl-order-diamond-summary{margin-top:8px!important;border:0!important;background:var(--inv-soft);border-radius:8px}
table.sl-order-diamond-summary td{border:0!important;padding:7px 10px!important;font-size:11.5px!important;color:var(--inv-muted)!important;text-align:center}
table.sl-order-diamond-summary td+td{border-left:1px solid var(--inv-line)!important}
table.sl-order-diamond-summary td strong{display:block;color:var(--inv-navy)!important;font-size:13px;font-weight:700!important;margin-top:1px}

/* item total pill */
body.viewinvoice .panel-body .sl-order-item-total,.sl-order-item-total{margin-top:10px!important;padding:8px 14px!important;border:0!important;background:var(--inv-navy)!important;color:#fff!important;border-radius:8px;font-size:13px;display:inline-block;float:right;letter-spacing:.02em}
.sl-order-item-total::after{content:"";display:block;clear:both}
.sl-order-detail::after{content:"";display:block;clear:both}

/* totals block */
body.viewinvoice .col-md-6.col-md-offset-6 table.table td{border-top:1px solid var(--inv-line)!important;padding:9px 12px!important}
body.viewinvoice .col-md-6.col-md-offset-6 table.table tr:last-child td{background:var(--inv-soft);font-size:15px}

/* print */
@media print{
  body.viewinvoice table.items-preview>thead>tr>th,table.sl-order-diamonds th,.sl-order-code span,.sl-order-item-total{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.viewinvoice table.items-preview>tbody>tr{page-break-inside:avoid}
}


/* ===== Sindleva invoice – header box, column header fix, print layout – added 2026-10-31 ===== */

/* items table column header must stay white on navy (overrides inline rule) */
html body.viewinvoice .panel-body table.items-preview>thead>tr>th{color:#fff!important}

/* ---- header: invoice number strip ---- */
html body.viewinvoice .panel-body>.col-md-10>.row.mtop20{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 22px!important;align-items:stretch}
html body.viewinvoice .panel-body>.col-md-10>.row.mtop20>[class*="col-"]{float:none;width:auto;flex:1 1 320px;padding:18px 20px;border:1px solid var(--inv-line);border-radius:10px;background:#fff;position:relative;min-width:0}
html body.viewinvoice .panel-body>.col-md-10>.row.mtop20>.transaction-html-info-col-left{border-left:4px solid var(--inv-gold)}
html body.viewinvoice .panel-body>.col-md-10>.row.mtop20>.transaction-html-info-col-right{border-left:4px solid var(--inv-navy);text-align:left}
html body.viewinvoice .panel-body h4.invoice-html-number{font-size:24px;font-weight:800;letter-spacing:.03em;color:var(--inv-navy)!important;margin:0 0 10px}
html body.viewinvoice .panel-body h4.invoice-html-number::before{content:"INVOICE";display:block;font-size:10px;letter-spacing:.18em;color:var(--inv-muted);font-weight:700;margin-bottom:2px}
html body.viewinvoice .panel-body address.invoice-html-company-info{font-size:12.5px;line-height:1.7;color:var(--inv-text)!important;margin:0}
html body.viewinvoice .panel-body address.invoice-html-company-info strong{display:block;font-size:14px;color:var(--inv-navy)!important;margin-bottom:4px;letter-spacing:.02em}
html body.viewinvoice .panel-body address.invoice-html-company-info strong+br{display:none}
html body.viewinvoice .panel-body .invoice-html-bill-to{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--inv-muted)!important;font-weight:700;margin-bottom:4px}
html body.viewinvoice .panel-body address.invoice-html-customer-billing-info{font-size:15px;color:var(--inv-navy)!important;margin:0 0 14px;line-height:1.5}
html body.viewinvoice .panel-body address.invoice-html-customer-billing-info b{font-weight:800}
html body.viewinvoice .panel-body .invoice-html-date,html body.viewinvoice .panel-body .invoice-html-duedate{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-top:1px solid var(--inv-line);font-size:12.5px;color:var(--inv-text)!important;font-variant-numeric:tabular-nums}
html body.viewinvoice .panel-body .invoice-html-duedate{border-bottom:1px solid var(--inv-line);background:var(--inv-soft)}
html body.viewinvoice .panel-body .invoice-html-date>span,html body.viewinvoice .panel-body .invoice-html-duedate>span{color:var(--inv-muted)!important;font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
html body.viewinvoice .invoice-html-status .label{border-radius:999px;padding:5px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}

/* ---- totals box ---- */
html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6{margin-top:14px;padding:0}
html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6 table.table{border:1px solid var(--inv-line);border-radius:10px;overflow:hidden;margin:0}
html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6 table.table td{border:0!important;border-top:1px solid var(--inv-line)!important;padding:10px 14px!important;font-size:13px}
html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6 table.table tr:first-child td{border-top:0!important}
html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6 table.table tr:last-child td{background:var(--inv-navy)!important;color:#fff!important;font-size:15px;font-weight:700}
html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6 table.table tr:last-child td span{color:#fff!important}

/* ---- PRINT (Ctrl+P) ---- */
@media print{
  @page{size:A4 portrait;margin:9mm 8mm}
  html,body.viewinvoice{background:#fff!important;width:auto!important;height:auto!important;overflow:visible!important}
  html body.viewinvoice #wrapper,html body.viewinvoice #content,html body.viewinvoice .container,html body.viewinvoice .preview-sticky-container{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
  html body.viewinvoice .preview-top-wrapper .top,html body.viewinvoice .action-button,html body.viewinvoice .invoice-html-pay-now-top,html body.viewinvoice .sl-invoice-image-dialog,html body.viewinvoice form{display:none!important}
  html body.viewinvoice .preview-top-wrapper{margin:0!important;padding:0!important}
  html body.viewinvoice .preview-top-wrapper .mbot30{margin-bottom:10px!important}
  html body.viewinvoice .invoice-html-logo img{width:150px!important;height:auto!important}
  html body.viewinvoice .panel_s{box-shadow:none!important;border:0!important;margin:0!important;border-radius:0!important;page-break-before:avoid}
  html body.viewinvoice .panel-body{padding:0!important}
  html body.viewinvoice .panel-body>.col-md-10{padding:0!important}
  html body.viewinvoice .panel-body>.col-md-10>.row.mtop20{gap:10px;margin:0 0 12px!important}
  html body.viewinvoice .panel-body>.col-md-10>.row.mtop20>[class*="col-"]{padding:10px 12px;flex:1 1 45%}
  html body.viewinvoice .panel-body h4.invoice-html-number{font-size:18px;margin-bottom:6px}
  html body.viewinvoice .panel-body address.invoice-html-company-info{font-size:10.5px;line-height:1.5}
  html body.viewinvoice .panel-body address.invoice-html-customer-billing-info{font-size:12.5px;margin-bottom:8px}
  html body.viewinvoice .panel-body .invoice-html-date,html body.viewinvoice .panel-body .invoice-html-duedate{font-size:10.5px;padding:4px 8px}
  html body.viewinvoice .table-responsive{overflow:visible!important;border:0!important}
  html body.viewinvoice table.items-preview{table-layout:fixed!important;width:100%!important;font-size:10px}
  html body.viewinvoice table.items-preview>thead{display:table-header-group}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(1){width:4%!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(2){width:70%!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(3){width:6%!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(4){width:10%!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(5){width:10%!important}
  html body.viewinvoice .panel-body table.items-preview>thead>tr>th{padding:7px 8px!important;font-size:9px;border-radius:0!important}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td{padding:9px 7px!important;font-size:10px!important;background:#fff!important}
  html body.viewinvoice table.items-preview>tbody>tr{page-break-inside:avoid;break-inside:avoid}
  html body.viewinvoice table.items-preview>tbody>tr>td:nth-last-child(-n+3){font-size:10.5px!important;white-space:nowrap}
  html body.viewinvoice table.items-preview .sl-invoice-item-layout{gap:10px!important;flex-wrap:nowrap!important}
  html body.viewinvoice table.items-preview .sl-invoice-item-layout>div:first-child{flex:0 0 78px!important;max-width:78px!important}
  html body.viewinvoice table.items-preview .sl-invoice-zoom{padding:3px!important}
  html body.viewinvoice table.items-preview .sl-invoice-zoom>img{width:70px!important;height:54px!important}
  html body.viewinvoice table.items-preview .sl-invoice-item-layout>div:last-child{font-size:10px!important;line-height:1.4!important}
  html body.viewinvoice .sl-order-detail{font-size:10px!important}
  html body.viewinvoice .sl-order-detail h4{font-size:12px!important;margin-bottom:4px!important}
  html body.viewinvoice .sl-order-codes{margin-bottom:6px!important;gap:4px 6px!important}
  html body.viewinvoice .sl-order-code{font-size:9.5px;padding:2px 8px 2px 3px}
  html body.viewinvoice .panel-body .sl-order-code span{font-size:8px;padding:1px 6px}
  html body.viewinvoice .sl-order-code strong{font-size:9.5px}
  html body.viewinvoice .sl-order-sections{display:grid!important;grid-template-columns:38% minmax(0,1fr)!important;gap:10px!important}
  html body.viewinvoice .sl-order-section-title{font-size:8px!important;margin-bottom:4px!important}
  html body.viewinvoice table.sl-order-metal td{padding:3px 6px!important;font-size:9.5px!important;white-space:nowrap}
  html body.viewinvoice table.sl-order-diamonds{table-layout:auto!important}
  html body.viewinvoice .panel-body table.sl-order-diamonds th{padding:4px 5px!important;font-size:7.5px!important;white-space:nowrap}
  html body.viewinvoice table.sl-order-diamonds td{padding:3px 5px!important;font-size:9px!important;white-space:nowrap}
  html body.viewinvoice table.sl-order-diamond-summary{margin-top:5px!important}
  html body.viewinvoice table.sl-order-diamond-summary td{padding:4px 6px!important;font-size:9px!important}
  html body.viewinvoice table.sl-order-diamond-summary td strong{font-size:10.5px}
  html body.viewinvoice .panel-body .sl-order-item-total{padding:5px 10px!important;font-size:10.5px;margin-top:6px!important}
  html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6{width:48%!important;margin-left:52%!important;float:none!important;page-break-inside:avoid}
  html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6 table.table td{padding:6px 10px!important;font-size:11px}
  html body.viewinvoice .invoice-html-offline-payments{font-size:10px}
  html body.viewinvoice .panel-body table.items-preview>thead>tr>th,html body.viewinvoice .panel-body table.sl-order-diamonds th,html body.viewinvoice .panel-body .sl-order-code span,html body.viewinvoice .panel-body .sl-order-item-total,html body.viewinvoice table.sl-order-metal td,html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6 table.table tr:last-child td{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}


/* ===== Sindleva invoice – boxed item cards – added 2026-10-31 ===== */
html body.viewinvoice table.items-preview{border-collapse:separate!important;border-spacing:0 12px!important;margin-top:-12px}
html body.viewinvoice .panel-body table.items-preview>thead>tr>th{border-radius:0!important}
html body.viewinvoice .panel-body table.items-preview>thead>tr>th:first-child{border-radius:8px 0 0 8px!important}
html body.viewinvoice .panel-body table.items-preview>thead>tr>th:last-child{border-radius:0 8px 8px 0!important}

/* each item row = a card */
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td{border-top:1px solid var(--inv-line)!important;border-bottom:1px solid var(--inv-line)!important;background:#fff!important;padding:18px 14px!important;vertical-align:top}
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:first-child{border-left:1px solid var(--inv-line)!important;border-radius:10px 0 0 10px;padding-right:0!important;width:52px}
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:last-child{border-right:1px solid var(--inv-line)!important;border-radius:0 10px 10px 0}
html body.viewinvoice .panel-body table.items-preview>tbody>tr:hover>td{box-shadow:inset 0 0 0 1px rgba(15,42,74,.08)}

/* number badge */
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:first-child{text-align:center!important;font-size:0!important;color:transparent!important}
html body.viewinvoice table.items-preview>tbody{counter-reset:slitem}
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:first-child::before{counter-increment:slitem;content:counter(slitem);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--inv-navy);color:#fff;font-size:12px;font-weight:700}

/* qty / rate / amount cells */
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:nth-last-child(-n+3){background:var(--inv-soft)!important;border-left:1px solid var(--inv-line)!important;padding-top:20px!important;font-size:13px!important;color:var(--inv-text)!important}
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:nth-last-child(3){border-left:1px solid var(--inv-line)!important}
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:nth-last-child(-n+3)::before{display:block;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--inv-muted);font-weight:700;margin-bottom:4px}
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:nth-last-child(3)::before{content:"Qty"}
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:nth-last-child(2)::before{content:"Rate"}
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:nth-last-child(1)::before{content:"Amount"}
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td.amount{font-size:16px!important;font-weight:800;color:var(--inv-navy)!important;background:#eef3f9!important}

/* plain (non-order) items: diamonds / shipping lines */
html body.viewinvoice table.items-preview>tbody>tr>td.description>span{font-size:13.5px}
html body.viewinvoice table.items-preview>tbody>tr>td.description>span strong{color:var(--inv-navy)!important;font-size:13.5px;letter-spacing:.02em}

/* subtle divider between metal/diamond sections & card header line */
html body.viewinvoice .sl-order-detail h4{padding-bottom:6px;border-bottom:1px dashed var(--inv-line)}

@media print{
  html body.viewinvoice table.items-preview{border-spacing:0 6px!important}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td{padding:8px 7px!important}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:first-child{width:30px}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:first-child::before{width:20px;height:20px;font-size:10px}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:nth-last-child(-n+3){padding-top:8px!important;font-size:10px!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:nth-last-child(-n+3)::before{font-size:7.5px}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td.amount{font-size:11.5px!important}
}


/* ===== Sindleva invoice – metal/diamond tables: crisp boxed borders – added 2026-10-31 ===== */
html body.viewinvoice .sl-order-sections{align-items:start}
html body.viewinvoice .sl-order-sections>div{min-width:0}

/* shared box style */
html body.viewinvoice table.sl-order-metal,
html body.viewinvoice table.sl-order-diamonds,
html body.viewinvoice table.sl-order-diamond-summary{border-collapse:separate!important;border-spacing:0!important;border:1px solid #d5dce6!important;border-radius:8px!important;overflow:hidden;width:100%!important;background:#fff}

/* metal key/value */
html body.viewinvoice table.sl-order-metal td{border:0!important;border-bottom:1px solid #e3e8ef!important;padding:7px 11px!important;font-size:12px!important;line-height:1.4;vertical-align:middle!important}
html body.viewinvoice table.sl-order-metal td:first-child{background:#f6f8fb!important;color:#64748b!important;border-right:1px solid #e3e8ef!important;width:46%;white-space:nowrap}
html body.viewinvoice table.sl-order-metal td:last-child{text-align:right!important}
html body.viewinvoice table.sl-order-metal tr:last-child td{border-bottom:0!important;background:#fff8e8!important}
html body.viewinvoice table.sl-order-metal tr:last-child td:first-child{border-right-color:#f0e2bf!important}

/* diamond table */
html body.viewinvoice .panel-body table.sl-order-diamonds th{border:0!important;border-right:1px solid rgba(255,255,255,.12)!important;padding:8px 9px!important;vertical-align:middle!important}
html body.viewinvoice .panel-body table.sl-order-diamonds th:last-child{border-right:0!important}
html body.viewinvoice table.sl-order-diamonds td{border:0!important;border-bottom:1px solid #e3e8ef!important;border-right:1px solid #eef2f6!important;padding:7px 9px!important;font-size:11.5px!important;vertical-align:middle!important;white-space:nowrap}
html body.viewinvoice table.sl-order-diamonds td:last-child{border-right:0!important}
html body.viewinvoice table.sl-order-diamonds td[colspan]{border-right:0!important;background:#f6f8fb!important;padding:4px 9px!important;font-size:10.5px!important}
html body.viewinvoice table.sl-order-diamonds tbody tr:last-child td{border-bottom:0!important}
html body.viewinvoice table.sl-order-diamonds th:nth-child(n+5),html body.viewinvoice table.sl-order-diamonds td:nth-child(n+5):not([colspan]){text-align:right!important}
html body.viewinvoice table.sl-order-diamonds th:nth-child(1){width:24%}
html body.viewinvoice table.sl-order-diamonds th:nth-child(2){width:12%}
html body.viewinvoice table.sl-order-diamonds th:nth-child(3){width:12%}
html body.viewinvoice table.sl-order-diamonds th:nth-child(4){width:12%}
html body.viewinvoice table.sl-order-diamonds th:nth-child(5){width:9%}
html body.viewinvoice table.sl-order-diamonds th:nth-child(6){width:16%}
html body.viewinvoice table.sl-order-diamonds th:nth-child(7){width:15%}

/* diamond summary strip */
html body.viewinvoice table.sl-order-diamond-summary{margin-top:8px!important;background:#f6f8fb!important}
html body.viewinvoice table.sl-order-diamond-summary td{border:0!important;border-right:1px solid #e3e8ef!important;padding:7px 10px!important;width:33.33%;text-align:center!important;vertical-align:middle!important}
html body.viewinvoice table.sl-order-diamond-summary td:last-child{border-right:0!important}

/* item total aligned with box edge */
html body.viewinvoice .panel-body .sl-order-item-total{margin-top:10px!important;margin-right:0!important}

@media print{
  html body.viewinvoice table.sl-order-metal td{padding:3px 7px!important}
  html body.viewinvoice .panel-body table.sl-order-diamonds th{padding:4px 6px!important}
  html body.viewinvoice table.sl-order-diamonds td{padding:3px 6px!important}
  html body.viewinvoice table.sl-order-diamond-summary td{padding:4px 6px!important}
  html body.viewinvoice table.sl-order-metal td:first-child,html body.viewinvoice table.sl-order-diamond-summary,html body.viewinvoice table.sl-order-diamonds td[colspan],html body.viewinvoice table.sl-order-metal tr:last-child td{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}


/* ===== Sindleva invoice – unified header block (navy band + From / Bill To) – added 2026-10-31 ===== */
html body.viewinvoice .panel-body>.col-md-10>.row.mtop20{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,.55fr) minmax(0,.55fr);grid-template-rows:auto auto 1fr;grid-template-areas:"num num date due" "from from billl billl" "from from bill bill";gap:0!important;margin:0 0 22px!important;border:1px solid #d5dce6;border-radius:12px;overflow:hidden;background:#fff;align-items:stretch}
html body.viewinvoice .panel-body>.col-md-10>.row.mtop20>[class*="col-"]{display:contents!important;float:none;width:auto;padding:0;border:0;background:transparent}

/* navy band */
html body.viewinvoice .panel-body h4.invoice-html-number{grid-area:num;margin:0!important;padding:18px 24px;background:var(--inv-navy)!important;color:#fff!important;font-size:26px;font-weight:800;letter-spacing:.04em;display:flex;flex-direction:column;justify-content:center}
html body.viewinvoice .panel-body h4.invoice-html-number::before{content:"TAX INVOICE";color:rgba(255,255,255,.65);font-size:10px;letter-spacing:.2em;font-weight:700;margin-bottom:3px}
html body.viewinvoice .panel-body .invoice-html-date,html body.viewinvoice .panel-body .invoice-html-duedate{margin:0!important;padding:14px 18px;background:var(--inv-navy)!important;border:0!important;border-left:1px solid rgba(255,255,255,.14)!important;display:flex;flex-direction:column;justify-content:center;gap:3px;color:#fff!important;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap}
html body.viewinvoice .panel-body .invoice-html-date{grid-area:date}
html body.viewinvoice .panel-body .invoice-html-duedate{grid-area:due;background:var(--inv-navy2)!important}
html body.viewinvoice .panel-body .invoice-html-date>span,html body.viewinvoice .panel-body .invoice-html-duedate>span{display:block;color:rgba(255,255,255,.7)!important;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}

/* from */
html body.viewinvoice .panel-body address.invoice-html-company-info{grid-area:from;margin:0!important;padding:18px 24px 20px;border-right:1px solid #e3e8ef;font-size:12.5px;line-height:1.75;color:var(--inv-text)!important;background:#fff}
html body.viewinvoice .panel-body address.invoice-html-company-info::before{content:"FROM";display:block;font-size:9.5px;letter-spacing:.2em;color:var(--inv-muted);font-weight:700;margin-bottom:6px}
html body.viewinvoice .panel-body address.invoice-html-company-info strong{display:block;font-size:14.5px;color:var(--inv-navy)!important;margin-bottom:4px}
html body.viewinvoice .panel-body address.invoice-html-company-info strong+br{display:none}

/* bill to */
html body.viewinvoice .panel-body .invoice-html-bill-to{grid-area:billl;display:block;padding:18px 24px 0;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--inv-muted)!important;font-weight:700;background:var(--inv-soft);margin:0}
html body.viewinvoice .panel-body address.invoice-html-customer-billing-info{grid-area:bill;align-self:stretch;margin:0!important;padding:6px 24px 20px;background:var(--inv-soft);font-size:13px;line-height:1.7;color:var(--inv-text)!important;text-align:left}
html body.viewinvoice .panel-body address.invoice-html-customer-billing-info b{display:block;font-size:16px;font-weight:800;color:var(--inv-navy)!important;margin-bottom:2px}

/* any extra element in the header (e.g. shipping address) flows under bill-to */
html body.viewinvoice .panel-body>.col-md-10>.row.mtop20 .invoice-html-customer-shipping-info{grid-column:3/5;margin:0!important;padding:0 24px 18px;background:var(--inv-soft);font-size:12.5px;text-align:left}

/* status pill next to logo row */
html body.viewinvoice .invoice-html-status .label{border-radius:999px;padding:5px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}

@media (max-width:760px){
  html body.viewinvoice .panel-body>.col-md-10>.row.mtop20{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"num num" "date due" "from from" "billl billl" "bill bill"}
  html body.viewinvoice .panel-body address.invoice-html-company-info{border-right:0;border-bottom:1px solid #e3e8ef}
}
@media print{
  html body.viewinvoice .panel-body>.col-md-10>.row.mtop20{margin:0 0 12px!important;border-radius:8px}
  html body.viewinvoice .panel-body h4.invoice-html-number{padding:10px 14px;font-size:18px}
  html body.viewinvoice .panel-body .invoice-html-date,html body.viewinvoice .panel-body .invoice-html-duedate{padding:8px 12px;font-size:11px}
  html body.viewinvoice .panel-body address.invoice-html-company-info{padding:10px 14px;font-size:10px;line-height:1.5}
  html body.viewinvoice .panel-body .invoice-html-bill-to{padding:10px 14px 0}
  html body.viewinvoice .panel-body address.invoice-html-customer-billing-info{padding:4px 14px 10px;font-size:11px}
  html body.viewinvoice .panel-body h4.invoice-html-number,html body.viewinvoice .panel-body .invoice-html-date,html body.viewinvoice .panel-body .invoice-html-duedate,html body.viewinvoice .panel-body .invoice-html-bill-to,html body.viewinvoice .panel-body address.invoice-html-customer-billing-info{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}


/* ===== Sindleva invoice – Order ID + SKU + EAN on one line – added 2026-10-31 ===== */
html body.viewinvoice .sl-order-detail h4{display:inline-flex!important;align-items:center;gap:0;margin:0 8px 8px 0!important;border:1px solid #e3e8ef!important;background:#fff8e8;border-radius:999px;font-size:12px!important;font-weight:700!important;color:var(--inv-navy)!important;line-height:1.3;vertical-align:middle;padding:3px 10px 3px 4px!important}
html body.viewinvoice .sl-order-detail h4::before{content:"ORDER ID";display:inline-block;width:auto;height:auto;border-radius:999px;background:var(--inv-gold);color:#fff;font-size:10px;letter-spacing:.08em;font-weight:600;padding:2px 8px;margin-right:7px}
html body.viewinvoice .sl-order-codes{display:inline-flex!important;flex-wrap:wrap;vertical-align:middle;margin:0 0 8px!important;gap:6px 8px!important}
html body.viewinvoice .sl-order-code{padding:3px 10px 3px 4px;font-size:12px}
html body.viewinvoice .sl-order-code strong{font-size:12px}
html body.viewinvoice .sl-order-sections{border-top:1px dashed #e3e8ef;padding-top:10px;margin-top:2px}
@media print{
  html body.viewinvoice .sl-order-detail h4{font-size:9.5px!important;padding:2px 8px 2px 3px!important;margin:0 6px 5px 0!important}
  html body.viewinvoice .sl-order-detail h4::before{font-size:8px;padding:1px 6px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  html body.viewinvoice .sl-order-code{font-size:9.5px}
  html body.viewinvoice .sl-order-code strong{font-size:9.5px}
  html body.viewinvoice .sl-order-sections{padding-top:6px}
}


/* ===== Sindleva invoice – metal & diamond boxes equal height / aligned – added 2026-10-31 ===== */
html body.viewinvoice .sl-order-sections{align-items:stretch!important}
html body.viewinvoice .sl-order-sections>div{display:flex;flex-direction:column;min-width:0}
html body.viewinvoice .sl-order-sections>div>.sl-order-section-title{flex:0 0 auto}
html body.viewinvoice table.sl-order-metal{flex:1 1 auto;height:100%}
html body.viewinvoice table.sl-order-diamonds{margin-bottom:8px!important}
html body.viewinvoice table.sl-order-diamond-summary{margin-top:auto!important}


/* ===== Sindleva invoice – diamond box = table + footer, full-width item total bar – added 2026-10-31 ===== */
html body.viewinvoice table.sl-order-diamonds{flex:1 1 auto;margin-bottom:0!important;border-radius:8px 8px 0 0!important;border-bottom:0!important}
html body.viewinvoice table.sl-order-diamonds tbody tr:last-child td{border-bottom:1px solid #e3e8ef!important}
html body.viewinvoice table.sl-order-diamond-summary{margin-top:0!important;border-radius:0 0 8px 8px!important;border-top:0!important}
html body.viewinvoice table.sl-order-diamonds td{vertical-align:middle!important}
html body.viewinvoice .panel-body .sl-order-item-total{display:flex!important;float:none!important;width:100%;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px!important;padding:9px 16px!important;border-radius:8px;font-size:13px}
html body.viewinvoice .panel-body .sl-order-item-total::before{content:"";flex:1;height:1px;background:rgba(255,255,255,.18)}
@media print{html body.viewinvoice .panel-body .sl-order-item-total{padding:5px 10px!important;font-size:10.5px}}


/* ===== Sindleva invoice – PRINT override v2 – added 2026-10-31 ===== */
@media print{
  /* header: force desktop grid even though print width is narrow */
  html body.viewinvoice .panel-body>.col-md-10>.row.mtop20{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.5fr) minmax(0,.5fr)!important;grid-template-rows:auto auto 1fr!important;grid-template-areas:"num num date due" "from from billl billl" "from from bill bill"!important}
  html body.viewinvoice .panel-body address.invoice-html-company-info{border-right:1px solid #e3e8ef!important;border-bottom:0!important}

  /* outer table: never wider than the page */
  html body.viewinvoice .table-responsive,html body.viewinvoice .panel-body>.col-md-10>.row>.col-md-12{width:100%!important;max-width:100%!important;overflow:hidden!important;padding:0!important}
  html body.viewinvoice table.items-preview{width:100%!important;max-width:100%!important;table-layout:fixed!important;border-spacing:0 6px!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(1){width:5%!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(2){width:66%!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(3){width:7%!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(4){width:11%!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(5){width:11%!important}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td{overflow:hidden;padding:8px 6px!important}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:nth-last-child(-n+3){padding:8px 5px!important;font-size:9.5px!important;white-space:normal!important;word-break:break-word}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td.amount{font-size:10.5px!important}

  /* item layout: image + details, details may not overflow */
  html body.viewinvoice table.items-preview .sl-invoice-item-layout{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;width:100%;min-width:0}
  html body.viewinvoice table.items-preview .sl-invoice-item-layout>div:first-child{flex:0 0 66px!important;max-width:66px!important}
  html body.viewinvoice table.items-preview .sl-invoice-zoom>img{width:58px!important;height:46px!important}
  html body.viewinvoice table.items-preview .sl-invoice-item-layout>div:last-child{flex:1 1 auto!important;min-width:0!important;width:auto!important;overflow:hidden}

  /* order id / sku / ean chips – print the pill colours */
  html body.viewinvoice .sl-order-detail h4,html body.viewinvoice .sl-order-detail h4::before,html body.viewinvoice .sl-order-code,html body.viewinvoice .panel-body .sl-order-code span,html body.viewinvoice .sl-order-code span{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  html body.viewinvoice .panel-body .sl-order-code span,html body.viewinvoice .sl-order-code span{background:#0f2a4a!important;color:#fff!important}
  html body.viewinvoice .sl-order-detail h4::before{background:#b8923a!important;color:#fff!important}

  /* metal + diamond: stack full width so nothing overlaps */
  html body.viewinvoice .sl-order-sections{display:block!important;border-top:1px dashed #e3e8ef;padding-top:6px}
  html body.viewinvoice .sl-order-sections>div{display:block!important;width:100%!important;margin-bottom:6px}
  html body.viewinvoice table.sl-order-metal{width:100%!important;height:auto!important;table-layout:fixed!important}
  html body.viewinvoice table.sl-order-metal td{padding:3px 8px!important;font-size:9.5px!important;white-space:normal!important}
  html body.viewinvoice table.sl-order-metal td:first-child{width:40%!important}
  html body.viewinvoice table.sl-order-diamonds{width:100%!important;table-layout:fixed!important;border-radius:8px 8px 0 0!important}
  html body.viewinvoice .panel-body table.sl-order-diamonds th{padding:4px 5px!important;font-size:7.5px!important;white-space:normal!important;word-break:normal}
  html body.viewinvoice table.sl-order-diamonds td{padding:3px 5px!important;font-size:9px!important;white-space:normal!important;overflow-wrap:anywhere}
  html body.viewinvoice table.sl-order-diamonds th:nth-child(1){width:22%!important}
  html body.viewinvoice table.sl-order-diamonds th:nth-child(2){width:12%!important}
  html body.viewinvoice table.sl-order-diamonds th:nth-child(3){width:12%!important}
  html body.viewinvoice table.sl-order-diamonds th:nth-child(4){width:12%!important}
  html body.viewinvoice table.sl-order-diamonds th:nth-child(5){width:9%!important}
  html body.viewinvoice table.sl-order-diamonds th:nth-child(6){width:17%!important}
  html body.viewinvoice table.sl-order-diamonds th:nth-child(7){width:16%!important}
  html body.viewinvoice table.sl-order-diamond-summary{width:100%!important;margin-top:0!important}
  html body.viewinvoice table.sl-order-diamond-summary td{padding:4px 6px!important;font-size:9px!important}
  html body.viewinvoice .panel-body .sl-order-item-total{margin-top:6px!important;padding:5px 10px!important;font-size:10.5px}

  /* keep a card together on one page when possible */
  html body.viewinvoice table.items-preview>tbody>tr{page-break-inside:avoid;break-inside:avoid}

  /* totals */
  html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6{width:46%!important;margin-left:54%!important}
}


/* ===== Sindleva invoice – square corners + print width fix – added 2026-10-31 ===== */
html body.viewinvoice .panel_s,html body.viewinvoice .panel-body>.col-md-10>.row.mtop20,html body.viewinvoice .panel-body table.items-preview>thead>tr>th,html body.viewinvoice .panel-body table.items-preview>tbody>tr>td,html body.viewinvoice table.sl-order-metal,html body.viewinvoice table.sl-order-diamonds,html body.viewinvoice table.sl-order-diamond-summary,html body.viewinvoice .panel-body .sl-order-item-total,html body.viewinvoice table.items-preview .sl-invoice-zoom,html body.viewinvoice table.items-preview .sl-invoice-zoom>img,html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6 table.table{border-radius:0!important}
html body.viewinvoice .sl-order-detail h4,html body.viewinvoice .sl-order-detail h4::before,html body.viewinvoice .sl-order-code,html body.viewinvoice .panel-body .sl-order-code span,html body.viewinvoice .invoice-html-status .label{border-radius:2px!important}
html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:first-child::before{border-radius:2px}
@media print{
  @page{size:A4 portrait;margin:8mm 7mm}
  html body.viewinvoice .row{margin-left:0!important;margin-right:0!important}
  html body.viewinvoice [class*="col-"]{padding-left:0!important;padding-right:0!important}
  html body.viewinvoice #wrapper,html body.viewinvoice #content,html body.viewinvoice .container,html body.viewinvoice .panel_s,html body.viewinvoice .panel-body,html body.viewinvoice .panel-body>.col-md-10{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;box-sizing:border-box!important}
  html body.viewinvoice .table-responsive{width:100%!important;max-width:100%!important;overflow:hidden!important}
  html body.viewinvoice table.items-preview{width:100%!important;max-width:100%!important;table-layout:fixed!important;box-sizing:border-box}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(1){width:5%!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(2){width:62%!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(3){width:7%!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(4){width:13%!important}
  html body.viewinvoice table.items-preview>thead>tr>:nth-child(5){width:13%!important}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:nth-last-child(-n+3){font-size:9px!important;padding:8px 4px!important;overflow:visible!important}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td.amount{font-size:10px!important}
}


/* ===== Sindleva invoice – slightly smaller fonts (screen) – added 2026-10-31 ===== */
@media screen{
  html body.viewinvoice .panel-body h4.invoice-html-number{font-size:21px}
  html body.viewinvoice .panel-body .invoice-html-date,html body.viewinvoice .panel-body .invoice-html-duedate{font-size:12.5px;padding:11px 16px}
  html body.viewinvoice .panel-body address.invoice-html-company-info{font-size:11.5px;line-height:1.65;padding:14px 20px 16px}
  html body.viewinvoice .panel-body address.invoice-html-company-info strong{font-size:13px}
  html body.viewinvoice .panel-body .invoice-html-bill-to{padding:14px 20px 0}
  html body.viewinvoice .panel-body address.invoice-html-customer-billing-info{font-size:12px;padding:4px 20px 16px}
  html body.viewinvoice .panel-body address.invoice-html-customer-billing-info b{font-size:14px}
  html body.viewinvoice .panel-body table.items-preview>thead>tr>th{font-size:10px;padding:9px 12px!important}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td{padding:14px 12px!important}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td:nth-last-child(-n+3){font-size:12px!important}
  html body.viewinvoice .panel-body table.items-preview>tbody>tr>td.amount{font-size:14px!important}
  html body.viewinvoice .sl-order-detail h4{font-size:11px!important}
  html body.viewinvoice .sl-order-detail h4::before{font-size:9px}
  html body.viewinvoice .sl-order-code,html body.viewinvoice .sl-order-code strong{font-size:11px}
  html body.viewinvoice .panel-body .sl-order-code span{font-size:9px}
  html body.viewinvoice .sl-order-section-title{font-size:9px!important}
  html body.viewinvoice table.sl-order-metal td{font-size:11px!important;padding:5px 10px!important}
  html body.viewinvoice .panel-body table.sl-order-diamonds th{font-size:9px!important;padding:6px 8px!important}
  html body.viewinvoice table.sl-order-diamonds td{font-size:10.5px!important;padding:5px 8px!important}
  html body.viewinvoice table.sl-order-diamonds td[colspan]{font-size:10px!important}
  html body.viewinvoice table.sl-order-diamond-summary td{font-size:10.5px!important;padding:5px 10px!important}
  html body.viewinvoice table.sl-order-diamond-summary td strong{font-size:12px}
  html body.viewinvoice .panel-body .sl-order-item-total{font-size:12px;padding:7px 14px!important}
  html body.viewinvoice table.items-preview .sl-invoice-zoom>img{width:96px!important;height:76px!important}
  html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6 table.table td{font-size:12px;padding:8px 12px!important}
  html body.viewinvoice .panel-body>.col-md-10>.col-md-6.col-md-offset-6 table.table tr:last-child td{font-size:14px}
}


/* items without order number: chip reads ITEM */
html body.viewinvoice .sl-order-detail h4.sl-no-order::before{content:"ITEM"}