/* Date last changed: 3 Aug 2026
 * Changed by: KJ
 * ERP benefit list strong labels match .dz_v3_erp_benefit_sub (teal + font).
 */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
html {
  overflow-y: auto;
  scrollbar-gutter: stable;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
      font-size: 12px;
      font-family: Lucida Grande, Helvetica, sans-serif;
}

a
{
   text-decoration: none;
      color: #00AABC;
}

p
{
  line-height: 1.4;


}

strong
{
  font-weight: bold;
}

/*! Florence Sans SC Black — embedded (was Font Squirrel webfont files).
   KJ 30 Jul 2026: inlined so separate .woff/.woff2 files can be removed from media.
   Used by .doclist .trackfail / .tracksuccess (PO list tracking labels). */

@font-face {
    font-family: 'florencesans_sc_blackregular';
    src: url(data:font/woff2;base64,d09GMgABAAAAADsUABIAAAAAhNAAADqtAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4bhXgcMAZWAINSCDYJhGURCAqB2liBt0cLg04AATYCJAOHGAQgBYgmB4U1DIJPGy9wFexGeLcDJNo+5bSRCBs5WgU8imDjAASF92b/f0ygMoZd8elAVC5MWjMtWFNdKZQmlZtsSiqFEq24hZamHkQ/Im2hvFmdD7VDXdixmNfuGCqDwR78wcLQwca1/oZys0UN5gmvSV90tBn86DapUBiCa77xKRziV47Q2Ce59671zm7mNrAT2svPfuTcJwfUOlVfB9ZM2ZhaIH3vRcjy8Pw2e34RYyUGMAvrMIpSJ1hIGSjGEBkyAwVURIcxZyRGzpU55zbnGbV2FUYtb9NF69qlLvKO6LS5S1KAWwJX+A1vZb694aH//f6358h9qEWVxKKqR00k06gdKo1O/VhoYgka7YZCpPHf/Kl71UtYDvDPRoyWFcS1CCtOQaCyZF274jJ2cc4oGbkDyjlWV+iLOBic+yeTNk0pDXAJH37iA6JZMeU3Yc+JybH/pqp3AFUiUjR5LnTpasVWjS+tLnsyDMt7/75kwFOWyRlmpmBvh1NNsuQRnxzdSXbi7NGqVafYjwnYRIuAhTakD1NC/L+6Ssny0P/6hrsLUVHmpWjz0idnWWPrXTyAuyGYsRp7txvvlmFsAdHjCXG4m/5+JdSi2qSmTfXLWgA87j8kIclf6tSs8GcRlTxkwhmVNJSD2P9/nfa1uvbkfOcDsD9CT9ARNv3TfZb13pPiKBqy4oBjDzkTQmfOP1GkOSPrE0JlGAJnPiAtIJ1+ueh3u6273d8t+V+qZvv+Ljn391KWnEu7uqIzJDm2rlyV4C5wABegRC0oXeBFhRmKlDwidZEXcu5S6ViGENtUVeeisv91mmb/5KVUKqjBNUwrWqtYXCJ6gn7bfvk1QDj0bqpoaUQK6F6fO28ZbRFm4xm94wbuEflu9ONnTP3O/pgm1+b7x8q16ZkJiCAPtjI0vbkBADTN8PGvV4Ha8P0ep5z0l3ui9ks5Ccjbb6lQ8VzAphSdJ2rgeIIOewdGwupbqWuXgwEYcHliH/dsbs5bvRw06oihFKZrUCl3QB+XVT58hdvtXxfMeuJN8IFjWIZzZFB1cTBm41V8oX7TkJZtUS+Gxb540qF0NKiwTDaoYuVLHAKuhaAWcy3YApu9bIEApMKu6c8tTZBzB3efYeYHoQDrC/NyFX7G2pA3RYIFWZPIILIevIctnSNZZgE3OZCcvdzzGLVkaPZf5Wz/UH/0DBWaw1rwUiuTwenO6tSmm2jJR+OaRtzSATn3cU9ZkemNDjelDZQgYN4Ja9wHg2EogH2Np0CwR6dpzfQHiKU7xPQl41zGJFeRsAiZA1ak0FrQ4kIVMB9+wG24HzPxilwFFmtU04BQ6WJlOkE11PMtWdihvbZW8RLaYQtsARN4DHyZq2B4icH8TLIh74v0GQgipw18WIOfvV2fU+GfBd4LTR22N1WmlxKwSvsAhWHppaLf2Z2qNVmdgqvQTO6AjkZzcOBqN7W0KVgFaWvcBpMkKqfEShIq308VRtRosfQPKzZsOXBCQETiyg2ZOzoGFl9+/HGECsO3QeRZ/vD2HFdAeyUAS2/aTtRTA4vh2A+0JwsbgLiANajVh2zBngMHWo/98fmQCABgN/3nEZP5gDxOLawF0OxfVSW6bDUKgA+aSmENmIOv7iFTMBpWyfc/9aGy6LEyslYArUAKSAWpI21kguxRMnqqpq71jyi31fV7IxS0czBdguSQ0j7s/nrD/c6dzkuZmoGz3P9vxvqJqonysWwsHgtGPD4Y94w241VDBkpjodUIeWDTSkjvVyDBtpA96eRdk+idlOjDlX9brq5b7U631x8MR+PJ9OZ2Nl8sV+und95aZIq7h6eXN9WHRmcwWb5+/gHswCBOcEho2HpuOC+Cv0EQKdwYFR0Dysorq3c07enYf+Dfzq6evt7+gaHBg4eOHDt6/MTwmdNnzwFFXHzCw6x9qUkLmYmgogWkAbBgMwAAsDQXdJ8qEskBAFiW9yi2uLTx0uXbs/fQGu4fKHTxE8yPkwDg2Z8RUL7cc+zwiZOnjp87DztfX7sCo19WAYDnAPxv7Q69OdigBxLYhGzIhXwoM65LjfpgMv9qqYdGgMoKyzw7YgbsZ0D3FP4mOBZ/lclgYLFPDvPYXXBi2Cu+jUE9OHR3yxlhyn7t1n5jsoDIcNHaGkmAcJZhPAo1wSMmQEpXQFQu7I/uGKpJ2j/93khkID7dCN7rIzI9+0xALLa5HpCYz6mbWSzQwQ8JBFYSkJovZ1dwLZ5JpzifDWjhawPzv6U7hiHSV4bsAFDa7PMOp6Jh9xyJRORTwUJqTM+JxZOU5ESmAT+fFKa2x5BFuk1j7mpn75yND/fTI0QUVmU02L9Jbqhv2sKU0Ixr4GpIkRwgX8zLy/Va20rB8rucCPH74a/DrW31YzBCS5NNWjXld8Nkn58Nl0jAzxzL9rWYOPbaiFRBi3RAeoH7AKSgrQe5X0a4ZIo5u05gPmkN2Qfxb5cZg8M+nj5bq0S59VtykfoYwCPu+uSdDfjP2VfWxw3NX9/wAj+9aX0ZABbvapQg+wuwD+JCAqbm/fidwKkVfTF8+lv5pbFjmSMSVgvgJSbX+9vjJg0A/mEB2ELS1pB+Geq+00L7YMzaO99qAbdCiKQ/5N5AQSBCoDoVDCpCB1kRHEA463Q9YI1KoyLQsXDGq0LdqrDAEdhcUZV9vR9cerqhrpqgVIW9j4ScW860qU1l+RjwtcJGQq1Xo9NYYdhxoZ84nfdcopEwZLW9WSx2T7LaYuZOXUKaJKI8SR4XfMKbfqXRk9lNMCWdNT42+6k7iC/ruWZJG4VKIioxxP1qExIY9z5kWZx2i/jqZZ5Fs90El5+sTYoI7/OEYjPuZjXZYawYradRSpB2B1F2SaqFoSzspSi13ViLWaJQKIFKLizZDUnQ1DpLUBmSFKCQE92dN2nHo5SklOVMZmzoHDVGLcubaPT9BVJwIZD271SyxkEmOhdZvWQuSxLht5hjet1gaWcpI5GIWluStWTR7Bsl5clu1L/Qmz42+emChy64VAkoVbxhT9do7ZmH9qTqwK4KhwQTEeruShxWgijEkNNpueaA8C1hxHd0x0tFjcVnERyRYJ/wteaS1Sy7ZgXZ48RpIlXISjpx46b18rXrpxbx0pULRwUxtnJVEI5V6gGwkZkq477z7SR8ZEX2l3HqfYLqikCetAfRdYWfTMqlEEofEH5Yx1H6zc4LiIYHtO35MBbNalSm43NUSV2/zG+2/C5VX1GRnR3j3d1P/wKnoz0gXGGjKk0DpaA7AzWTa4XvQeJQURsFfmrfCFTIzCrNkCsd6zjiwOJIGXJQEJcCHGmwXc2EEMBbjAztKDsgP+i47Knkz9FRMZuWVGBFcE6LN4pq1eK6ZEGd1A7eEfSf07uYj7RUl9BlSR7BCXaAmsl/6j0GoBGBomebBDvHiSExDdcNAA5hCX5sGmqRQAEdWI33XbOFvD/4ImirHSMAetxX9by5Evd81/RneVTMlkwDsKGdzE84vjQoO0FOZYDCP6vQlzLLdcyiuosg1XYeuoPglUUkZEQc9poFW8bl3iZUr+6LCnzOrKXYzXo2j2/SIQRcIgXUrfyWaGrpCfFfgPimvcmiGVJxh1d907wRPiBGRjSCwhsiSo+8a1x5qw4a/owrqtQ1PsoMTQ+poGPCnSEw9TsxaU0VRAh6NJxx/Go4koeN6t/lqfrfN5cD0dHztx5gbPyEcrkyifJBmw7eWhBYROl7e7wYdXQ6HVMlFpjOFWDS/wEiV83jf3rKRrdinWtFpEdzEr7wRChOKGrtKQGjEtNd0wt0PYcYJsYRGSQtXjnYJStdryWVT+jtXwPgveKUW8i7Wzm/fb2k/E55W1Oo7fWqjM7aibZVV+Wv6mU77zPaUae/RkcyGzf6H+4jVKcQ4xZp4jl4S177DB0SO4FG3UXZTYu4ZA3K+ruFFWmhPXz+2FMQkIwCfrz2vJliqZBN5ooO/USng5qzbcrZFOPGWNRaBUtd6pE4kakQXaChI9tuke5Iux4g/ohsZTeKy4z3l3THnXKxJ2/P1y61rEb40TEGhCvlC+ghkOLnPs6141vPwW6mTKL3gIUR2CmmlxsbSigHU/CKWt88ihy/qN0+KX/Q6hyrX/XKjYx4r4vKDW4EKIpWa/giUPbDq4NIW55wR3BMZ99wyInYFwZQZdza/QL/oqJce1iJaEY1AmAfS2wCCrt2utVuHFJD4v55m9XIWOy7s6Z+XK/LqASC26jbeiMfAmbfVYCPwSrcM4AFMJpPaW9fTmZymd/+4He2MgS8p+evDFZbyCkI1yhgsw+iVH2nPTtmNAsipA8kFH6FZBObGKAXzkY+D+6w7R1ZxaBfeA85Bfdpm7KedJ9lIb2LjeJHLtYDzYSQ92lQSz2mHMycTueoS2bUkjkdySMB2NAuSzUZuobTSELqmTxR8TQzMLhVpUm1ffgCrhtfUx0AD3WwIPLsdklZMzqSpYIQIWNgl5IRI9OhqZNzEPvW0kQdycFHTyS10t2qIcazrG4wlWFzhZQipPHFkmqCnVjByV01QOSMmVJjB6bMujGB2nTN5YONz9wab45dKMajxTGGSTVjVvfXuISGlvzRaQcFhpOUgLoHwg6wr1OSkYxVmWz06390MT5DEaQCjlSSOk2NiOM+pObx81K+7+YKFbc4fWYjyUOucS0l2EXBu9ttPgtgyPj2U1Pu2cLiQGgl7IxNtaQ8ULdR7LK73CfmEIiEZA6Zz+U9MxrhhTW/KAtnCEuvnbS3EVuDmhLV9VOY4bvYfkZDGYqKYOnFYMzwopLhm6lvlKc4lwmJ4U+mnnQjl5RuSas5mTZZXFNcBJtTbwYxL9nF98f1MzX0v7UpVGCwSrvYAatkZ2Eq07We/HiGWQjBGWLIkYOAiVWnHWzBSrOMPgzf5Kqr24RUrVmP1YTXhjPC+0YaITQ9Pl1FPDA3dMlCkJ/kHREHR5Fj5FOaSjq3rmK8mrxVshvxAhim8+gODTOgy7sGHmV48w1Kit4RcYKWquPr/onbnKVsmYyd2/QuOtnfdTrFdGWS0X9KjnP5OhmjVjkv1FNjtQPLlZBL6H18ajh++exUcmo0kdSjZAwpDTcVelaxaBwFTPdaVrQsutciObFJjEWqq46cZnJ09GFLM65mppgeHm+Mc6lr3uyNG9sUTyAaS3akabkE5zK/Dd/aOMTp13Z7YxW60VDChaUTqDHRsKTEO/aH40oZ0Eii4phsoInjBD0zZ48WziVlf2YaKu3qrfr8bkf2zI0A68qULlZky67YFWR8Q6dL1i8bT8wUP/m2Rt1ZjLiIesSce+ejqGBXFeXWTeOmx2ryJLThTCARH94kkkKuH0lS9PrtPc53glGjmtoPKCImp2Qj0fRqQpo4H1AQAgZo3wAUBE+ONMblWj+p59xXFaRZ15La74r9oAAcUcEJrs9diFjPFtNdzSSYHh5vjEYq9mdr3FX7SI45jiZipMMrms/gcwWiQEdYjZAO3osYU5nUKeFIV5xMI/t46ZhCPc1q9fT65rcai97V5tRZ4CpG3ea6Z30+ZELFMYl17Zg4mrnJZxuciCZYXbrqeKdYETX5/abkTuwu0k80ARdH0RhcVVS6bho3A1Aj2YtpNLYaBDXOHnaJGxJKcPMiNzg3poY519fYRa6GEFfUFF881ardKW+bftTW1mNLlIz6tdbn3s8sSwIe+SzxJPzHsPjgLWYVtRIgpHplu6J6+nLxWYYu95+iOh+NZbEGHcF9GR/OQvzBONWjcTwxas5n0TApb0IXWzQqkaBxsCP7aQDWrq9kLdVEZUqF79OarjQ5KnP9RfH+bJL8gb19SB8GnU2bzitQP67Ds8iesbOb6fUeyrZcd6XjWZ3Zr2tm0xCzX7RnPy3f11TcWDpj2FJi/TSd2WXz89KGjdOXyiYtBVAegQYKqY4NZIF2K6p12DyXN1R4Y75PkUC9ii15ymYQcpG/9+QPbqVy1+xG7eauqaMOtheOPWxOf7Z9nUinOnDNIw6hxFLM9nb0It5bb8M0HDv7ZUPPs6QA29Bqbj7BOfT2X8q/KaM/PT0zs78/LTMr3RDIpGf19Wa5p7jUR39v7kP/aMJkGgEaUyjEXel9966/d/Fdb29mRpZ3VewmM3Opm7kK0Nd/68tc/FtIByuvK+uma2rqa8anO9JJIcHnsXfMmZGwgJ7/c23HoHos24MXFV/flJIkk+3enSRLSGgJd4xxXXOGarsxDKuoQLYH+VDPnrr6SRHNzImomlkp8v0n1NzmqJVr/QQpEMrrzYD17TdVKgDtAmuk98aDkJq4Bygukqs/sWWz/iSSa9+5z+ABL2HzFfMY2mndqIX7fTdZl2kXAPA4ax6TNcNLvL/PwL6zdrmmMhcd+xyHdNWJcVk3+2JHl0Z7Yn8ZfSLb0iMaWxqrCgBlOwazjDFZMoFeGJBtz8MyIGFvuR2/hNc1hv+HLfyK1YSWY34a0YA3Q+x4eVad4HRWvfO5s3Pns7OajgB/TqtjAUmYjmmQdQ0OJnVFbb92LWqHrKcfDMq6Y3bR9ZXGJ0/NzspQQI38BDcIjWijipQwP/t1Jw+NdIGFfxfLu7KePv1XDo0VAjRyq5AYZr/FJ1m/O2YdEDdcr1CV0a4rk6iqM6HKDwkn/2Wr1ngeWR7Kntr+9ef9wu0x4NTDU8m7hLdBeKMp3QTRF0AbV4t1aV1I8zWBuNZ+PnxbDla8B72nJN5DTkvMSPCMWVfzM+Z0QvZbPcxazGH04fF5UscrgemwKgyyJdwXPbK2hJHfxzrPdP39fabnWOfvpjLq0QeoZa1P0SThocSNlWKuRFBUJBFIeBVSgUsYgVJMlYikIzjUcWHg70+SryzyRCV/Rp6Qu3Nv4cCDzllTK4Be6QD1ckFYjKCqMpEXzy8tF3Fl/Mq8+CiRIFGd4O94e+VnO9QNkD2wPLVzIPv7914Os7/fKa6POf34ZNLqcd1t23hS/uDU9th7+ahfyTJviXsJ4KrsRM+odbW1sesknrC0Vf5hVlCASdomtgm06/7Dj4uDsX65i+Ale3+f6xvu/H2mhPcAzozP3wX2Fg/dY26i0zmJPnUnALI7z/bp/yqP58bz6j1S7U3FUZtLhXxIxC8FlbINZ/4SE/GjHOYQNeucpLfO/N1EVx5rHFJO/WD98FVONA4A5R/8Mj4Yv4QHiuvKqYah8YYB5cRXX6AR6aVvQIq0sfK3YbM8VIuDqMUy2TYNNXeKFimcvnLMSN07GYdZlc2lQDVR7n2xkUcb5GkyRfOeJEVCKix9a5dPsUKJbjAxMTJtApVnXCh3AtFKfVfnJ08ePADOrg8fbMR+LB8/enCPUs2SBqYrbIgsBwii9cg9i2o+cmHbtbr2mjYwua4oSC8+cTg/FckCPFH13caLZYfnGkwxddv5tVdaDE1NTDqGEjs6ZJH5+ZHJwcEcTkpbxn6CTaaPWZaPjfmXvzAo+0DfnfmlB0rC8cs785sLxh+elDaIL4+1lNVnj+5EpL8QtkdQ8VSSL7skJmKPIjIv3BtHdQwKovxUHDeKNxP0+tXbt4FBOB8VZkfb2ZP/zTW3tDTdvvN46Rqb794+PTx1EbHKD7AX37165aEksCmXLnl4PXnw6IkHYCPSX1xzHq+vm4zJSSBu/mPAQUkIRrsJS5GlkW6oYMAmoDLW0U5+DXEXcAPC7eWuodk2d5GXJpuHv3RWMmexkJf+vL1wQHzh3FYQ0IsdzEADNYJOO5iGIieHp4vSwz3g1qh21j1saW1re6hVgkpeigsIjuP941wdt8eoYGGu9dtmJtj/WGxNkdeSKe43pXejS1/cPO0a0uIajMzpaTxZaeidRHQ6Ma21+a19yVvQzV0u2u9Y/AsEs4C3b9js2Vm2//u3r14dNNNznCMQ5u42Nba0/KcCMS982Jwhb7w+p6l49LLo/ZBQS3ZPhjg1f2wGSQhGBpehX+YLJVPP8UQT+oG3RYDNwi/mbpfkNluPIkebsZL8/PrA+nfKv3u8xdxV7CwfyD1Uj2/L4kiyW7v5bPFUHDG8U9Qne/3yYMKdyudmRgmVichNaLl+0pS9ckMMiW+/OY/rGEMC1UidsZIexf27PYrxkgc2utKkTKNKRHUqegs07pgdn0wQ2NZVRtkjUkk7/sd6C+aHXy/lX3bKFoNiDcl9KMwlpuhjbhGRo6xj6eJ56cf/Ok+UPg9q38mYUF7NGhzCNv9HDvC+1HstQOXjT8V5hAfxvlM8vZNH8RVpqSVD7LiGKLkGQxy5hki7NhIakaqZrCkw+t9oVuBJKBxh8AeA17TFfw431t7o/plvSNGUawIF4TE62Fn149fHqCDS/AegXNBF/i75jdI1h3VKLRv8NISWY2ygxCF1ARzron6WmKcrH4iuX796/ZGIce8GID5dfqoPG51Wpcy1UfR1dBPMXySZozCd8mWVDsb2hl0NIIuwOaKFTHOpST013hFVLBw6XpdZmtIPqURr06VOaf413T70rkS2guQU6t9f6eNV3evPDVQ6zd68dcuhSUUqSVJhNdb39Jy7WFZVVXbxTFV1WcXjpezrOnNs6Rve6ebs7HXPLIIeZmrq6hWM2dWp8UmMCiSlTZfGaR/Ozy8sPHyYiDQOO+TzvoW/dGLCmU4vYW8BmwBzXkfp/BoiB+zbuMosXEDz91b4rsGKfXeplUy5kcmRzO5Mb6cPDVIURPRisc5woLYcTowlwsjJ4eWB6dlOYakiSbpfrjV1uqqGwfLrEXcHwXwPbKR6QzTahhzBNqOyhUFbs1tzXc12uLq6pP36/uPWtD+cKcWRHa6bFv5RNyw0FHNWuP78Bf3LF8K3zXlWR/LedcayN5HNdAN+9jpAHWQSiUqTAyOO45dJs7fU7Htd8lxlRUXtqXMVlVVVZ7kR9GqG0MEKBVSTflwNN1GBolUJopcov8t0hq93nf5i5wR3+mbbeUYg4X+qJLvwfnmxQFZscRB+UGkpSJKXcbA/ma3VFD7unhsP8f3N4zDrdTShfKvK7XQ+QyQ1sJGs1pjb1/ZETRRe0VBNsYnT1bIR6RscwqYGc+1DrBMSObZc2yL472NZzZKx8WbJscwrWr9iNKVIP814pBviiHXS+hjHMGyOh1jvMiLGvvz/U013PZAIT9wPYwPJs/cdezs7F193dnbtfR8BjygQ8Hj8vAI+n8criFBzUvmHgimVL2M65SghE7cgoLKOgv4i/7wmLXZNR+znN1ttu0avKYn+tObyKn8Gkc686XfT5+3w22M+QML86a+OAbCPov6kFl6r+YTBujm/LUBCSIZ/dRKVPE+GfXayKAXKFxKzNkN8aZxMkqoE1chs46vGGBujsKZE5+aIoW7DEBuTKJmNqi7NfQxEMqDEGw6YSsyUCygAxyg9JQ5ZXSJNEaUW4Q2vYKQoKeaqAb5IlJqQWlyN2mL83tjExjCku926GRHUbRhmg4FRmWVOPRFYClfjI7HpjtT9zLPtR33tt2InspbZsw64aKyXTr0g/jdADOk3GkM7FdMcJfr5rsNlraO2I6iRe7iKoyt8T2cFCDjYjBBbP+6L5p7ZO6RLqEuXrCv37epBvsnz57sw/Iw3+5m60AKEujzq4YwX6CtCMVJcJA0I8POTVsa3fSu0ZiQr8kOqbRkP29pa2+8WHTaXH/oUcm9s561G2P2buXGvpkbA7kLu6gD2ozj+ko6VlRPvM/G9fwDIDds7PjkkRX0aUgfwrmZoYnvI/V2CzxesrOLc1eKnb+4KX7oQfGH5Ah6FX8huLIUftYiQ9mWvXECZoNJQGJSB8sHiQHIF9/TxKu6Q7NQekUDE2/byVrjqjn7zTkyVEd3pvlkiLzwRMWPvgnrZKYOqBEPgcGUk1CUDh/eLeCJB/ZaEFpntrkCvGiOq+H7kHERDr3ZDDBFr/Lnh3kZ+5nb4u2aLHLavEcMkX4PrReFwKJRgsjjB7oGJ0Qzi/MI3QPlSc1CSwKEjw0f+/D1yhC/gzxaBI0OHjv0PZP34oaGx/3uzshDp2b296YUQBNDGrMsD0dXVsdFS6abUkISqhqhNFiJhQnxUbHVVvsZ6+OX8Kqhw++jeFAF1sXKRPqjEBV9U1udXvR6JZgb4+cXFsV6r+8XGlcNixYlZDFZAgpIVWFs2c8j8kCW2B24NvMw5KMXZCpTtnkeXuvDIYuN0gF5+hFtECmPRJvOPTm4+Da0fONYiYHHb8GtOh5mTobG52WY3ERFlQV9lr0NM1OMYefvkZnfv4Mk3DUG8Qa4PLdknmcv0yurSWD+Xt5xnqrH+tjOWT6XysUSiAOtJMJ2JhyAI8jv0ETC9GLPn6ph+s+5BSgJ+Gb8tW6pZNoF/eRigbM47F3fy2Y99wjdQgiAvL4HD98yhSA2vyliHzwYvUaM9SExzSqQXdK3Yz4XVzlEnBslGHhRtpKYE1G4WMJX8vARPcdRa95d+1w95G4XFpjjprIZEJ6TnpB4tU1iHst6PiWRJOpy+dQ5O8dZXNqPqowJqazcG2KAb0cdjGTQWSwiiWUwGA0QdR5E11sMnWwvzZR1aj9AAHpyGgFzkHIoxXpfdWoZUov1Fcf7srzUidnjLzFKbb1sxTegmDBtXskDDuHCQrJahLda2stpvC1++X1gYEqJzDr8faETCp6sqKqqmJ6uqamvGRyFeVzcKrC4+L68nlB33V5Rp0rORQR4HWLaZK2c4tSMNWV+eIUugzMT344vnyYp+BWuAVVIh3Ke24JylYOwe2F8P03scEhX9/f1ZX331vb08sJ9JuWKFch7eirJiEKBeDq4qOwYMaPfDhzOoln64uxA/IEHKo8JaQ/vxTx5hEFLif8Ab+tYLPTOiGW41VDHPbSL+HHV4H6Vtox3s6VqzgW8Ja0NteM08v4pCA3o/FrCCblXhFWSsoT9gBtE18HMjQZm+OzFVrmgBTcmb5OlNuHkDUqSVTaCNP9MdKg7xLk5IADu0VN0StUguJMPR7BXFnmuyw9ZBNRs9+2P4ehZe/vHx/l8D4pzUuL/EzXg18u02siZXK/l3KgjuXpd2bQ5O9m7/7hy2fRYiChM9vU4eh+1CGs1E8XmxiRwy9rbmubiXulzMaQ77/E4bMrEQ18WjVK1T++pBp4YpnBAKJZg0js+o1YRduKCThl4kJSjkQFvxa4x1y3xN43cFsIAszpdFC0gAUobPYolTAlmA5rbLu0b0EdOHMWvFYPpNn1UhNyyjFl0qvIG8EVmK2rN/eV/J8/vCm3GeeR4leZJfiTQpy9CWamuLtQ8Qmuas6MYME7qVM4E35bjiwcPC5tZam8Esr3NFmQuF9eK7yaDlHrTbzqmSPVbTlmyfhojma5i/SR5pverLYUrwwJMhnHjyazhE5FB0HYyFh5Hn2sjqvLg8RC1sihjMqZG9ABT1dR5vr2fXyaNQ49kE9KMEHyVCgU6sYH5qF4dkoLk/ayG+vK8XT3S4ke1RrEleBdIOTykKxMviSKJK1tVMTxNxlzwBCHnP47UsPi82kEOG3tYCF3IR+WJOaxgwkq/VAF+3rMieu6hNurX1FoA6tWIXRVVLz0h/lAcqmg7mdMneq8QqJYBMenpBjrDRlriSFHFObCJXNfa2XmSsNSsx/Y1UtW+ZnaHBpM7pVq1CTDFZddE3MnRMkBsNDPz6M5FlpT+/CNIqG1jn5l4/szBDotPxbQDUePXe5Wj6zbMLV/H0ZgSBJayXAZLim93mi+xw8XH7fygod/T/pZ5T0NCH83UqNUvT1+r56SJdY76w1cmZ+52RfwwYWuDZ6SJep+H8huoewKGiAk6Q4x9d+pkvbP0Z2kkbJW+8PjfTfgQjII+MQqT1F8CLtVEuoOJq2bGBkgL4NjrfevZucKnYQ0YFSRkS/AOqs+CtSmKs2GUZ+3Uoe2rncgN/E5nm67hLdDKF/6/ApV4wB76OXtp17HtmkVjiMu0zdno7VkOvMlt0yiDvHrEj9soS1rF9WqfRHIs734u5S9gTqulIz3hYPhxlJIKjDlR4ozBbSIf66thoEbS2HhHm4pKntrz14n2Zd+tpdw0IcP1q+Qes87WaMKUL6tTDnreqH2J+t5RrzNWieYK4SDoN786IAxtpPlQqEMZ+mlqPmgGrwkoNiYaGtKdEH0/iIyyDDKc77Yfvd6LD/Bk36TnyX0iBymrBklDSd/KdHTo7eSVi5UqJlQ24XeNsiZRtZx1opdR8Lo6KKYNz/Urchx2mLWGnd2BBS1xhNIU+DmsxC6PEvITL2OHWPtfbXX0DyMO+JTe/AG8XgIqSYdiCJezkNqw6PCv7VbPgUxpPf8Y6ACgqQkb1x6HMs3cNnbvv6hfghjOhhWW0+7bTeqbUQPP94Ujjq1OT02ZmO3eaIYn7u0jB1OdUJ+2jf/4c/epPKIqJX+iRKAMRtDYuBOe6hXSouo59YO6lyv3UzQvmn9HTp7/pEXdg7Zawv3RPnymcT9351h/MZ0//0PuMddiOJf7QHf7t+2V4+Bf6xgj2+CXstfp7C31kJ4vL4CLw2npmgtJ/MZiSy2g+3Pj6G+pa4zwc79Ng2lsvIPB7lJjnfq+Tf8eyvaODMyFlVuGStBZQVtJOc3H1D9AW5kzalqxi4kv9KMwSx/t5z4dDEM1F5P4xM/NM1/UjOp0vAmp8WXZmdCAj60LfxDCyDz0cXivPFHb2I8+BrKi+WJh51hH7tY4mL2Hn/HSnlv36N8c4PeRL4oeNZvB0OayrkM5zfS5ijxMvu6pOu6ufiNCdqCME2bDOL3YpwRwxCnxoVcJg1qbcmsyjh+uyi+WHQw1g2rRAh9Agaa2XT+XDzwbF19yfnRPNRTkxxvh7E/yd8217IsLrvufeJadpOBZjHsVWjnSW+8PpTgfgB/zZ9Si/1LW68Y8ZgXxx6e45iclpbkea2oGtT0Pi5tdr4SZl1FT96Pz5eBOZtqG31RuWAabU5UJ2a9hsTuJa5j9QiIs3KDUvXe2o/vp5S3kmL+H80ryuRtimjdH9hzdY9DfQhWQeyLTQWJ/ce5ht1t/kHYXw5G122GinJBwC/iCELSOnsCrsY3jQ/5anTMUeJhlMrBDye0jlZzjE2GQ4sSKKk6+BzfnQLTKZXN4EWpKS1mRLizz5k+hr3n3njt0LOuL6ucbr3z2nm35ry/JVaj6jl0+zHrLulc88YwBFfdn0gY3vd3bZDP0eePLlGWusf/1KMa+IVjw1khqeExsaza+HuiY6JxwAAI5T2PX++UnxszKtruTL/g7Z1QuJ5dLvOXH8463CyD8ToYhqEifL/1FCyJ8DJ01zkFGxzB0JL2S2BMMgdefS00HVAHCKk1qgmpTsKBRoFAnl/RSX/iVaRMdUXHlzOzNADsWVghxidkHqLUsH2Gic3ylGZrwo1yTFWZohLXyFRAyckFzx0Kp4UfiwNje8tOyjwfQx5wWVuES+f6NOTAkzP2ax5Ef2V5nz3L0hHBVqK2fn/cHCP2sXGdLWzHdFFR5t8JP04aybNWXxoZ8xZBiMJSDWahuNnHnhDdQCuWzVFZoxNI7ExjdpesHB2OSmrAnE+tW0ii+XYV541l3W8N117ghZEx6Ih8W3fj+NFJHgHEaamEB8nYrqL3pKq8VHDqDhnsrQbU3dgPdYYo985YXWlPyYt37m65xMi4n3Hq8k6OI48aFFY93FqdOreC2/z8ep2v6JNimz55OXySA8Ycm33lSX9O6qWmzNIx+km4UGp4jMoSLUARxDn8bIJ5HY38WZHAiA0a7CDSoiYVAjiNItOYBPAkd6jmOJLTnaj/KYO6BgqIc4L2FeoydUyfo2rFCsEZracmbeHdBzK2s7fm0AlLXahUdLAbfFdvUtmUEcDGmdO3IipiJWv0yrCLyofrYuq0psFi5ZtbhxODZMqURvjlwQ3XKxb0YeDC/jrT0IWElAy1QZdmltQkV0NbtfGOrKFNDX4RwJ81hQx0nnuA46GfRIaxe7SUOBrSfW7yIEejN2ThyTJDvIJBoNIXsS47ZaV2Y3KqhdfqYzz4MWJTIVKTYkH2uCYb/JHUFmR3wVaen7pTmNqNAiOF10PA6joB6z5FVi7I3VcBT325BHDrRi7O3tn2MiHd9kSGXNBt5u1QYu8mpnMm1GFgyb5dEmDoRHtnkZF7qiFUyCI3fiO6ehA+2zQ4HkJTfkGoQtUz1gxyuHBXOg0mgEVISqtVQQ/PnxHYm4uPIYDHTQ2Akwp0Z3pV8L4rfjkJ7ltgxSkpfHMb6vFmTqnUnTy+O0JmW6D7uaMfcOMMYK6DrTRwJODo1AeBlxjXpcQx4BhQigHa0I18kOg+xO0lvJHUkNN+Kp6D1XW4YPP/OxuQMLgCTkYh2y+K7eRFGuVwdCwO2ogG7Hkuw9C0srAUsd1x6XnTV9LV7Lu1FKSu0Hkmzfrtuz+5fNws3qk+80LaPqdEyBjtt9qF7jQ6SVyXOr4/ch7RMfC3efmer+dPnycw84kx8JHHBPiAO/7jO0rZ9QsOzizjTHN8NpyZwFJsAsE5SrtKNEk6oywYKeUzOUIiLGywbDuHGM0J04rYyzM9d1RAElPYdqTIpM/OjMmaoWtVmBltnYvXraIkniLLk23FGGLcpEilwbgw6ihKy9UeX5UYgKCTGIUi5kxMoljYcUVs+CuPGsAPcQUulhfSkENAjHSCYiTpXIhZADuvvRIXVgZT0uM8cCsuhnSD4K0kbTisCxgBYeCrExfJMIVBDzosdyxDzmQ50XhlRyARmAFUFRVSW23IhqGKce1c9utoZkIuHEIAY0hcWIhjgm39sh0oKMNNvoA0ACHIGDSreiEwbPmAaEiSz4CSHokhMrSqrw8g/gsf/wf8VDYcyo4XhBnE9knT/ITyHXZjoK5LssBC0UbAzrcvyZbA9yLw/iWJRCu/m/MbQlLjoPGhhdlQe5oA+xYf8/HQKOwbwhAb/bH8dk3V53MJx+Oml7Yhgf9K227LBF495ovlyJpd/4w/MTVh5f90bRzrIPqZWKRMopIYfcTLLG3JLiCiYlCMWMq5RC1Pln1pefiQzOU4aniCT5mSI/Pbz79Z/+6Je/JKA4x5SzE4P0JwQ+8afiBweCQiBOu8hG3v35zxBS5fg85kwVRoE/IDqZNwSQ/q9R9ieWpHVcr/cVR8C+SxzTrRpVps4uyQClNkpDKQzPImoAeA23plJhDBzZ9X6TGwbRdRjkLUrwuKsKLm+VsmprTeKgWok9Zs5AeMZAB5XVlChlgPtb+nToRkWNUXhWUiCbs5A0UqkzqGztcEYu26AoJCyVDpjWj7LGhgVf3h8Uy3evi9oyssOFvWU3EFFI8sKNNGO1R4lIaQEHxhnkvaK81+IXnZwgK5ABQl+LeRUrIyW1NjxxxvROMT5DCMUlalhOAI3vbYebwgXFI46StRAU0BTnsW+icMVz3Bi85V0PSENTQ4T2WVP6qVxgvxgXwkb/qCyf4YVyEhPaEuu9YqPpGKz7iBxesmN7IYhbvIg5rPhZ5SVAVFxD7vXJ//U8EOU6k9cSJUo03wUrlPlCrLLdKlTJlVyJ1esogomiDOJmbKsuu7onYEOnfsb5/V5UH/wpvTPyXblBk2bGak0Wm+tUJ62VR3jUSwSP9ug3yn2TF72/j1Jswk5OxPdKb/Zal+3rg6/3E2B2ODtEDTafWW+sPS8axWKYA43d0Q3Yo2aMOa7wVk5tCJ0KAedYsjF9zLV4abGsHLUdcph+AkBAQUgDUugAYZ9sHyzM3zcErQn+Qxa2RIFBFoV/kON7ddXiGcqJikou9qtsZOm4inaboEHlGVl3T+rZWb9OosQomuELx8v4iWLEbQ0pZIlK11O1jEb6RduewlAskc5ATbAOCZbWSEkL0mTP+H7DZYNj1r5XeDR5vId8uIXP9MeYAH7w0x9znrvNbjt+/uIlnU0faCvl+sWSgQ/++ZSs7TevW5rH5R22Y/3l+N3XqHO4eLoVsGRSuhrMFUNXBfMBFCDGYxUYl1QqEr2p0VidRnecc8iHR6fFvmr5KkqGIJ2KxDjtDtDRlqZ5Na4/gV0nd0HXx6cJcEKlrzrLeX7Y/1iMdJ/SgWl1B8OzE4WhXoZGisiNRk57g0nmbqHoBIVkB+aD+ZypUmo7FcsdA3FVDA5LpDdmNriPWzSMpNL4nSNTi5ngTGkzQwAkMuBjYs6zVvAUO0iHPcbcAWdZXM/yp8KgNfcBPvA80mfJGt+02IPicjBupn5AWru5l+nQo8FzgMVoSPTgDpq5A20qZn0OY/MHAQcSVR0AJMIUjOlmdgKQavnIspIHjggitJb0Vw7QRKCpSrIDE0mrqmQW656E01VEqFTyjAU6Z2CozeUZ9GWKMqUFacCHaaTFxmW78MglJ60+U0utFZBue7SlBj8OmHJ4CCMy/5HaJ2cds6TpOJDNUw/XrpdI5ifq/aSJQDZoI6LZR1hHw3jngOmkgrTGA+aiyDgx1jk9MzkRgkSqpEHPFhIIACcV+a6DXTLSnmpplkMazlP5uUDwZBRGleZR8cJaJEgkR50VB45TtMDkUf6FUbnq/SITGJg4chyhdsSlt3zrgIv8lMxyEk/ng42l593IcdIQU4/88t/HvUmpYfekN55MZ6BOnU0YZje3wcYdYUFRsV2kUNwQAUhberECXAmCt17freM7VFBP3aRw0B+NsamWzQvEZhMUMZ74564MZSu+4SwgmM/blUVWceX0QdB9z8tubvNbjBUdRo25cjau6K0M8BKTT8ldKKybjWobSPOqcbZ6qd8auho4vip0GgoUNpuguqLI0izMSJgSKDlukRZHM8bTtKgmKqPl88IkG7Vv6B1KVyKCSKZK2gw2YatoIhaardUEllabMXScMIernnE5CXNF4blLxElsuALgidJp+RqGiLjGfEiixLNWNnQzHc//qq5WUT/eTtI6MA+fDA58g6EmQyMWEJYGkjx3llaWqh5QqoQMNQpCKEqpRANAGJg4WWodZmUzdDDUAVpovgrYAM2yf6VStPBFfMl2rqhU+0mYEGQoHARLHQ3C+YpEvG6x3Dn2V3NBGTK5QNlmyWz/ywx19FdUWzkRA8tboxLoOEC2fqmtrPr++YU6ngh1L/4ou9niscfVu53SNUP5rcd770M3/UcgJ/Sk9EbPb9QurrjL5AN33vIjUeqwVLDMqfG1OeqaFj3xcfm2JbfRle817Yk51hscocjB5Rc6OWftbjrPmy4UmFy/io6GJVMWr9pLBtFHoKZN1qlvXLezOhZQebHvNCArVgi79/xCvnZEPuKgrg8214P3Vfed7lpT5TvI+Y79Yxmlena9Yp89cPKWL1HJFps3Gpp4T0ftCdKVm4Yju5BcaifpQn6YBGnC5v5amgwjNctkop7DNVozt+XkrA7gXbVor42bhcXdBQBAPXpCtXC0JZKsr7Kz7zNwwgvlbjzJvgsJnw1gTTM+HnUAJVYz71G0vQVM2I1eG2sBzQ+ZeRCjrcedRdIecM5NeO4qPfAKAIbCM67GfIEZIufgPC0typFSJVphGgHnfbYcUVQyYI6O67nKxX4eASNlTykFZDCb+WezFDJiR53hJItVhn1DzITjrtIDPYFGotDsukoPvAxQOWclAt8cLlvAqVjt9dBdekzjg7kp7hdVFt7h1CTkpiwYr2FmUWjnus6sf6eO6XA4b5jtUnXmW1CzWLBessBchlKD7GrUZAdwpR4LXXPfxXZk2E0P7joM1IuoeC3ONH1YCip87xVWeoJwu6vYB4tsDH464ZS/o3f47jBFqVzu9tazru6MKKu0a482KtXgHK5oAcquNHGD09V48jNS3tfAF0igy/vuVcX9PBW98eW2EWjnPKJtGlPRaSJM2+lyIYNinQtCaq6Scm+0aFPUgHvNinFn/fNGQ1UgByxaWOxthGMPDOIEQx6+tLJC58xXvlyMWCHENbIFpO2nHdC8gFRFY6MF8bpCC3HARReqlWLWTmv1gLqHR5wfOpLxzuzCQHH0/uNx/UNP7YH9OpfchHMh90b2Xgae3aM87ZcNOemRPUCJGDBkFZ2/b4E0YzCJw+i5O9O1Yy2Vgmcw7z/FNWMk+kxDizCilXuUFZT3VSdjM58zs7yDeh7c0JsaqfJvRX8XwNzp7kx1uJwwhsK+u0K8tzUhsaYH7BKmjRLo6Bm7WYsA91NVQZwAumYeepmoouhjw7wCeMuxYwKyioQIJpA4ZYkprHDMslEBkYDEAE4UZvYH+fcVVBy9GQsgXaGeA8ijtDiZyyztnFFsCclhvEx3qieUsOmHHONy7KvolSHTOUQCVW+NjmDTUv9hu0jnwp0khzhl/UJCNcEVkXmQhJa0drBYZOQTNLP5/I5AmJWHc18VlQeQ5GV3JbnOBmpVPeaRoRK++mSfsQ6bJoAK9XAQPbLqgO5jpdvL45NF3f/xYeZA3I/tsmT6fq7FxFcXFaQA7PNJRAnQbzKcJbq+b6s+L+/QOSGLxz+5vQalDSmnayvtL5VOoqGgn1CaWpVTvnmfNk1pptKa23wgfLFMneff50RQKO1Ums+BdDD4xhpq9KCndQt+blr91D/naH2tll6/AU0DUcRA5cUIKhoAdmgq/cW09tl98D2Em9hNAMUC4IueNwqN/HvoI9K6Mw/EKzqZZNivgfe3+U+MqwZ0UT7NxoCM+hRoX2B3DaTTFWzp7YJ6vy3tLvF9HL5IGypjKePMrnUJBiA0ROCy1BAAQfMoQ11nD51C2k5xRbyiE3WoLgNMhv+/xLja7AbKyY0Km/1OhKQI9aysYUTK4CF8fai9M2u5L+UgTYwfjHwm3OZxOYaECjrOqtuklWpx4UP/IabMWzeVUim6FWkRuP7J547d0JwkDAOGwCbWL6ZZQhUfhrbOoUGEHJE3NaIUKaR8bhcYhs05UNq3onAUockZFDQEqkBucMuAKj4Mbf2DpiA5Ikf3ZC+0fW6TGAYMF6os/i4Rc04JolOUZWBDrZVTDwAXpagItbdrmt80Zm8NVIBH0hO7L0V5uKjP1e5h1E+hYSXqNYmrUAoiDZOGu1Op0u6hlbTOccA/lx9UTKTSuK1ajcHYRbn+Svo43NB3L9xSDxQWjMMzjPTjeHhCNWbDHd0Y6GjklAWqprIZ1j8FeFiFrcEwZLWPYVXk4AvD2EZaWA08RsNw2MBPV8vXWESTItUWCj/AULQVajAHnxkJlbgT/F/DFVhe1lxrfk5YT/fZergG3sWSH46iLVNceBB8F5xXeeD/01wedsBRVOHwn5TwOWl//mPy6jrvozdHj7u8O8DMS3iJiKEmiGjD+hgW3uc4SXJXZtxKl4zIXDcSF/wMP9xwDYB3Qtkg9RUcb/JMouZekD2t2w5W9EtRa52Y5XTRt/y+nrfddyQsuCoQFcn9o4X5siJ0XaWqeEEzSzghvtZaBNcQRCUkayGtUi6WtdQRrjVnKf6q4bRHHW1VwtiZdWe1syPuDVpKfgY0b40cVgQeMozovkfsrmrK2jA8qDtmblRfI/Lcqtz2bwtrrVPOgaaANlKNKPhNToMmLSustMpqa2hD0KFLjz4kFLS1DBgyYswEhikz5ixY+geWFWs2bNmx58CRExw8AiISZy5creOGjMKdB09evFH5oKFjYEZuKh2ALVAQjmAhUZyGrscVjicinhMXmPm/V2ijKNFiAoY6KJU6q8ErZepUa9PjQKihKveU2BFw0Ee1GlW47FHwoT16ffHND7cNmDRuUCyRenGmxZsw5ZoZV1z1mth/rrthiMRHp8y65Tapt96plChBkmQycnul2CSVQpoM6TJt9kaWbFvkyJPrhH0K5CtUZNF7pxx0yGl33A1+wCCBERiDCZiCWYiHREiGVEiHjMOOOG7YiKOOGVWuL1DOOR/okFcTBsOCpZtWLjTjXbd8kampqacy3UzT6dbdnMOC7Erz4pTDDOawgCWsYA0b2MJOdDPNTBszgdh3T0bqmoV1w9x7svJmH7FVXArCzx4F8P99M1StgJkkODYTqny4eOgzuN0FNSzGBGAdbo+djDGOvq/EwsFqegSHdocx8q8ioFq8QDtqQrRmoZ4Sw2ZEqWKQC28OVSJc9WJTpqOZEClzNMNtpQ7Ot0VEW9HOtyzmelMXc75nXKLcquYksD2LNpUYt5l/JaCcdvFk0hbulVrJ6RQppm1lTsbTK1oXg7UBAA==) format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.clrflt
{
   clear: both;
}

/* new clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}


.orange_button,
.grey_button
{
  background-image: url("images/buttons.png");
  background-repeat: repeat-x;
  height: 38px;
  line-height: 38px;
  padding: 0px 20px;

  display: block;
  color: #FFF;
  font-weight: bold;
  text-align: center;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  font-size: 1em;

}

.blue_button_28,
.orange_button_28,
.grey_button_28,
.red_button_28,
.green_button_28
{
  margin: 0px;
  padding: 0px;
  border: none;
  background: #00AABC;
  display: table-cell;
  vertical-align: middle;
  height: 26px;
  color: #FFF;
  padding: 0px 20px;

  font-size: 1em;
  border: 1px solid #148996;

    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.orange_button_28
{
  background: #F6A828;
  border: 1px solid #C78923;

}

.grey_button_28
{
  background: #EEEEEE;
  border: 1px solid #AAAAAA;
  color: #333;
}

.red_button_28
{
  background: salmon;
  border: 1px solid indianred;
}

.green_button_28
{
  background: mediumseagreen;
  border: 1px solid darkgreen;
}


.orange_button
{
  background-position: 0px 0px;
  border: 1px solid #E77100;
}

.grey_button
{
  background-position: 0px -43px;
  border: 1px solid #CCC;
  color: #333;
  font-weight: normal;
}

.orange_button,
.grey_button,
.blue_button_28,
.orange_button_28,
.grey_button_28,
.red_button_28,
.green_button_28 {
  cursor: pointer;
}




/* Login forgot-password panel toggle (login.phtml / webplus.js) */
.auth_screen .forgot_container {
  display: none;
}
.auth_screen .forgot_container.visible {
  display: block;
}
.auth_screen .forgot_container .success {
  margin: 0px 15px;
}

/* ===== BEGIN UNUSED: Legacy login shell (superseded by login_minimal auth styles ~line 15123) (disabled via @media not all) ===== */
@media not all {
/* nested:  Login  end-nested */

.auth_screen
{
  background: #FAFAFA;
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;


}

.auth_screen .header
{
  padding: 20px 0px 30px 0px;
  background: #00AABC;

}

.auth_screen .header a
{
  color: #FFF;
  text-align: left;
  display: block;
  margin: 0px auto;
  width: 160px;

}

.auth_screen .login_box
{
  width: 330px;
  margin: 0px auto;
  margin-top: 30px;
  padding: 15px 0px 0px 0px;
  border: 1px solid #DDD;

  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  background: #FFF;
}

.auth_screen .login_box p
{
  text-align: center;
  margin: 0px 15px;

}

.auth_screen .login_box .errors
{
  margin: 5px 15px 15px 15px;

}

.auth_screen .login_box .fld
{
  margin: 15px;

}

.auth_screen h1
{
  font-size: 1.8em;
  line-height: 1.2;
  padding: 0px 10px 10px 10px;
  font-weight: bold;
  text-align: center;
  color: #00AABC;
}

.auth_screen .fld
{
  margin-bottom: 15px;
}

.auth_screen label
{
  font-weight: bold;
  padding-bottom: 3px;
  display: block;

}

.auth_screen input[type='text'],
.auth_screen input[type='password']
{
  padding: 4px;
  border: 1px solid #DDD;
  width: 290px;
  font-size: 1.4em;
  display: inline-block;
}

.auth_screen .submit
{
  margin: 0px auto 15px auto;

}

.auth_screen .bottom
{
  background: #EEE;
  padding: 15px;
  height: 25px;
  line-height: 25px;
  position: relative;
}

.auth_screen .forgot
{
  position: absolute;
  top: 15px;
  right: 15px;
  text-align: right;
}

.auth_screen .sign_up
{
  text-align: center;
  padding: 30px 0px;
}

.auth_screen .forgot_container
{
  display: none;
}


.auth_screen .forgot_container.visible
{
  display: block;
}

.auth_screen .forgot_container .success
{
  margin: 0px 15px;
}

.auth_screen .backlink
{
  display:block;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

.auth_screen .go
{
  margin: 15px auto;
  width: 110px;
}
}
/* ===== END UNUSED ===== */
/* ===== BEGIN UNUSED: Legacy sign-up / auth_screensi (class not used in any template) (disabled via @media not all) ===== */
@media not all {
/* nested:  Sign up  end-nested */

.auth_screensi
{
  background: #FAFAFA;
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;


}

.auth_screensi .header
{
  padding: 20px 0px 30px 0px;
  background: #00AABC;

}

.auth_screensi .header a
{
  color: #FFF;
  text-align: left;
  display: block;
  margin: 0px auto;
  width: 160px;

}

.auth_screensi .login_box
{
  width: 660px;
  margin: 0px auto;
  margin-top: 30px;
  padding: 15px 0px 15px 0px;
  border: 1px solid #DDD;

  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  background: #FFF;
}

.auth_screensi .login_box p
{
  text-align: center;
  margin: 0px 15px;

}

.auth_screensi .login_box .errors
{
  margin: 5px 15px 15px 15px;

}

.auth_screensi .login_box .fld,
.auth_screensi .login_box .g-recaptcha
{
  margin: 15px;

}

.auth_screensi h1
{
  font-size: 1.8em;
  line-height: 1.2;
  padding: 0px 10px 10px 10px;
  font-weight: bold;
  text-align: center;
  color: #00AABC;
}

.auth_screensi .fld,
.auth_screensi .g-recaptcha
{
  margin-bottom: 15px;
  float: left;
}

.auth_screensi label
{
  font-weight: bold;
  padding-bottom: 3px;
  display: block;

}

.auth_screensi input[type='text'],
.auth_screensi input[type='password']
{
  padding: 4px;
  border: 1px solid #DDD;
  width: 290px;
  font-size: 1.4em;
  display: inline-block;
}

input.icheckbox[type="checkbox"]
{
  display: none;
  position: absolute;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0px;
  border: 0px none;
}

input.icheckbox[type="checkbox"] + label.lcheckbox {
  padding-left: 40px;
  height: 32px;
  display: inline-block;
  line-height: 35px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  font-size: 1.4em;
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 3px;
}

input.icheckbox[type="checkbox"]:checked + label.lcheckbox {
  background-position: 0px -35px;
  height: 35px;
  margin-bottom: 0px;
}

label.lcheckbox {
  background-image: url("images/checkbox.png");
  -moz-user-select: none;
}

.auth_screensi .submit
{
  margin: 0px auto 15px auto;

}

.auth_screensi .bottom
{
  background: #EEE;
  padding: 15px;
  height: 25px;
  line-height: 25px;
  position: relative;
}

.auth_screensi .forgot
{
  position: absolute;
  top: 15px;
  right: 15px;
  text-align: right;
}

.auth_screensi .sign_up
{
  text-align: center;
  padding: 30px 0px;
}

.auth_screensi .forgot_container
{
  display: none;
}


.auth_screensi .forgot_container.visible
{
  display: block;
}

.auth_screensi .forgot_container .success
{
  margin: 0px 15px;
}

.auth_screensi .backlink
{
  display:block;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}

.auth_screensi .go
{
  margin: 15px auto;
  width: 110px;
}
}
/* ===== END UNUSED ===== */
/* Dashboard */

.dashboard h1
{
      font-size: 2em;
      color: #FFF;
      padding: 15px 0px;
}

.dashboard h2
{
    font-size: 1.8em;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDD;
}


/* Intro page */
.dashboard_intro h1
{
  color: #333;
  font-weight: bold;
  font-size: 3.2em;
  margin-bottom: 10px;
}

.dashboard_intro p
{
  font-size: 1.4em;
  width: 400px;
  padding-bottom: 20px
}

.dashboard_intro h2
{
  padding-bottom: 20px;
  margin-bottom: 20px
}

.dashboard_intro .options
{
  width: 400px;
  float: right;
  margin-right: 80px;
}

.dashboard_intro .options ul
{
  list-style: square inside;

}

.dashboard_intro .options li
{
  padding-bottom: 20px;
  color: #1EA6C0;
}

.dashboard_intro .options li a
{
  font-size: 1.6em;
  //font-weight: bold;
}

.doclist_container h2
{
  margin-bottom: 0px;
}

.dashboard p.tip
{
  margin-bottom: 20px;

}

.dashboard .header
{
   background: #1EA6C0;
}

.dashboard .centered
{
   width: 990px;
   margin: 0px auto;
   position: relative;
}

.dashboard .header .spacer
{
   height: 0px;
   background: #333;
}

.dashboard .content
{
      padding-top: 40px;
}

.dashboard .user_options
{
      position: absolute;
      top: 0px;
      right: 0px;
      z-index: 9999;
}

.dashboard .user_options ul
{
      padding: 10px 0px;
}

.dashboard .user_options li
{
      float: left;
      color: #FFF;
      padding: 0px 15px;
}

.dashboard .user_options li:first-child
{
      border-left: none;
}

.dashboard .user_options li:last-child
{
     padding-right: 0px;
}

.dashboard .user_options li a
{
      color: #FFF;
}

 /* Dropdown Button */
.dashboard .user_options .dropbtn {
    background-color: #1EA6C0;
    color: white;
    cursor: pointer;
    border: none;
    margin-bottom: 7px;
}

/* ===== BEGIN UNUSED: Legacy dashboard user_options dropdown (superseded by shared dropdown block at EOF) (disabled via @media not all) ===== */
@media not all {
/* nested:  The container <div> - needed to position the dropdown content  end-nested */
.dashboard .user_options .dropdown {
    position: relative;
    display: inline-block;
}

/* nested:  Dropdown Content (Hidden by Default)  end-nested */
.dashboard .user_options .dropdown-content {
    display: none;
    position: absolute;
    background-color: #1B95AC;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border: 1px black solid;
}

/* nested:  Links inside the dropdown  end-nested */
.dashboard .user_options .dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* nested:  Change color of dropdown links on hover  end-nested */
.dashboard .user_options .dropdown-content a:hover {background-color: #CCEEF2; color: black;}

/* nested:  Show the dropdown menu on hover  end-nested */
.dashboard .user_options .dropdown:hover .dropdown-content {
    display: block;
}

/* nested:  Change the background color of the dropdown button when the dropdown content is shown  end-nested */
.dashboard .user_options .dropdown:hover .dropbtn {
    background-color: #1EA6C0;
}
}
/* ===== END UNUSED ===== */

.dashboard .main_nav
{
  margin-top: 10px;
}

.dashboard .main_nav li
{
   float: left;
   margin-right: 10px;
}

.dashboard .main_nav li a
{
   display: block;
   background: rgba(0,0,0,0.1);
   color: #FFF;
   padding: 10px;
   width: 120px;

   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;

}

.dashboard .main_nav li a:hover
{
  background: rgba(255,255,255,0.3);
}

.dashboard .main_nav li.selected a
{
      background: #FFF;
      color: #000;
      font-weight: bold;
}

.dashboard .logo
{
  position: absolute;
  right: 0px;
  top: 40px
}

.dashboard .logo img
{
  width: 86px
}

.dashboard .target
{
  position: absolute;
  right: 96px;
  top: 20px
}

.dashboard .target img
{
  width: 80px;
  height: 80px;
  opacity: 0.5
}

.dashboard .content
{
  min-height: 550px;
}

.dashboard .footer
{
  border-top: 1px solid #EEE;
  padding: 15px 0px;
  margin-top: 15px;
  color: #CCC;

}

.dashboard .footer .centered
{
}
.side_menu
{
      position: absolute;
      top: 0px;
      left: 0px;
}

.side_menu li
{
      margin-bottom: 10px;
}

.side_menu a
{
      padding: 10px 10px;
      height: 15px;
      line-height: 15px;
      width: 130px;
      text-align: left;
      display: block;
      position: relative;
}

.side_menu a .arrow
{
  display: block;
  position: absolute;
  top: 0px;
  right: -17px;
  height: 1px;
  border-left: 17px solid #FFF;
  border-top: 17px solid #FFF;
  border-bottom: 17px solid #FFF;

}

.side_menu li.selected a
{
      background: #F1F1F1;
      color: #000;

}

.side_menu li.selected a .arrow
{
  border-left: 17px solid #F1F1F1;
}

.side_menu a:hover
{
  background: #D7F3F7;
}

.right_content
{
      margin-left: 200px;
}


.doclist_container
{
}

.filter_box
{
  padding: 2px 8px 10px 8px;
  background: #EEE;
}

.filter_box .select_tp
{
  width: 100px;
  height: 40px;
  display: inline-block;
  margin: 10px;
}

.filter_box .select_tp p
{
  margin-right: 10px;
}

.filter_box .select_tp select
{
  width: 100px;
  background: none;
  //border: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #DDD;
  background-color: #FFF;
  padding: 0px 5px;
  font-size: 1em;
  background-image: url("images/drop_down.png");
  background-position: 78px 3px;
  background-repeat: no-repeat;
}

.filter_box .select_tp input
{
  width: 100px;
  background: none;
  //border: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #DDD;
  background-color: #FFF;
  padding: 0px 5px;
  font-size: 1em;
  height: 23px;
}

.filter_box .select_tp p,
.filter_box .select_tp select
{
  //float: left;
  height: 25px;
  //line-height: 25px;
  //display: block;
}

#userfilters > input[type="submit"] {
  background-color:#1EA6C0;
  border:2px solid #1B95AC;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:1.2em;
  text-decoration:none;
}

#userfilters > input[type="submit"]:hover {
  background-color:#1B95AC;
}

#userfilters > input[type="submit"]:active {
  position:relative;
  top:1px;
}


.filter_box .old_tp
{
  width: 200px;
  height: 40px;
  display: inline-block;
  margin: 10px;
}

.filter_box .old_tp p
{
  margin-right: 10px;
}

.filter_box .old_tp select
{
  width: 100px;
  background: none;
  //border: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #DDD;
  background-color: #FFF;
  padding: 0px 5px;
  font-size: 1em;
  background-image: url("images/drop_down.png");
  background-position: 78px 3px;
  background-repeat: no-repeat;
}

.filter_box .old_tp input
{
  width: 100px;
  background: none;
  //border: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #DDD;
  background-color: #FFF;
  padding: 0px 5px;
  font-size: 1em;
  height: 23px;
}

.filter_box .old_tp p,
.filter_box .old_tp select
{
  float: left;
  height: 25px;
  line-height: 25px;
  display: block;
}

p.no_docs
{
      padding: 10px 0px;
      color: #333;
}
table.doclist
{
      width: 100%;
      border-top: 1px solid #DDD;
}

table.doclist td
{
      //border-bottom: 1px solid #DDD;
      position: relative;
}

table.doclist thead td
{
      font-weight: bold;
      //width: 100px;
      width: auto;
      background: #EDF8F8;
      padding: 10px 0px;
      white-space: nowrap;
}

table.doclist thead td.sm
{
      width: auto;
}

table.doclist thead td.operation
{
      width: 50px;
}

table.doclist .retailer img
{
  position: absolute;
  display: block;
  top: 5px;
  left: 10px;
  width: 32px;
  height: 32px;
}

table.doclist .retailer span.indent
{
  position: absolute;
  left: 50px;
}

table.doclist tbody tr:hover
{
      background: #fafafa;
}

table.doclist tbody td
{
      padding: 5px 0px;
      //height: 32px;
      line-height: 32px;
}

table.doclist tbody td input,
table.doclist tbody td span
{
  vertical-align: middle
}
.doclist_container .pagination
{
      background: #EEE;
      padding: 20px 30px;
}

.doclist_container .pagination ul
{
      float: right;
}

.doclist_container .pagination ul li
{
      float: left;
      margin-left: 20px;
}

.doclist_container .pagination ul li.number
{
      margin-left: 5px;
}

.doclist_container .pagination ul li.number.num1
{
      margin-left: 20px;
}


.doclist_container .pagination ul li a
{
      font-weight: bold;
      padding: 3px;
}

.doclist_container .pagination ul li.current a
{
      color: #333;
      border: 1px solid #DDD;
      background: #FFF;
}

.doclist_container .pagination p,
.doclist_container .pagination li a
{
      height: 20px;
      line-height: 20px;
}

.doclist .doctracking
{
  width: 100px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}

.doclist .doctrackingpart
{

}

.doclist .tracksetup
{
  color: orange;
}

.doclist .trackfail
{
  font-family: 'florencesans_sc_blackregular';
  color: #cfcfcf;
  font-size: 1.2em;
  cursor: default;
  margin: -2px;
}

.doclist .tracksuccess
{
  font-family: 'florencesans_sc_blackregular';
  color: #1ea6c0;
  font-size: 1.2em;
  margin: -2px;
}

/* Reports */

.toolbar
{
  padding: 5px;
  margin: 0px auto;
}

.toolbar ul li
{
  float: right;
  margin-right: 10px;

}

.toolbar ul li a,
.toolbar ul li input
{
  font-weight: bold;
}

.toolbar ul li.selected a
{
  color: #FFF;
  background: #00AABC;
}

.report
{
      padding: 22px;
      border: 1px solid #DDD;
      margin: 20px;
      border-radius: 5px;
      -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
      -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
      box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
}

.report h2
{
      font-size: 1.8em;
      padding: 0px 0px 10px 0px;
      border-bottom: 5px solid #DDD;
}

.report .delivery
{
      padding: 20px;
      border-top: 1px solid #DDD;
      background: #EDF8F8;
      margin-top: 10px;
}

.report .delivery p
{
      margin-right: 20px;
      height: 24px;
      line-height: 20px;
}

.report .delivery table td
{
  padding-bottom: 10px
}

.report .delivery table td:first-child
{
  font-weight: bold;
  padding-right: 10px;
}

.report .delivery table td li
{
  margin-bottom: 5px;
}

.summary_header
{
  position: relative;
}

.summary_header h3
{
      padding: 10px 0px;
      font-size: 1.4em;
      font-weight: bold;
      position: absolute;
      top: 0px;
      left: 0px;
}

.summary_table_container
{
      padding: 10px;
      background: #F1F1F1;
      width: 290px;
      margin: 0px 0px 10px auto;

      /*
      position: absolute;
      right: 0px;
      top: 0px;
      */
}

table.summary_table
{
      padding: 10px;
}

table.summary_table tr td:first-child
{
      text-align: left;
      font-weight: bold;
      width: 100px;
}

table.summary_table tr td
{
      padding: 3px;
}
table.summary_table tr td.prompt {text-align: right;}

table.detail
{
      width: 100%;
}
table.detail thead td
{
      background: #EEE;
      font-weight: bold;
      padding: 7px;
      border: 1px solid #DDD;
}

table.detail tbody td
{
      border: 1px solid #DDD;
      padding: 7px;
      vertical-align: middle;
}

table.detail td.right
{
      text-align: right;
}

table.detail tbody tr.totals td
{
      border: none;
      border-top: 2px solid #AAA;
      border-bottom: 1px solid #AAA;
      //background: #EEE;
}

.footer_summary
{
      width: 300px;
      margin: 20px 0px 0px auto;
}

.totals div.group
{
      clear: both;
      position: relative;
      height: 30px;
      border-bottom: 1px solid #FFF;
      background: #F1F1F1
}

.totals div.group > div
{
      position: absolute;
      padding: 10px;
}

.totals div.group .name
{
      top: 0px;
      right: 100px;
      font-weight: bold;
}

.totals div.group .num
{
      top: 0px;
      right: 0px;
}

table.totals td{
      padding: 7px;
      border-top: 1px solid #AAA;
}

table.totals tr td:first-child
{
      font-weight: bold;
}


/* ADMIN pages */

.admin_page h2
{
    font-size: 1.8em;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #1EA6C0;
}

.admin_page h3
{
  font-weight: bold;
}

.admin_page_delete {
  text-align: right;
  padding-bottom: 40px;
}

.admin_page_delete button {
  display: inline-block;
  -webkit-border-radius: 35;
  -moz-border-radius: 35;
  border-radius: 35px;
  font-family: Lucida Grande, Helvetica, sans-serif;
  font-weight: bold;
  color: #ffffff;
  font-size: 13px;
  background: #00AABC;
  padding: 5px 10px 5px 10px;
  margin-left: 5px;
  border: solid #000000 1px;
  text-decoration: none;
  float: left;
}

.admin_page_delete button:hover {
  background: #00AABC;
  background-image: -webkit-linear-gradient(top, #00AABC, #046169);
  background-image: -moz-linear-gradient(top, #00AABC, #046169);
  background-image: -ms-linear-gradient(top, #00AABC, #046169);
  background-image: -o-linear-gradient(top, #00AABC, #046169);
  background-image: linear-gradient(to bottom, #00AABC, #046169);
  text-decoration: none;
}


.small_form
{
      background: #EEE;
      padding: 6px;
      //margin-bottom: 6px;
      border: 1px #DDD solid;
}

.retailers .add_retailer, .admin_page .add
{
      padding: 5px;
      background: #EDF8F8;
}

.tradingpartnerships h3
{
  padding: 10px 0px;
}

.demoreset button.demoreset_reset_btn {
  position: static;
  float: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
  padding: 0 22px;
  border: 1px solid #c93434 !important;
  border-bottom: 1px solid #c93434 !important;
  border-radius: 999px;
  background: #e05252 !important;
  color: #fff !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-shadow: none;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(224, 82, 82, 0.28);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.demoreset button.demoreset_reset_btn:hover {
  background: #c93434 !important;
  border-color: #b32c2c !important;
  box-shadow: 0 8px 18px rgba(201, 52, 52, 0.32);
  transform: translateY(-1px);
}

.demoreset button.demoreset_reset_btn:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(201, 52, 52, 0.24);
}



.retailers .ret_option
{
      background: #EEE;
      padding: 10px;
      margin-bottom: 10px;
      display: none;
}

.retailer_list .group .intid_item
{
      padding: 5px 5px;
      border-top: 1px dashed #DDD;
      position: relative;
}

.retailer_list .group .delete
{
      position: absolute;
      right: 0px;
      top: 5px;
}


.errors, .success
{
        padding: 15px;
        margin-bottom: 30px;
}

.errors
{
      background: rgb(255, 222, 168);
      color: #000;
      line-height: 1.5;
      border: 1px solid rgb(209, 161, 161);
}

.errors ul
{
  list-style: disc inline;
  list-style-type: disc;
  margin-left: 20px;

}

.success
{
      background: rgb(232, 255, 232);
      border: 1px solid rgb(214,235,214);
}

.settings .retailer_list
{
  margin-top: 20px;

}

.settings .retailer_list li
{
  width: 600px;
  background: #EEE;
  border: 1px solid #DDD;
  padding: 10px;
  margin-bottom: 20px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  font-size: 1.2em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.settings .retailer_list li > div
{
  display: flex;
  align-items: center;
}

.settings .retailer_list li > div > input[type="checkbox"]
{
  margin-right: 15px;
}

/* Trading Partners redesign (uses --wp-primary from .intro_dashboard_redesign or :root) */
.tradingpartners.settings .tp_layout {
  max-width: 1100px;
  margin: 20px auto 24px;
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 24px;
}

.tradingpartners.settings .tp_sidebar {
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: sticky;
  top: 20px;
  align-self: start;
}

.tradingpartners.settings .tp_sidebar a {
  text-decoration: none;
  color: #4a6b5e;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 9px 14px;
  border-radius: 7px;
  transition: background 0.18s, color 0.18s;
}

.tradingpartners.settings .tp_sidebar a:hover {
  background: rgba(var(--wp-primary-rgb), 0.12);
  color: var(--wp-primary);
}

.tradingpartners.settings .tp_sidebar a.active {
  background: var(--wp-primary);
  color: #fff;
}

.tradingpartners.settings .tp_main {
  min-width: 0;
}

.tradingpartners.settings .tp_page_header h2 {
  margin-bottom: 6px;
  line-height: 1.35;
  padding-bottom: 0;
  border-bottom: 0;
  overflow: visible;
}

.tradingpartners.settings .tp_page_header p {
  color: #7a9b8e;
  font-size: 0.9rem;
  margin-bottom: 14px;
}

.tradingpartners.settings .tp_divider {
  height: 1px;
  background: rgba(var(--wp-primary-rgb), 0.22);
  margin: 0 0 14px 0;
}

.tradingpartners.settings .tp_partner_list {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-bottom: 20px;
}

.tradingpartners.settings .tp_partner_card {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(var(--wp-primary-rgb), 0.2);
  border-radius: 12px;
  padding: 12px 16px;
  box-shadow: 0 1px 3px rgba(var(--wp-primary-rgb), 0.1);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.tradingpartners.settings .tp_partner_card:hover {
  border-color: rgba(var(--wp-primary-rgb), 0.35);
}

.tradingpartners.settings .tp_partner_card:focus-within {
  background: rgba(var(--wp-primary-rgb), 0.05);
  border-color: var(--wp-primary);
  box-shadow: 0 0 0 2px rgba(var(--wp-primary-rgb), 0.18);
}

.tradingpartners.settings .tp_partner_name {
  flex: 1 1 220px;
  min-width: 200px;
  font-weight: 700;
  font-size: 0.95rem;
  color: #1a2e26;
  line-height: 1.3;
}

.tradingpartners.settings .tp_track_options {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
}

.tradingpartners.settings .tp_track_item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  color: #4a6b5e;
  font-weight: 600;
  white-space: nowrap;
}

.tradingpartners.settings .tp_track_item input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: var(--wp-primary);
  margin: 0;
}

.tradingpartners.settings .tp_track_item input[type="checkbox"]:checked + span {
  color: var(--wp-primary);
  font-weight: 700;
}

.tradingpartners.settings .tp_save_btn {
  margin-left: 6px;
  min-width: 68px;
  text-align: center;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, 0.16) !important;
  color: #334155 !important;
  padding: 7px 14px;
  border-radius: 7px;
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.tradingpartners.settings .tp_save_btn:hover {
  background: var(--wp-primary) !important;
  border-color: var(--wp-primary) !important;
  color: #fff !important;
}

.tradingpartners.settings .tp_info_section {
  margin-top: 16px;
  background: #fff;
  border: 1px solid rgba(var(--wp-primary-rgb), 0.2);
  border-radius: 12px;
  padding: 20px;
}

.tradingpartners.settings .tp_info_section h2 {
  margin-bottom: 16px;
}

.tradingpartners.settings .tp_info_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.tradingpartners.settings .tp_info_grid h3 {
  font-size: 0.9rem;
  margin-bottom: 6px;
  color: var(--wp-primary);
}

.tradingpartners.settings .tp_info_grid p {
  font-size: 0.86rem;
  line-height: 1.6;
  color: #4a6b5e;
}

.tradingpartners.settings .tp_footer_callout {
  margin-top: 14px;
  padding: 13px 16px;
  border-radius: 10px;
  background: rgba(var(--wp-primary-rgb), 0.1);
  border: 1px solid rgba(var(--wp-primary-rgb), 0.22);
  font-size: 0.84rem;
  line-height: 1.5;
  color: #4a6b5e;
}

.tradingpartners.settings .tp_footer_callout a {
  color: var(--wp-primary);
  font-weight: 600;
}

/* Typography aligned with intro / dashboard redesign */
.dashboard.intro_dashboard_redesign .tradingpartners.settings .tp_page_header h2,
.dashboard.intro_dashboard_redesign .tradingpartners.settings .tp_info_section > h2 {
  font-family: "Syne", "DM Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #1a2228;
}

/* Prevent descender clipping on Windows for Trading Partners title */
.dashboard.intro_dashboard_redesign .tradingpartners.settings .tp_page_header h2 {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  line-height: 1.45;
  padding-bottom: 3px;
}

.dashboard.intro_dashboard_redesign .settings_page_title_row {
  align-items: center;
  margin: 0 0 6px;
}

.dashboard.intro_dashboard_redesign .settings_page_title_row > h2 {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

.dashboard.intro_dashboard_redesign .settings_page_title_row .page_help_btn {
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign .settings.account .settings_page_title_row {
  margin-bottom: 12px;
}

.dashboard.intro_dashboard_redesign .tradingpartners.settings .tp_info_section > h2,
.dashboard.intro_dashboard_redesign .tradingpartners.settings .tp_info_grid h3 {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  line-height: 1.45;
  padding-bottom: 2px;
}

.dashboard.intro_dashboard_redesign .tradingpartners.settings .tp_info_grid h3 {
  font-family: "Syne", "DM Sans", sans-serif;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .tradingpartners.settings .tp_main,
.dashboard.intro_dashboard_redesign .tradingpartners.settings .tp_sidebar a {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .tradingpartners.settings .tp_sidebar {
    position: static;
  }
  .tradingpartners.settings .tp_layout {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .tradingpartners.settings .tp_partner_card {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .tradingpartners.settings .tp_track_options {
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-left: 0;
  }
  .tradingpartners.settings .tp_save_btn {
    margin-left: 0;
    min-width: 74px;
  }
  .tradingpartners.settings .tp_info_grid {
    grid-template-columns: 1fr;
  }
}

/* Trading partners in incoming-style shell: content column without inner tp_layout grid */
.poalist.documents.incoming_new_style .tradingpartners.settings .tp_main {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* Admin dashboard pages in incoming-style shell */
.poalist.documents.incoming_new_style main.doclist_container.doc_list_main.admin_page {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}


.settings.account h2,
.settings.edituser h2
{
  margin-bottom: 30px;

}

.fillform .fld
{
  position: relative;
  margin-bottom: 20px;
}

.fillform p.break
{
  margin: 30px 0px 10px 150px;
}

.fillform .fld label
{
  width: 140px;
  display: block;
  padding-bottom: 5px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  line-height: 25px;
  text-align: right;
  font-weight: bold;

}

.fillform .fld input
{
  display: block;
  margin-left: 150px;

}

.fillform .fld p
{
  margin-left: 155px;
  height: 25px;
  line-height: 25px;
}

.fillform .fld input[type="submit"]
{

  //background: orange;
  //border: 2px solid #333;

}

.fillform input[type='text'],
.fillform input[type='password']
{
  background: none;
  border: 0;
  border: 1px solid #8FD2DA;
  padding: 0px 4px;
  width: 300px;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  height: 25px;
  line-height: 25px;
}

.fillform .cancel
{
  position: absolute;
  top: 0px;
  left: 300px;
  height: 38px;
  line-height: 38px;
  display: block;
}

.settings.edituser .reset
{
  margin-top: 10px;

}

.settings.edituser .changepw_heading
{
  margin-top: 35px;
  margin-bottom: 20px;
}

.settings.paypal .f1_container {
    position: relative;
    margin: 10px;
    width: 170px;
    height: 170px;
    float: left;
}

.settings.paypal .f1_container {
    //-webkit-perspective: 1000px;
    //perspective: 1000px;
}

.settings.paypal .f1_card {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all 1.0s ease;
    transform-style: preserve-3d;
    transition: all 1.0s ease;
}

.settings.paypal .f1_container.active .f1_card {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.settings.paypal .face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background-color: #00AABC;
    color: white;
    text-align: center;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    border: 2px solid #00646F;
}

.settings.paypal .face.back {
    display: block;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    box-sizing: border-box;
    color: white;
    text-align: center;
    background-color: #00AABC;
}

.settings.paypal .f1_content {
  margin: 10px;
}

.settings.paypal h1 {
  font-size: 1.5em;
  padding: 10px 0px;
}

/* ------------ POA/INVOICES ------------------ */


form.editdoc.edit .fixed,
form.editdoc.view .input,
form.editdoc.view .edit_toolbar,
form.editdoc.edit .view_toolbar
{
  display: none;
}


form.editdoc.edit .input,
form.editdoc.view .fixed
{
  display: block;
}

/* Toolbar lists: flex row so actions stay horizontal (Save / Cancel on one line) */
form.editdoc.view .view_toolbar,
form.editdoc.edit .edit_toolbar
{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

form.editdoc.edit .edit_toolbar
{
  flex-wrap: nowrap;
}

form.editdoc .datarow input[type='text']
{
  text-align: right;
  border: 1px solid #00AABC;
  padding: 2px;
  color: black;
  display: block;
  width: 150px; /* changed from 86px for SSCC edit */
}

form.editdoc .detail thead td.price
{
  //width: 100px;
}

form.editdoc .detail thead td.qty
{
  //width: 100px;
}

form.editdoc .detail thead td.total
{
  //width: 100px;
}

form.editdoc  .success
{
  margin-bottom: 10px;
}

form.editdoc .delivery input[type='text']
{
  border: 1px solid #00AABC;
  background: #FFF;
  padding: 2px;
}

/* Products */

.productlist table.detail
{
  margin-top: 20px;
}

.productlist .centered > p
{
  margin-bottom: 10px;
}

.productlist .ops ul li
{
  float: left;
  margin-right: 20px;
}

.productlist td.ops
{
  width: 200px;
}


.productlist td.ops a,
.productlist td.ops input,
{
  display: block;
  width: 76px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
}


.productlist .ops ul li .blue_button_28,
.productlist .ops ul li .grey_button_28
{
  display: block;
  height: 26px;
  line-height: 26px;
}

input::-moz-focus-inner /*Remove button padding in FF*/
{
  border: 0;
  padding: 0;
}




/* Cloud Reporting (match new dashboard style) */
.dashboard.intro_dashboard_redesign .cloud_page h2 {
  font-family: "Syne", "DM Sans", sans-serif;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #1a2228;
  margin-bottom: 14px;
}

.dashboard.intro_dashboard_redesign .cloud_page .cloud_card {
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
}

.dashboard.intro_dashboard_redesign .cloud_page #cloud-blurb {
  padding: 18px 20px;
  color: #4a6b5e;
  font-size: 0.95rem;
}

.dashboard.intro_dashboard_redesign .cloud_page #transaction-table .tabulator-header {
  background: #f5f7f6 !important;
  border-bottom: 1px solid #e0ecea !important;
}

.dashboard.intro_dashboard_redesign .cloud_page #transaction-table .tabulator-cell {
  color: var(--wp-text) !important;
  font-size: 13px !important;
}

.dashboard.intro_dashboard_redesign .cloud_page #transaction-table .tabulator-row:hover {
  background: rgba(var(--wp-primary-rgb), 0.06) !important;
}

/* Dashboard content: success + validation alerts (aligned with document view polish) */
.dashboard.intro_dashboard_redesign .content .success,
.dashboard.intro_dashboard_redesign .content .errors {
  box-sizing: border-box;
  border-radius: var(--wp-radius-sm, 10px);
  padding: 12px 16px;
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.45;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
}

.dashboard.intro_dashboard_redesign .content .success {
  background: rgba(var(--wp-primary-rgb), 0.09);
  border: 1px solid rgba(var(--wp-primary-rgb), 0.22);
  color: var(--wp-text);
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.04);
}

.dashboard.intro_dashboard_redesign .content .errors {
  background: #fff1f2;
  border: 1px solid rgba(224, 82, 82, 0.35);
  color: #9f1239;
}

.dashboard.intro_dashboard_redesign .content .errors p {
  margin: 0 0 8px;
  font-weight: 600;
  color: inherit;
}

.dashboard.intro_dashboard_redesign .content .errors p:last-child {
  margin-bottom: 0;
}

.dashboard.intro_dashboard_redesign .content .errors ul {
  margin: 0.25rem 0 0;
  padding-left: 1.25rem;
  list-style-type: disc;
  color: #3f3f46;
}

.dashboard.intro_dashboard_redesign .content .errors li {
  margin: 4px 0;
  font-weight: 400;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .content .success {
  background: var(--dt-teal-50);
  border-color: var(--dt-border);
  color: var(--dt-ink);
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .content .errors {
  background: rgba(254, 242, 242, 0.92);
  border-color: rgba(224, 82, 82, 0.32);
  color: var(--dt-ink);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .content .errors p {
  color: #9f1239;
}

/* Products create/edit page */
.dashboard.intro_dashboard_redesign .updateproduct_card {
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 22px 24px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
}

.dashboard.intro_dashboard_redesign .updateproduct_card h2 {
  font-family: "DM Serif Display", "Times New Roman", serif;
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #0d1f1c;
  margin: 0 0 8px 0;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .tip {
  color: #4a6b5e;
  margin: 0 0 16px 0;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .errors,
.dashboard.intro_dashboard_redesign .updateproduct_card .success {
  border-radius: 12px;
  padding: 12px 14px;
  margin: 0 0 14px;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .success {
  background: rgba(var(--wp-primary-rgb), 0.09);
  border: 1px solid rgba(var(--wp-primary-rgb), 0.22);
  color: var(--wp-text);
  box-shadow: 0 1px 2px rgba(2, 6, 23, 0.04);
}

.dashboard.intro_dashboard_redesign .updateproduct_card .errors {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  color: #9f1239;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .errors p {
  margin: 0 0 6px;
  font-weight: 700;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .errors ul {
  margin: 0;
  padding-left: 18px;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .errors li {
  margin: 2px 0;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_header {
  margin-bottom: 16px;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_title_row {
  align-items: center;
  margin: 0 0 6px;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_title_row > h2 {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_title_row .page_help_btn {
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_summary {
  background: #f0f9f8;
  border: 1px solid #cde3e0;
  border-radius: 12px;
  padding: 14px 14px 10px;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_summary h3 {
  margin: 0 0 10px;
  color: #0e7b6e;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_summary dl {
  margin: 0;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_summary dl > div {
  border-top: 1px solid #dbeceb;
  padding: 8px 0;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_summary dl > div:first-child {
  border-top: 0;
  padding-top: 0;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_summary dt {
  color: #5f827d;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 2px;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_summary dd {
  margin: 0;
  color: #0d1f1c;
  font-weight: 600;
  font-size: 0.9rem;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 320px));
  justify-content: start;
  column-gap: 36px;
  row-gap: 18px;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_grid_pallet {
  margin-bottom: 2px;
}

/* Override legacy fillform layout so fields look like other new pages */
.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld {
  margin-bottom: 14px;
  display: flex;
  flex-direction: column;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld label {
  position: static !important;
  width: auto !important;
  height: auto !important;
  line-height: 1.3 !important;
  text-align: left !important;
  padding-bottom: 6px !important;
  margin-left: 0 !important;
  font-weight: 800;
  color: #28584f;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld.cartons_field {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld.cartons_field label {
  white-space: nowrap;
  position: static !important;
  width: auto !important;
  height: auto !important;
  line-height: 1.3 !important;
  text-align: left !important;
  padding-bottom: 6px !important;
  margin-left: 0 !important;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld.cartons_field input[type="number"] {
  margin-left: 0 !important;
  width: 100% !important;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld.cartons_field input[type="number"][readonly] {
  background: #eef2f1;
  color: #6b7280;
  cursor: not-allowed;
  border-color: #d5ddd9;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld.cartons_field .cartons_future_note {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0 0 0 !important;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(40, 88, 79, 0.16);
  background: #f4f8f6;
  box-shadow: inset 3px 0 0 #28584f;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld.cartons_field .cartons_future_badge {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.7em;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #fff;
  background: #28584f;
  border: none;
  line-height: 1.2;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld.cartons_field .cartons_future_note p {
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0;
  height: auto !important;
  line-height: 1.45 !important;
  font-size: 0.88em;
  color: #4a6b5e;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld.cartons_field .cartons_future_note strong {
  color: #28584f;
  font-weight: 700;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld.quantity_label_field label {
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld .fld_required_mark {
  color: #b00020;
  font-weight: 700;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld input[type="text"],
.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld input[type="password"],
.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld input[type="number"] {
  margin-left: 0 !important;
  display: block;
  width: 100% !important;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--wp-border);
  background: var(--wp-surface);
  color: var(--wp-text);
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld p.tip {
  margin-left: 0;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld input.orange_button {
  appearance: none;
  border: 1px solid #0e7b6e;
  background: #0e7b6e !important;
  color: #fff !important;
  border-radius: 10px;
  height: 40px;
  line-height: 38px;
  padding: 0 18px;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: 0 10px 18px rgba(14, 123, 110, 0.18);
  transition: background 0.2s, border-color 0.2s, transform 0.12s, box-shadow 0.2s;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld input.orange_button:hover {
  background: #14a090 !important;
  border-color: #14a090;
  box-shadow: 0 12px 22px rgba(20, 160, 144, 0.22);
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld input.orange_button:active {
  transform: translateY(1px);
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld a.grey_button.cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  height: 40px;
  padding: 0 18px;
  border-radius: 10px;
  border: 1px solid #cde3e0;
  background: #ffffff;
  color: #4a6b5e;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  box-sizing: border-box;
  transition: border-color 0.2s, color 0.2s, background 0.2s;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign .updateproduct_card .fillform .fld a.grey_button.cancel:hover {
  border-color: #0e7b6e;
  color: #0e7b6e;
  background: #f0f9f8;
}

/* Save / Cancel actions only — not last field inside a product grid */
.dashboard.intro_dashboard_redesign .updateproduct_card .fillform > .fld:last-child {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_layout {
    grid-template-columns: 1fr;
  }
  .dashboard.intro_dashboard_redesign .updateproduct_card .updateproduct_grid {
    grid-template-columns: 1fr;
  }
}

/* Our Customers (admin list/edit) */
.dashboard.intro_dashboard_redesign .ourcustomers .centered {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.dashboard.intro_dashboard_redesign .ourcustomers .side_menu {
  width: 200px;
  position: sticky !important;
  top: 20px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .ourcustomers .right_content {
  margin-left: 0 !important;
}

.dashboard.intro_dashboard_redesign .ourcustomers .side_menu li {
  margin-bottom: 2px;
}

.dashboard.intro_dashboard_redesign .ourcustomers .side_menu a {
  background: transparent !important;
  border-radius: 7px;
  padding: 9px 14px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #4a6b5e !important;
}

.dashboard.intro_dashboard_redesign .ourcustomers .side_menu a:hover {
  background: rgba(var(--wp-primary-rgb), 0.12) !important;
  color: var(--wp-primary) !important;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .ourcustomers .side_menu li.selected a {
  background: var(--wp-primary) !important;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign .ourcustomers .right_content {
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
}

.dashboard.intro_dashboard_redesign .ourcustomers h2 {
  font-family: "Syne", "DM Sans", sans-serif;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #1a2228;
  margin-bottom: 14px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(26, 138, 122, 0.18);
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_tab {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #d4eae7;
  background: #fff;
  color: #5a6e6d;
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_tab:hover {
  border-color: #1a8a7a;
  color: #1a8a7a;
  background: #f3fbfa;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_tab.active {
  border-color: #1a8a7a;
  background: #1a8a7a;
  color: #fff;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_eyebrow {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a8f86;
  margin-bottom: 6px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_title,
.dashboard.intro_dashboard_redesign .admin_redesign_ref.admin_page h2.admin_ref_title {
  margin: 0;
  padding-bottom: 2px;
  border-bottom: none;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #1a2e2b;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_toolbar {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .ourcustomers.admin_redesign_ref .admin_ref_toolbar a.admin_ref_create,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_toolbar .admin_ref_create {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex: 0 0 auto;
  align-self: center;
  min-height: 44px;
  padding: 5px 20px 5px 6px;
  border: 1px solid #c2410c !important;
  border-radius: 999px;
  background: linear-gradient(180deg, #f97316 0%, #ea580c 100%) !important;
  color: #fff !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(234, 88, 12, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .ourcustomers.admin_redesign_ref .admin_ref_toolbar a.admin_ref_create .admin_ref_create_icon,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_toolbar .admin_ref_create .admin_ref_create_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.18);
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .ourcustomers.admin_redesign_ref .admin_ref_toolbar a.admin_ref_create .admin_ref_create_label,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_toolbar .admin_ref_create .admin_ref_create_label {
  padding-right: 2px;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .ourcustomers.admin_redesign_ref .admin_ref_toolbar a.admin_ref_create:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .ourcustomers.admin_redesign_ref .admin_ref_toolbar a.admin_ref_create:focus-visible,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_toolbar .admin_ref_create:hover,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_toolbar .admin_ref_create:focus-visible {
  background: linear-gradient(180deg, #fb923c 0%, #f97316 100%) !important;
  border-color: #ea580c !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 6px 16px rgba(249, 115, 22, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .ourcustomers.admin_redesign_ref .admin_ref_toolbar a.admin_ref_create:hover .admin_ref_create_icon,
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .ourcustomers.admin_redesign_ref .admin_ref_toolbar a.admin_ref_create:focus-visible .admin_ref_create_icon,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_toolbar .admin_ref_create:hover .admin_ref_create_icon,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_toolbar .admin_ref_create:focus-visible .admin_ref_create_icon {
  background: rgba(255, 255, 255, 0.28);
  border-color: rgba(255, 255, 255, 0.45);
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_detail_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_detail_head .admin_ref_section_title {
  margin: 0;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_docs {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 6px 14px 6px 10px;
  border: 1px solid #1a8a7a;
  border-radius: 999px;
  background: #f3fbfa;
  color: #1a8a7a !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 1px 4px rgba(26, 138, 122, 0.08);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_docs_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(26, 138, 122, 0.12);
  color: #1a8a7a;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_docs_label {
  padding-right: 2px;
  color: #1a8a7a !important;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_docs:hover,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_docs:focus-visible {
  background: #1a8a7a;
  border-color: #1a8a7a;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(26, 138, 122, 0.24);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_docs:hover .admin_ref_view_docs_icon,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_docs:focus-visible .admin_ref_view_docs_icon {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_docs:hover .admin_ref_view_docs_label,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_docs:focus-visible .admin_ref_view_docs_label {
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_header_compact {
  align-items: center;
  margin-bottom: 18px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_form_wrap,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_ref_form_wrap,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_ref_form_wrap {
  padding: 20px 22px;
  border: 1px solid #d4eae7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.04);
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_detail_wrap {
  margin-bottom: 16px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_detail_wrap .compdisplay {
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_section_title,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_ref_section_title,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_ref_section_title,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_ref_section_title {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .compcreate,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .compcreate,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_company_form_create .compcreate,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
  width: 100%;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .compcreate .fld,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .compcreate .fld,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_company_form_create .compcreate .fld,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate .fld {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  float: none;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .compcreate .fld label,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .compcreate .fld label,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_company_form_create .compcreate .fld label,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate .fld label {
  margin: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f7b79;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="text"],
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="email"],
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="text"],
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="email"],
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="text"],
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="email"],
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="text"],
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="email"] {
  float: none;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  min-height: 42px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #d4eae7;
  border-radius: 10px;
  background: #fff;
  color: #1a2e2c;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.35;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="text"]:focus,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="email"]:focus,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="text"]:focus,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="email"]:focus,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="text"]:focus,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="email"]:focus,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="text"]:focus,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate .fld input[type="email"]:focus {
  outline: none;
  border-color: #1a8a7a;
  box-shadow: 0 0 0 3px rgba(26, 138, 122, 0.14);
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .compcreate .admin_company_form_actions,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .compcreate .admin_company_form_actions,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_company_form_create .compcreate .admin_company_form_actions,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate .admin_company_form_actions {
  grid-column: 1 / -1;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid #e6f1ef;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .admin_company_form_submit,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .admin_company_form_submit,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .multicompany_add_btn,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_company_form_create .admin_company_form_submit,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .admin_company_form_submit {
  appearance: none;
  float: none;
  width: auto !important;
  min-height: 42px;
  margin: 0;
  padding: 0 22px;
  border: 1px solid #1a8a7a;
  border-radius: 999px;
  background: #1a8a7a;
  color: #fff;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(26, 138, 122, 0.22);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .admin_company_form_submit:hover,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .admin_company_form_submit:hover,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .multicompany_add_btn:hover,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_company_form_create .admin_company_form_submit:hover,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .admin_company_form_submit:hover {
  background: #0f6b5d;
  border-color: #0f6b5d;
  box-shadow: 0 8px 18px rgba(15, 107, 93, 0.28);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .admin_company_form_cancel,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .admin_company_form_cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid #94a3b8;
  background: #fff;
  color: #475569;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .admin_company_form_cancel:hover,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .admin_company_form_cancel:hover {
  border-color: #64748b;
  color: #334155;
  background: #f8fafc;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .compdisplay_inner {
  width: 100%;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_form_create .compcreate,
  .dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .admin_company_form_create .compcreate,
  .dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_company_form_create .compcreate,
  .dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate,
  .dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_edit_grid {
    grid-template-columns: 1fr;
  }
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_stat_card {
  border: 1px solid #d4eae7;
  background: #fff;
  border-radius: 12px;
  padding: 14px 16px;
  display: grid;
  gap: 4px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_stat_label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b8886;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_stat_value {
  font-family: "DM Serif Display", "DM Sans", serif;
  font-size: 27px;
  line-height: 1.1;
  color: #0d2b2a;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_stat_sub {
  font-size: 12px;
  color: #6b8886;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_search {
  flex: 1 1 280px;
  min-width: min(100%, 220px);
  margin-bottom: 0;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_search input {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  min-height: 44px;
  border: 1px solid #d4eae7;
  border-radius: 8px;
  padding: 11px 14px;
  font-size: 14px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  color: #1a2e2c;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_search input:focus {
  border-color: #1a8a7a;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(26, 138, 122, 0.12);
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table_wrap {
  border: 1px solid #d4eae7;
  border-radius: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  background: #fff;
}

/* KJ 29 Jul 2026 — fixed columns with reserved widths so Contact / EDI / View do not overlap */
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  min-width: 900px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table th {
  background: #e8f5f3;
  color: #0f6b5d;
  text-align: left;
  padding: 12px 14px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid #c2e8e2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table th.admin_ref_company_name_col,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table td.admin_ref_company_name {
  width: 24%;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table th.admin_ref_contact_col,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table td.admin_ref_contact_col {
  width: 10%;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table th.admin_ref_edi_col,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table td.admin_ref_edi_col {
  width: 20%;
  min-width: 160px;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table th.admin_ref_view_col,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table td.admin_ref_view_col {
  width: 140px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table th.admin_ref_status_col,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table td.admin_ref_status_col {
  width: 220px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table th.admin_ref_delete_col,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table td.admin_ref_delete_col {
  width: 160px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table td {
  padding: 13px 14px;
  border-bottom: 1px solid #edf3f2;
  font-size: 13.5px;
  color: #1a2e2c;
  vertical-align: middle;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table td.admin_ref_company_name {
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_action_col {
  text-align: left;
  overflow: hidden;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_delete_form,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_hard_delete_form {
  margin: 0;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_status_form {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  max-width: 100%;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_status_select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 30px;
  width: 118px;
  min-width: 0;
  flex: 0 0 118px;
  padding: 0 28px 0 10px;
  border: 1px solid #c2e8e2;
  border-radius: 8px;
  background: #fff
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b8c88' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
    no-repeat right 10px center;
  color: #1a2e2c;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_delete_btn,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_ref_delete_btn,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_ref_delete_btn {
  appearance: none;
  border: 1px solid #fca5a5;
  background: #fef2f2;
  color: #b91c1c;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_delete_btn:hover,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_ref_delete_btn:hover,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_ref_delete_btn:hover {
  background: #fee2e2;
  border-color: #f87171;
  color: #991b1b;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_activate_btn {
  appearance: none;
  border: 1px solid #1a8a7a;
  background: #1a8a7a;
  color: #fff;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_activate_btn:hover {
  background: #0f6b5d;
  border-color: #0f6b5d;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_company_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  border: 1px solid #1a8a7a;
  background: #fff;
  color: #0f6b5d;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_company_btn:hover,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_company_btn:focus-visible {
  background: #ecfdf9;
  border-color: #0f6b5d;
  color: #0a5248;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_table tr:last-child td {
  border-bottom: 0;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_row {
  cursor: pointer;
  transition: background 0.15s;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_company_row:hover {
  background: #f3fbfa;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: none;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_modal.is-open {
  display: block;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.36);
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_dialog {
  position: relative;
  width: min(460px, calc(100vw - 32px));
  margin: 18vh auto 0;
  border-radius: 14px;
  border: 1px solid #d4eae7;
  background: #fff;
  box-shadow: 0 20px 50px rgba(2, 6, 23, 0.25);
  padding: 18px 18px 16px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_dialog h3 {
  margin: 0 0 8px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #0d2b2a;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_dialog p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #476766;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_actions {
  margin-top: 14px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_cancel,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_ok {
  appearance: none;
  border-radius: 9px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_cancel {
  border: 1px solid #d0dde0;
  background: #fff;
  color: #51646a;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_cancel:hover {
  border-color: #b6c9ce;
  background: #f7fbfc;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_ok {
  border: 1px solid #1a8a7a;
  background: #1a8a7a;
  color: #fff;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_confirm_ok:hover {
  border-color: #0f6b5d;
  background: #0f6b5d;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .compdisplay {
  display: block;
  margin: 0 0 16px;
  border: 1px solid #d4eae7;
  border-radius: 14px;
  background: #fff;
  padding: 12px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .compdisplay .outer {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  align-items: center;
  border: 1px solid #e6f1ef;
  border-radius: 10px;
  margin: 0 0 8px;
  padding: 0;
  background: #fff;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .compdisplay .outer:nth-child(even) {
  background: #f8fcfb;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .compdisplay .label {
  width: auto;
  margin: 0;
  padding: 10px 12px;
  border-right: 1px solid #e1efec;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f7b79;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .compdisplay a {
  margin: 0;
  padding: 10px 12px;
  font-size: 14px;
  color: #1a2e2c;
  border: 0 !important;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .compdisplay a:hover {
  background: #eef8f6;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .compdisplay h2 {
  margin: 4px 0 12px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
  font-size: 22px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-buttons .btn,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-buttons button,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-submit,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-cancel {
  cursor: pointer !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.01em;
  border: 1px solid transparent;
  box-shadow: none;
  text-transform: none;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-buttons {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-input select,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-input .form-control {
  min-width: 128px;
  height: 34px;
  padding: 0 34px 0 12px;
  border: 1px solid #d1e7e3;
  border-radius: 10px;
  background: #fff;
  color: #1a2e2c;
  font-size: 13px;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-input select:focus,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-input .form-control:focus {
  outline: none;
  border-color: #0fa89d;
  box-shadow: 0 0 0 3px rgba(15, 168, 157, 0.15);
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-submit,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-buttons .btn-primary {
  background: #0c7a72 !important;
  border-color: #0c7a72 !important;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-cancel,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-buttons .btn-default {
  background: #edf6f5 !important;
  border-color: #cde8e3 !important;
  color: #1d5f59 !important;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-submit:hover,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-buttons .btn-primary:hover {
  background: #0f6b5d !important;
  border-color: #0f6b5d !important;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-cancel:hover,
.dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .editable-buttons .btn-default:hover {
  background: #edf6f5 !important;
  border-color: #0fa89d !important;
  color: #0c7a72 !important;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_header {
    flex-direction: column;
    align-items: flex-start;
  }
  .dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_toolbar .admin_ref_create {
    width: 100%;
    justify-content: center;
  }
  .dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_stats {
    grid-template-columns: 1fr;
  }
  .dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .compdisplay .outer {
    grid-template-columns: 1fr;
  }
  .dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .compdisplay .label {
    border-right: 0;
    border-bottom: 1px solid #e1efec;
  }
  .dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_detail_head {
    flex-direction: column;
    align-items: stretch;
  }
  .dashboard.intro_dashboard_redesign .ourcustomers.admin_redesign_ref .admin_ref_view_docs {
    width: 100%;
    justify-content: center;
  }
}

/* Settings > Company Details: match Trading Partners visual style */
.dashboard.intro_dashboard_redesign .settings.account .centered {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.dashboard.intro_dashboard_redesign .settings.account .side_menu {
  width: 200px;
  position: sticky !important;
  top: 20px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.dashboard.intro_dashboard_redesign .settings.account .side_menu li {
  margin-bottom: 2px;
}

.dashboard.intro_dashboard_redesign .settings.account .side_menu a {
  width: auto !important;
  height: auto !important;
  line-height: 1.35 !important;
  padding: 9px 14px !important;
  border-radius: 7px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #4a6b5e !important;
  background: transparent !important;
}

.dashboard.intro_dashboard_redesign .settings.account .side_menu a:hover {
  background: rgba(var(--wp-primary-rgb), 0.12) !important;
  color: var(--wp-primary) !important;
}

.dashboard.intro_dashboard_redesign .settings.account .side_menu li.selected a {
  background: var(--wp-primary) !important;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign .settings.account .side_menu a .arrow {
  display: none !important;
}

.dashboard.intro_dashboard_redesign .settings.account .right_content {
  margin-left: 0 !important;
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
}

.dashboard.intro_dashboard_redesign .settings.account h2 {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-weight: 700;
  color: #1a2228;
  margin: 0 0 16px;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .fld {
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  column-gap: 14px;
  align-items: center;
  position: static;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform.account_fillform {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 0;
  row-gap: 8px;
  align-items: start;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .fld label {
  position: static !important;
  width: 180px !important;
  height: auto !important;
  line-height: 1.3 !important;
  text-align: right !important;
  padding-bottom: 0 !important;
  margin-left: 0 !important;
  color: #28584f;
  font-weight: 800;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .fld input[type="text"],
.dashboard.intro_dashboard_redesign .settings.account .fillform .fld input[type="password"],
.dashboard.intro_dashboard_redesign .settings.account .fillform .fld input[type="number"] {
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 420px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--wp-border);
  background: var(--wp-surface);
  color: var(--wp-text);
  box-sizing: border-box;
  height: auto;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .fld p {
  margin-left: 0 !important;
  height: auto;
  line-height: 1.35;
  margin: 0;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .fld .cancel {
  position: static !important;
  left: auto !important;
  top: auto !important;
  margin-left: 10px;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .account_form_actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e6f1ef;
  grid-column: 1 / -1;
  grid-template-columns: none;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .account_save_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  appearance: none;
  min-width: 156px;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 0 18px 0 8px;
  border: 1.5px solid #0c7a72 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4faf8 100%) !important;
  color: #0a6b63 !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 2px 8px rgba(12, 122, 114, 0.08);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .account_save_btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(255, 255, 255, 0.45) 48%,
    transparent 68%
  );
  transform: translateX(-130%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .account_save_btn_icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(12, 122, 114, 0.22);
  background: rgba(12, 122, 114, 0.1);
  color: #0c7a72;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .account_save_btn_label {
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .account_save_btn:hover,
.dashboard.intro_dashboard_redesign .settings.account .fillform .account_save_btn:focus-visible {
  outline: none;
  background: linear-gradient(180deg, #12a89c 0%, #0c7a72 55%, #0a6b63 100%) !important;
  border-color: #0a6b63 !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.22) inset,
    0 6px 18px rgba(12, 122, 114, 0.26);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .account_save_btn:hover::after,
.dashboard.intro_dashboard_redesign .settings.account .fillform .account_save_btn:focus-visible::after {
  transform: translateX(130%);
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .account_save_btn:hover .account_save_btn_icon,
.dashboard.intro_dashboard_redesign .settings.account .fillform .account_save_btn:focus-visible .account_save_btn_icon {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.34);
  color: #fff;
  transform: scale(1.06);
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .account_save_btn:active {
  transform: translateY(0);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 3px 10px rgba(12, 122, 114, 0.2);
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .fld a.grey_button.cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  height: 34px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid #94a3b8;
  background: #ffffff;
  color: #475569;
  font-size: 0.84rem;
  font-weight: 600;
  text-decoration: none;
  box-sizing: border-box;
  margin-left: 0 !important;
  transition: border-color 0.2s, color 0.2s, background 0.2s;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .fld a.grey_button.cancel:hover {
  border-color: #64748b;
  color: #334155;
  background: #f8fafc;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform.account_fillform .fld:last-child {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
  grid-template-columns: none;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform.account_fillform .account_form_actions {
  margin-top: 16px;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform.account_fillform .alert_email_row,
.dashboard.intro_dashboard_redesign .settings.account .fillform.account_fillform .account_form_actions {
  grid-column: 1 / -1;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform.account_fillform .alert_email_row {
  align-items: start;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .alert_email_inline {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .alert_email_inline input[type="text"] {
  max-width: 260px;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .alert_email_inline a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid #cde3e0;
  background: #fff;
  color: #0e7b6e;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .alert_email_inline a:hover {
  border-color: #0e7b6e;
  background: #f0f9f8;
}

.dashboard.intro_dashboard_redesign .settings.account .fillform .alert_email_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  border-radius: 999px;
  border: 1px solid #b9d9d5;
  background: #f0f9f8;
  color: #0e7b6e;
  font-size: 11px;
  font-weight: 700;
  cursor: help;
  vertical-align: middle;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .settings.account .centered {
    grid-template-columns: 1fr;
  }
  .dashboard.intro_dashboard_redesign .settings.account .side_menu {
    position: static !important;
  }
  .dashboard.intro_dashboard_redesign .settings.account .fillform.account_fillform {
    grid-template-columns: 1fr;
  }
  .dashboard.intro_dashboard_redesign .settings.account .fillform .fld {
    grid-template-columns: 1fr;
    row-gap: 6px;
    align-items: start;
  }
  .dashboard.intro_dashboard_redesign .settings.account .fillform .fld label {
    width: auto !important;
    text-align: left !important;
  }
}

/* Settings > User Details + Add/Delete User: match Company Details style */
.dashboard.intro_dashboard_redesign .settings.edituser .centered {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.dashboard.intro_dashboard_redesign .settings.edituser .side_menu {
  width: 200px;
  position: sticky !important;
  top: 20px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.dashboard.intro_dashboard_redesign .settings.edituser .side_menu li {
  margin-bottom: 2px;
}

.dashboard.intro_dashboard_redesign .settings.edituser .side_menu a {
  width: auto !important;
  height: auto !important;
  line-height: 1.35 !important;
  padding: 9px 14px !important;
  border-radius: 7px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #4a6b5e !important;
  background: transparent !important;
}

.dashboard.intro_dashboard_redesign .settings.edituser .side_menu a:hover {
  background: rgba(var(--wp-primary-rgb), 0.12) !important;
  color: var(--wp-primary) !important;
}

.dashboard.intro_dashboard_redesign .settings.edituser .side_menu li.selected a {
  background: var(--wp-primary) !important;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign .settings.edituser .side_menu a .arrow {
  display: none !important;
}

.dashboard.intro_dashboard_redesign .settings.edituser .right_content {
  margin-left: 0 !important;
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
}

.dashboard.intro_dashboard_redesign .settings.edituser h2 {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-weight: 700;
  color: #1a2228;
  margin: 0 0 16px;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform .fld,
.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform .fld {
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  column-gap: 14px;
  align-items: center;
  position: static;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform .fld label,
.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform .fld label {
  position: static !important;
  width: 180px !important;
  height: auto !important;
  line-height: 1.3 !important;
  text-align: right !important;
  padding-bottom: 0 !important;
  margin-left: 0 !important;
  color: #28584f;
  font-weight: 800;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform .fld input[type="text"],
.dashboard.intro_dashboard_redesign .settings.edituser .fillform .fld input[type="password"],
.dashboard.intro_dashboard_redesign .settings.edituser .fillform .fld input[type="number"],
.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform .fld input[type="text"],
.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform .fld input[type="password"],
.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform .fld input[type="number"] {
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 420px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--wp-border);
  background: var(--wp-surface);
  color: var(--wp-text);
  box-sizing: border-box;
  height: auto;
}

/* User Details: action row — form’s last node is a hidden input, so :last-child on .fld never matched; use .userdetails_actions */
.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .fld.userdetails_actions {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  margin-top: 16px;
  padding-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid #e6f1ef;
  grid-column: 1 / -1;
  grid-template-columns: none !important;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_save_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  appearance: none;
  min-width: 156px;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 0 18px 0 8px;
  border: 1.5px solid #0c7a72 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4faf8 100%) !important;
  color: #0a6b63 !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 2px 8px rgba(12, 122, 114, 0.08);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_save_btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(255, 255, 255, 0.45) 48%,
    transparent 68%
  );
  transform: translateX(-130%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_save_btn_icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(12, 122, 114, 0.22);
  background: rgba(12, 122, 114, 0.1);
  color: #0c7a72;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_save_btn_label {
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_save_btn:hover,
.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_save_btn:focus-visible {
  outline: none;
  background: linear-gradient(180deg, #12a89c 0%, #0c7a72 55%, #0a6b63 100%) !important;
  border-color: #0a6b63 !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.22) inset,
    0 6px 18px rgba(12, 122, 114, 0.26);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_save_btn:hover::after,
.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_save_btn:focus-visible::after {
  transform: translateX(130%);
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_save_btn:hover .userdetails_save_btn_icon,
.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_save_btn:focus-visible .userdetails_save_btn_icon {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.34);
  color: #fff;
  transform: scale(1.06);
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_save_btn:active {
  transform: translateY(0);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 3px 10px rgba(12, 122, 114, 0.2);
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_cancel_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 120px;
  min-height: 42px;
  height: 42px;
  padding: 0 18px 0 8px;
  border-radius: 999px;
  border: 1.5px solid #cbd5e1;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  color: #64748b;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  text-decoration: none;
  box-sizing: border-box;
  margin: 0;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 2px 8px rgba(100, 116, 139, 0.06);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_cancel_btn::before {
  content: "\00D7"; /* × close mark — use escape so encoding stays correct */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(100, 116, 139, 0.22);
  background: rgba(100, 116, 139, 0.08);
  color: #64748b;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_cancel_btn:hover,
.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_cancel_btn:focus-visible {
  outline: none;
  border-color: #94a3b8;
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  color: #475569;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 4px 14px rgba(100, 116, 139, 0.12);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_cancel_btn:hover::before,
.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_cancel_btn:focus-visible::before {
  background: rgba(100, 116, 139, 0.14);
  border-color: rgba(100, 116, 139, 0.32);
  color: #475569;
  transform: scale(1.06);
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.userdetails_fillform .userdetails_cancel_btn:active {
  transform: translateY(0);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 2px 6px rgba(100, 116, 139, 0.08);
}

.dashboard.intro_dashboard_redesign .settings.edituser .changepw_form {
  margin: 0;
  padding-top: 14px;
  border-top: 1px solid #e6f1ef;
}

.dashboard.intro_dashboard_redesign .settings.edituser .userdetails_reset_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  appearance: none;
  min-width: 176px;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 0 20px 0 10px;
  border: 1px solid #4338ca !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #6366f1 0%, #4f46e5 55%, #4338ca 100%) !important;
  color: #fff !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.22) inset,
    0 4px 14px rgba(79, 70, 229, 0.28);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .settings.edituser .userdetails_reset_btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(255, 255, 255, 0.24) 48%,
    transparent 68%
  );
  transform: translateX(-130%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .settings.edituser .userdetails_reset_btn_icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .settings.edituser .userdetails_reset_btn_label {
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .settings.edituser .userdetails_reset_btn:hover,
.dashboard.intro_dashboard_redesign .settings.edituser .userdetails_reset_btn:focus-visible {
  outline: none;
  background: linear-gradient(180deg, #818cf8 0%, #6366f1 55%, #4f46e5 100%) !important;
  border-color: #4f46e5 !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 8px 22px rgba(99, 102, 241, 0.34);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .settings.edituser .userdetails_reset_btn:hover::after,
.dashboard.intro_dashboard_redesign .settings.edituser .userdetails_reset_btn:focus-visible::after {
  transform: translateX(130%);
}

.dashboard.intro_dashboard_redesign .settings.edituser .userdetails_reset_btn:hover .userdetails_reset_btn_icon,
.dashboard.intro_dashboard_redesign .settings.edituser .userdetails_reset_btn:focus-visible .userdetails_reset_btn_icon {
  background: rgba(255, 255, 255, 0.24);
  border-color: rgba(255, 255, 255, 0.48);
  transform: scale(1.06) rotate(-18deg);
}

.dashboard.intro_dashboard_redesign .settings.edituser .userdetails_reset_btn:active {
  transform: translateY(0);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 3px 10px rgba(79, 70, 229, 0.24);
}

/* Add User page submit — keep teal to match settings elsewhere */
.dashboard.intro_dashboard_redesign .settings.edituser .fillform.adduser_fillform .fld input.orange_button,
.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform.adduser_fillform .fld input.orange_button {
  appearance: none;
  border: 1px solid #0f766e;
  background: #0f766e !important;
  color: #fff !important;
  border-radius: 999px;
  height: 36px;
  line-height: 34px;
  padding: 0 14px;
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  width: auto !important;
  min-width: 108px;
  max-width: 140px;
  box-shadow: 0 8px 14px rgba(14, 123, 110, 0.16);
  transition: background 0.2s, border-color 0.2s, transform 0.12s, box-shadow 0.2s;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.adduser_fillform .fld input.orange_button:hover,
.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform.adduser_fillform .fld input.orange_button:hover {
  background: #129486 !important;
  border-color: #129486;
  box-shadow: 0 10px 18px rgba(18, 148, 134, 0.2);
}

/* Add User: only submit — span full form width so the button isn’t stuck in the label column */
.dashboard.intro_dashboard_redesign .settings.edituser .fillform.adduser_fillform .fld.adduser_actions {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
  grid-column: 1 / -1;
  grid-template-columns: none !important;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform.adduser_fillform .fld.adduser_actions input.orange_button,
.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform.adduser_fillform .fld.adduser_actions input.orange_button {
  display: inline-flex !important;
  flex: 0 0 auto;
}

.dashboard.intro_dashboard_redesign .settings.edituser .fillform p.break {
  margin: 8px 0 4px 194px !important;
  color: #48635b;
}

.dashboard.intro_dashboard_redesign .settings.edituser .changepw_heading {
  margin-top: 26px;
  margin-bottom: 10px;
}

.dashboard.intro_dashboard_redesign .settings.edituser .changepw_copy,
.dashboard.intro_dashboard_redesign .settings.edituser .users_intro,
.dashboard.intro_dashboard_redesign .settings.adduser_page .users_intro {
  color: #48635b;
  margin: 0 0 12px;
}

/* Settings form pages (Add/Delete User, etc.) — allow full page scroll like the legacy layout */
.dashboard.intro_dashboard_redesign.documents_teal_ref .content:has(.settings_shell),
.dashboard.intro_dashboard_redesign.documents_teal_ref .content:has(.adduser_page) {
  flex: 0 0 auto;
  min-height: auto;
  overflow-y: visible;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style.settings_shell .doc_ui_scope {
  flex: 0 0 auto;
  min-height: auto;
  overflow-y: visible;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style.settings_shell .doc_list_page {
  flex: 0 0 auto;
  min-height: auto;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style.settings_shell .doclist_container.doc_list_main,
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doclist_container.doc_list_main.adduser_page {
  flex: 0 0 auto;
  min-height: auto;
  overflow: visible;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page {
  gap: 20px;
  background: var(--dt-sand, #f8fbfa) !important;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page > .adduser_users_panel,
.dashboard.intro_dashboard_redesign .settings.adduser_page > .adduser_form_panel {
  flex: 0 0 auto;
  flex-shrink: 0;
  min-height: auto;
  overflow: visible;
}

/* Add/Delete User — modern settings cards */
.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_users_panel,
.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_form_panel {
  background: #fff;
  border: 1px solid var(--wp-border, #d8eeec);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
  margin: 0;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_users_panel h2,
.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_form_panel h2 {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #1a2228;
  margin: 0 0 14px;
  padding: 0;
  border-bottom: 0;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_intro {
  color: #48635b;
  margin: 0 0 14px;
  font-size: 0.92rem;
  line-height: 1.45;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  max-width: 720px;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_list_item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #d8e7e4;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfb 100%);
  font-size: inherit;
  line-height: 1.35;
  color: #1a2e2b;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(12, 122, 114, 0.06);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_list_item:hover {
  border-color: #b9d9d5;
  box-shadow: 0 4px 14px rgba(12, 122, 114, 0.08);
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_list_identity {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_list_avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(12, 122, 114, 0.18);
  background: linear-gradient(180deg, #edf8f6 0%, #d9f0ec 100%);
  color: #0c7a72;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_list_text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_list_name {
  font-size: 0.95rem;
  font-weight: 700;
  color: #1a2e2b;
  line-height: 1.3;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_list_email {
  font-size: 0.84rem;
  color: #5a7370;
  line-height: 1.35;
  word-break: break-word;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_empty {
  margin: 0;
  padding: 14px 16px;
  border: 1px dashed #cfe0dc;
  border-radius: 10px;
  background: #f8fcfb;
  color: #5a7370;
  font-size: 0.92rem;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_list_delete_form {
  flex-shrink: 0;
  margin: 0;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_delete_button,
.dashboard.intro_dashboard_redesign .settings.adduser_page .users_list_delete_form .delete_button {
  appearance: none;
  min-width: 76px;
  min-height: 34px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1;
  border: 1px solid #fca5a5 !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .users_delete_button:hover,
.dashboard.intro_dashboard_redesign .settings.adduser_page .users_delete_button:focus-visible,
.dashboard.intro_dashboard_redesign .settings.adduser_page .users_list_delete_form .delete_button:hover,
.dashboard.intro_dashboard_redesign .settings.adduser_page .users_list_delete_form .delete_button:focus-visible {
  background: #fee2e2 !important;
  border-color: #f87171 !important;
  color: #991b1b !important;
  box-shadow: 0 2px 8px rgba(185, 28, 28, 0.12);
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform.adduser_fillform {
  margin-top: 4px;
  max-width: none;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform.adduser_fillform .fld input[type="text"] {
  max-width: 420px;
  width: 100% !important;
  height: auto;
  line-height: 1.35;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--wp-border, #d8eeec);
  background: var(--wp-surface, #fff);
  color: var(--wp-text, #1a2e2b);
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform.adduser_fillform .fld_email_stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  max-width: 420px;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform.adduser_fillform .fld_email .adduser_actions {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .fillform.adduser_fillform .fld_email .adduser_submit_btn {
  margin: 0 auto;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_submit_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  appearance: none;
  min-width: 140px;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 0 20px 0 10px;
  border: 1px solid #084a44 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #0c7a72 0%, #096960 55%, #084a44 100%) !important;
  color: #fff !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.2) inset,
    0 4px 14px rgba(12, 122, 114, 0.24);
  transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_submit_btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(255, 255, 255, 0.22) 48%,
    transparent 68%
  );
  transform: translateX(-130%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_submit_btn_icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_submit_btn_label {
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_submit_btn:hover,
.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_submit_btn:focus-visible {
  outline: none;
  background: linear-gradient(180deg, #12a89c 0%, #0c7a72 55%, #0a6b63 100%) !important;
  border-color: #0a6b63 !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.24) inset,
    0 8px 22px rgba(12, 122, 114, 0.28);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_submit_btn:hover::after,
.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_submit_btn:focus-visible::after {
  transform: translateX(130%);
}

.dashboard.intro_dashboard_redesign .settings.adduser_page .adduser_submit_btn:active {
  transform: translateY(0);
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .settings.edituser .centered {
    grid-template-columns: 1fr;
  }
  .dashboard.intro_dashboard_redesign .settings.edituser .side_menu {
    position: static !important;
  }
  .dashboard.intro_dashboard_redesign .settings.edituser .fillform .fld {
    grid-template-columns: 1fr;
    row-gap: 6px;
    align-items: start;
  }
  .dashboard.intro_dashboard_redesign .settings.edituser .fillform .fld label {
    width: auto !important;
    text-align: left !important;
  }
  .dashboard.intro_dashboard_redesign .settings.edituser .fillform p.break {
    margin-left: 0 !important;
  }
}

/* Admin > Multi Company Setup — flat layout (no card boxes) */
.dashboard.intro_dashboard_redesign .multicompany.right_content,
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style main.doclist_container.doc_list_main.multicompany.admin_redesign_ref {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  max-width: none !important;
  padding: 28px 32px !important;
}

.poalist.documents.incoming_new_style main.doclist_container.doc_list_main.multicompany.admin_redesign_ref {
  max-width: none;
  width: 100%;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_main {
  max-width: 920px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_page_header {
  margin: 0;
  padding: 0 0 4px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_eyebrow {
  margin: 0 0 6px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a8f86;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_title {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_section {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_section_title {
  margin: 0 0 6px;
  padding: 0;
  border: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_section_desc,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_hint {
  margin: 0 0 16px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_hint {
  margin: 14px 0 0;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_section_title_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_section_title_row .mc_section_title {
  margin: 0;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_form_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px 16px;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_field {
  flex: 1 1 220px;
  min-width: min(100%, 200px);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_field_action {
  flex: 0 0 auto;
  min-width: 132px;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_submit_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-width: 120px;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 0 18px 0 8px;
  border: 1px solid #0a6b63;
  border-radius: 999px;
  background: linear-gradient(180deg, #1ab5a8 0%, #0c7a72 55%, #0a6b63 100%);
  color: #fff;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.22) inset,
    0 4px 14px rgba(12, 122, 114, 0.28);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_submit_btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(255, 255, 255, 0.22) 48%,
    transparent 68%
  );
  transform: translateX(-130%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_submit_btn_icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_submit_btn_label {
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_submit_btn:hover,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_submit_btn:focus-visible {
  outline: none;
  background: linear-gradient(180deg, #22c9bb 0%, #12a89c 55%, #0c7a72 100%);
  border-color: #0c7a72;
  color: #fff;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 8px 22px rgba(15, 168, 157, 0.36);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_submit_btn:hover::after,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_submit_btn:focus-visible::after {
  transform: translateX(130%);
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_submit_btn:hover .mc_submit_btn_icon,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_submit_btn:focus-visible .mc_submit_btn_icon {
  background: rgba(255, 255, 255, 0.24);
  border-color: rgba(255, 255, 255, 0.48);
  transform: scale(1.06);
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_submit_btn:active {
  transform: translateY(0);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 3px 10px rgba(12, 122, 114, 0.24);
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_field label,
.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_action_label {
  margin: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: #3f5f59;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_action_label {
  visibility: hidden;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_select {
  width: 100%;
  min-height: 42px;
  padding: 10px 36px 10px 12px;
  border: 1px solid #d4eae7;
  border-radius: 10px;
  background: #fff;
  color: #1a2e2c;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.35;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_select:focus {
  outline: none;
  border-color: #1a8a7a;
  box-shadow: 0 0 0 3px rgba(26, 138, 122, 0.14);
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_list_heading {
  margin: 20px 0 8px;
  padding: 0;
  border: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_company_list {
  margin: 0;
  padding: 0 0 0 18px;
  list-style: disc;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_company_list li {
  margin: 0 0 6px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_company_list a {
  display: block;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #1a8a7a;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_company_list a:hover {
  color: #0f6b5d;
  text-decoration: underline;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_create_parent_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  min-height: 40px;
  padding: 0 16px 0 8px;
  border: 1px solid #c2410c;
  border-radius: 999px;
  background: linear-gradient(180deg, #f97316 0%, #ea580c 100%);
  color: #fff;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(234, 88, 12, 0.2);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_create_parent_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.18);
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
}

.dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_create_parent_btn:hover {
  background: linear-gradient(180deg, #fb923c 0%, #f97316 100%);
  border-color: #ea580c;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(249, 115, 22, 0.32);
  transform: translateY(-1px);
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_form_row {
    flex-direction: column;
    align-items: stretch;
  }
  .dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_field,
  .dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_field_action {
    flex: 1 1 auto;
    min-width: 100%;
  }
  .dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_action_label {
    display: none;
  }
  .dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_submit_btn,
  .dashboard.intro_dashboard_redesign .multicompany.admin_redesign_ref .mc_create_parent_btn {
    width: 100%;
    justify-content: center;
  }
}

/* Admin > Document Forwards */
.dashboard.intro_dashboard_redesign .forwards.right_content {
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_ref_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(26, 138, 122, 0.18);
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_ref_eyebrow {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a8f86;
  margin-bottom: 6px;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .admin_ref_title,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref h2.admin_ref_title {
  margin: 0;
  padding-bottom: 2px;
  border-bottom: none;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #1a2e2b;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_add_section,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_list_section {
  margin-bottom: 16px;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_section_desc,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_empty_state {
  margin: 0 0 16px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_empty_state {
  margin-bottom: 0;
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px dashed #cfe5e2;
  background: #f8fcfb;
  text-align: center;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_create {
  margin: 0;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 16px 20px;
  align-items: stretch;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_field_group {
  margin: 0;
  padding: 16px 18px;
  border: 1px solid #d4eae7;
  border-radius: 12px;
  background: #f8fcfb;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_field_group_title {
  display: block;
  width: 100%;
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0f6b5d;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_field_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  width: auto;
  height: auto;
  float: none;
  position: static;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_field label {
  position: static;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f7b79;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_field input[type="text"] {
  display: block;
  float: none;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  min-height: 42px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #d4eae7;
  border-radius: 10px;
  background: #fff;
  color: #1a2e2c;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.35;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_field input[type="text"]::placeholder {
  color: #94a8a6;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_field input[type="text"]:focus {
  outline: none;
  border-color: #1a8a7a;
  box-shadow: 0 0 0 3px rgba(26, 138, 122, 0.14);
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background: #e8f5f3;
  color: #0f6b5d;
  font-size: 18px;
  font-weight: 700;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e6f1ef;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_submit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  appearance: none;
  float: none;
  width: auto !important;
  min-width: 148px;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 0 18px 0 8px;
  border: 1px solid #0a6b63 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #1ab5a8 0%, #0c7a72 55%, #0a6b63 100%) !important;
  color: #fff !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.22) inset,
    0 4px 14px rgba(12, 122, 114, 0.24);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_submit::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(255, 255, 255, 0.22) 48%,
    transparent 68%
  );
  transform: translateX(-130%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_submit_icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_submit_label {
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_submit:hover,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_submit:focus-visible {
  outline: none;
  background: linear-gradient(180deg, #22c9bb 0%, #12a89c 55%, #0c7a72 100%) !important;
  border-color: #0c7a72 !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 8px 22px rgba(15, 168, 157, 0.36);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_submit:hover::after,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_submit:focus-visible::after {
  transform: translateX(130%);
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_submit:hover .forwards_form_submit_icon,
.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_submit:focus-visible .forwards_form_submit_icon {
  background: rgba(255, 255, 255, 0.24);
  border-color: rgba(255, 255, 255, 0.48);
  transform: scale(1.06);
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_submit:active {
  transform: translateY(0);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 3px 10px rgba(12, 122, 114, 0.24);
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_table_wrap {
  border: 1px solid #d4eae7;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_table {
  width: 100%;
  border-collapse: collapse;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_table th {
  background: #e8f5f3;
  color: #0f6b5d;
  text-align: left;
  padding: 11px 14px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid #c2e8e2;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_table td {
  padding: 12px 14px;
  border-bottom: 1px solid #edf3f2;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  line-height: 1.4;
  color: #1a2e2c;
  vertical-align: middle;
  word-break: break-word;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_table tbody tr:last-child td {
  border-bottom: 0;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_table tbody tr:hover {
  background: #f8fcfb;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_action_col {
  width: 90px;
  text-align: right;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_delete_form {
  margin: 0;
  display: inline;
}

.dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_doc_badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  background: #e8f5f3;
  color: #0f6b5d;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_layout {
    grid-template-columns: 1fr;
  }

  .dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_form_arrow {
    transform: rotate(90deg);
    margin: 0 auto;
  }

  .dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_table_wrap {
    overflow-x: auto;
  }

  .dashboard.intro_dashboard_redesign .forwards.admin_redesign_ref .forwards_table {
    min-width: 640px;
  }
}

/* Admin > Trading Partnerships */
.dashboard.intro_dashboard_redesign .tradingpartnerships.right_content {
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: clip;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .admin_ref_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(26, 138, 122, 0.18);
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .admin_ref_eyebrow {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a8f86;
  margin-bottom: 6px;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .admin_ref_title,
.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref h2.admin_ref_title {
  margin: 0;
  padding-bottom: 2px;
  border-bottom: none;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #1a2e2b;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .admin_ref_form_wrap {
  padding: 20px 22px;
  border: 1px solid #d4eae7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.04);
  margin-bottom: 16px;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_actions_row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
  align-items: stretch;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_actions_row .admin_ref_form_wrap {
  margin-bottom: 0;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_actions_row .admin_ref_section_title {
  min-height: 2.7em;
  margin: 0 0 12px;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_actions_row .tp_card_intro {
  min-height: 3em;
  margin: 0 0 14px;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_actions_row .tp_section_desc {
  margin: 0 0 14px;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .admin_ref_section_title {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_section_desc,
.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_empty_state {
  margin: 0 0 14px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_empty_state {
  margin-bottom: 0;
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px dashed #cfe5e2;
  background: #f8fcfb;
  text-align: center;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_company_filter,
.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  max-width: none;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_company_filter label,
.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_field label {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f7b79;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_company_select,
.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_field select {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #d4eae7;
  border-radius: 10px;
  background: #fff;
  color: #1a2e2c;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_company_select:focus,
.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_field select:focus {
  outline: none;
  border-color: #1a8a7a;
  box-shadow: 0 0 0 3px rgba(26, 138, 122, 0.14);
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_submit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  appearance: none;
  float: none;
  width: auto !important;
  min-width: 210px;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 0 18px 0 8px;
  border: 1px solid #084a44 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #0c7a72 0%, #0a5c55 55%, #084a44 100%) !important;
  color: #fff !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.18) inset,
    0 4px 14px rgba(8, 74, 68, 0.32);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_submit::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(255, 255, 255, 0.22) 48%,
    transparent 68%
  );
  transform: translateX(-130%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_submit_icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_submit_label {
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_submit:hover,
.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_submit:focus-visible {
  outline: none;
  background: linear-gradient(180deg, #12a89c 0%, #0c7a72 55%, #0a5c55 100%) !important;
  border-color: #0a5c55 !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.24) inset,
    0 8px 22px rgba(8, 74, 68, 0.38);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_submit:hover::after,
.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_submit:focus-visible::after {
  transform: translateX(130%);
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_submit:hover .tp_add_submit_icon,
.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_submit:focus-visible .tp_add_submit_icon {
  background: rgba(255, 255, 255, 0.24);
  border-color: rgba(255, 255, 255, 0.48);
  transform: scale(1.06);
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_submit:active {
  transform: translateY(0);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.14) inset,
    0 3px 10px rgba(8, 74, 68, 0.28);
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_table_wrap {
  border: 1px solid #d4eae7;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_table {
  width: 100%;
  border-collapse: collapse;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_table th {
  background: #e8f5f3;
  color: #0f6b5d;
  text-align: left;
  padding: 11px 14px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid #c2e8e2;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_table td {
  padding: 12px 14px;
  border-bottom: 1px solid #edf3f2;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  line-height: 1.4;
  color: #1a2e2c;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_table tbody tr:last-child td {
  border-bottom: 0;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_table tbody tr:hover {
  background: #f8fcfb;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_action_col {
  width: 90px;
  text-align: right;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_delete_form {
  margin: 0;
  display: inline;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .admin_ref_delete_btn {
  appearance: none;
  border: 1px solid #fca5a5;
  background: #fef2f2;
  color: #b91c1c;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .admin_ref_delete_btn:hover {
  background: #fee2e2;
  border-color: #f87171;
  color: #991b1b;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_company_badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  background: #fdeaea;
  color: #b42318;
  font-size: 12px;
  font-weight: 700;
}

.dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_retailer_badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  background: #e8f5e3;
  color: #2d6a2d;
  font-size: 12px;
  font-weight: 700;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_actions_row {
    grid-template-columns: 1fr;
  }

  .dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_row {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_add_submit {
    width: 100%;
    justify-content: center;
  }

  .dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_table_wrap {
    overflow-x: auto;
  }

  .dashboard.intro_dashboard_redesign .tradingpartnerships.admin_redesign_ref .tp_table {
    min-width: 560px;
  }
}

/* Admin > Notifications */
.dashboard.intro_dashboard_redesign .notifications.right_content {
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: clip;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .admin_ref_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(26, 138, 122, 0.18);
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .admin_ref_eyebrow {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a8f86;
  margin-bottom: 6px;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .admin_ref_title,
.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref h2.admin_ref_title {
  margin: 0;
  padding-bottom: 2px;
  border-bottom: none;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #1a2e2b;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .admin_ref_form_wrap {
  padding: 20px 22px;
  border: 1px solid #d4eae7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.04);
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .admin_ref_section_title {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_section_desc {
  margin: 0 0 16px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_form_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
  max-width: 900px;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_field:first-child {
  grid-column: 1 / -1;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_field label {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f7b79;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_field input[type="text"],
.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_user_select {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #d4eae7;
  border-radius: 10px;
  background: #fff;
  color: #1a2e2c;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_field input[type="text"]:focus,
.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_user_select:focus {
  outline: none;
  border-color: #1a8a7a;
  box-shadow: 0 0 0 3px rgba(26, 138, 122, 0.14);
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_field_hint {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #94a8a6;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_form_actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #e6f1ef;
  max-width: 900px;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_preview_btn,
.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref #noti_test {
  appearance: none;
  min-height: 42px;
  margin: 0;
  padding: 0 18px;
  border: 1px solid #94a3b8;
  border-radius: 999px;
  background: #fff;
  color: #475569;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  width: auto;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_preview_btn:hover,
.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref #noti_test:hover {
  border-color: #64748b;
  color: #334155;
  background: #f8fafc;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_submit_btn {
  appearance: none;
  min-height: 42px;
  margin: 0;
  padding: 0 22px;
  border: 1px solid #1a8a7a;
  border-radius: 999px;
  background: #1a8a7a;
  color: #fff;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(26, 138, 122, 0.22);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_submit_btn:hover {
  background: #0f6b5d;
  border-color: #0f6b5d;
  box-shadow: 0 8px 18px rgba(15, 107, 93, 0.28);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_submit_btn--all {
  border-color: #0f6b5d;
  background: #0f6b5d;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_submit_btn--all:hover {
  background: #0a5549;
  border-color: #0a5549;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .fillform .fld {
  position: static;
  margin: 0;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .fillform .fld label {
  position: static;
  width: auto;
  height: auto;
  text-align: left;
}

.dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .fillform .fld input {
  margin-left: 0;
  float: none;
}

#notificationt.noti_preview_bar {
  display: none;
  position: fixed;
  z-index: 999999;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: min(920px, calc(100vw - 32px));
  background: #fff;
  border: 1px solid #d4eae7;
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.18);
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  box-sizing: border-box;
}

#notificationt.noti_preview_bar .noti_preview_text,
#notificationt.noti_preview_bar #noti_textt {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  width: auto;
  line-height: 1.45;
  font-weight: 600;
  color: #1a2e2b;
  font-size: 15px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  text-align: left;
}

#notificationt.noti_preview_bar #noti_linkt {
  margin-left: 8px;
  color: #1a8a7a;
  font-weight: 700;
  text-decoration: none;
}

#notificationt.noti_preview_bar #noti_linkt:hover {
  text-decoration: underline;
}

#notificationt.noti_preview_bar .noti_preview_actions,
#notificationt.noti_preview_bar #noti_buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  padding: 0;
}

#notificationt.noti_preview_bar .noti_preview_close,
#notificationt.noti_preview_bar #noti_hidet {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  align-self: center;
  font-weight: 700;
  color: #64748b;
  font-size: 22px;
  line-height: 1;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  padding: 0;
}

#notificationt.noti_preview_bar .noti_preview_close:hover,
#notificationt.noti_preview_bar #noti_hidet:hover {
  background: #f1f5f9;
  color: #334155;
}

#notificationt.noti_preview_bar .noti_preview_dismiss,
#notificationt.noti_preview_bar #noti_read_box {
  display: flex;
  align-items: center;
  min-height: 0;
  border: 1px solid #d4eae7;
  border-radius: 999px;
  background: #f8fcfb;
}

#notificationt.noti_preview_bar #noti_read_text {
  cursor: pointer;
  color: #0f6b5d;
  font-weight: 600;
  padding: 8px 12px;
  font-size: 13px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  white-space: nowrap;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_form_grid {
    grid-template-columns: 1fr;
  }

  .dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_form_actions {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_preview_btn,
  .dashboard.intro_dashboard_redesign .notifications.admin_redesign_ref .noti_submit_btn {
    width: 100%;
  }

  #notificationt.noti_preview_bar {
    flex-direction: column;
    align-items: stretch;
  }

  #notificationt.noti_preview_bar .noti_preview_actions,
  #notificationt.noti_preview_bar #noti_buttons {
    justify-content: flex-end;
  }
}

/* Admin > Set Document Status */
.dashboard.intro_dashboard_redesign .documentstatus.right_content {
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: clip;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .admin_ref_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(26, 138, 122, 0.18);
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .admin_ref_eyebrow {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a8f86;
  margin-bottom: 6px;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .admin_ref_title,
.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref h2.admin_ref_title {
  margin: 0;
  padding-bottom: 2px;
  border-bottom: none;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #1a2e2b;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .admin_ref_form_wrap {
  padding: 20px 22px;
  border: 1px solid #d4eae7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.04);
  margin-bottom: 16px;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .admin_ref_section_title {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_section_desc {
  margin: 0 0 16px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_find_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
  max-width: 640px;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 240px;
  min-width: min(100%, 200px);
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_field label {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f7b79;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_field input[type="text"] {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #d4eae7;
  border-radius: 10px;
  background: #fff;
  color: #1a2e2c;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_field input[type="text"]:focus {
  outline: none;
  border-color: #1a8a7a;
  box-shadow: 0 0 0 3px rgba(26, 138, 122, 0.14);
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_submit_btn {
  appearance: none;
  min-height: 42px;
  margin: 0;
  padding: 0 22px;
  border: 1px solid #1a8a7a;
  border-radius: 999px;
  background: #1a8a7a;
  color: #fff;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(26, 138, 122, 0.22);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_submit_btn:hover {
  background: #0f6b5d;
  border-color: #0f6b5d;
  box-shadow: 0 8px 18px rgba(15, 107, 93, 0.28);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_submit_btn--secondary {
  border-color: #64748b;
  background: #64748b;
  box-shadow: 0 6px 16px rgba(100, 116, 139, 0.22);
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_submit_btn--secondary:hover {
  background: #475569;
  border-color: #475569;
  box-shadow: 0 8px 18px rgba(71, 85, 105, 0.28);
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_result_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_result_head .admin_ref_section_title {
  margin: 0;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_search_again {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #1a8a7a;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_search_again:hover {
  color: #0f6b5d;
  text-decoration: underline;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_details {
  margin: 0;
  display: grid;
  gap: 10px;
  max-width: 720px;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_detail_row {
  display: grid;
  grid-template-columns: minmax(120px, 34%) minmax(0, 1fr);
  gap: 8px 16px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #e6f1ef;
  border-radius: 10px;
  background: #f8fcfb;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_detail_row dt {
  margin: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5f7b79;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_detail_row dd {
  margin: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #1a2e2c;
  word-break: break-word;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_badge--draft {
  background: #fef3c7;
  color: #92400e;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_badge--pending {
  background: #dbeafe;
  color: #1d4ed8;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_badge--sent {
  background: #e8f5e3;
  color: #2d6a2d;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_badge--unknown {
  background: #f1f5f9;
  color: #64748b;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_badge--read {
  background: #e8f5f3;
  color: #0f6b5d;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_badge--unread {
  background: #fdeaea;
  color: #b42318;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_action_card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 18px;
  padding: 14px 16px;
  margin-bottom: 12px;
  border: 1px solid #d4eae7;
  border-radius: 12px;
  background: #f8fcfb;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_action_card:last-of-type {
  margin-bottom: 0;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_action_title {
  margin: 0 0 4px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_action_desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_action_form {
  margin: 0;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_notice {
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 10px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.45;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_notice:last-child {
  margin-bottom: 0;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_notice--info {
  border: 1px dashed #cfe5e2;
  background: #f8fcfb;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .fillform .fld {
  position: static;
  margin: 0;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .fillform .fld label {
  position: static;
  width: auto;
  height: auto;
  text-align: left;
}

.dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .fillform .fld input {
  margin-left: 0;
  float: none;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_find_row {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_submit_btn {
    width: 100%;
  }

  .dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_detail_row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_action_card {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard.intro_dashboard_redesign .documentstatus.admin_redesign_ref .docstatus_action_form .docstatus_submit_btn {
    width: 100%;
  }
}

/* Admin > ZZ UCC Barcodes */
.dashboard.intro_dashboard_redesign .zzbarcodes.right_content {
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: clip;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .admin_ref_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(26, 138, 122, 0.18);
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .admin_ref_eyebrow {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a8f86;
  margin-bottom: 6px;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .admin_ref_title,
.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref h2.admin_ref_title {
  margin: 0;
  padding-bottom: 2px;
  border-bottom: none;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #1a2e2b;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_back_link {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #1a8a7a;
  text-decoration: none;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_back_link:hover {
  color: #0f6b5d;
  text-decoration: underline;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .admin_ref_form_wrap {
  padding: 20px 22px;
  border: 1px solid #d4eae7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.04);
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .admin_ref_section_title {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_section_desc,
.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_empty_state {
  margin: 0 0 14px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_empty_state {
  margin-bottom: 0;
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px dashed #cfe5e2;
  background: #f8fcfb;
  text-align: center;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_action_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_action_card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px 20px;
  border: 1px solid #d4eae7;
  border-radius: 12px;
  background: #f8fcfb;
  text-decoration: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background 0.2s ease;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_action_card:hover {
  border-color: #1a8a7a;
  background: #fff;
  box-shadow: 0 8px 20px rgba(26, 138, 122, 0.12);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_action_title {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #0f6b5d;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_action_desc {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_textarea_wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 100%;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_textarea_wrap label {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f7b79;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_textarea_wrap textarea {
  width: 100%;
  max-width: 100%;
  min-height: 280px;
  padding: 12px 14px;
  border: 1px solid #d4eae7;
  border-radius: 10px;
  background: #fff;
  color: #1a2e2c;
  font-family: "DM Mono", "DM Sans", monospace;
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
  resize: vertical;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_textarea_wrap textarea:focus {
  outline: none;
  border-color: #1a8a7a;
  box-shadow: 0 0 0 3px rgba(26, 138, 122, 0.14);
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_form_actions {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e6f1ef;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_submit_btn {
  appearance: none;
  min-height: 42px;
  margin: 0;
  padding: 0 22px;
  border: 1px solid #1a8a7a;
  border-radius: 999px;
  background: #1a8a7a;
  color: #fff;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(26, 138, 122, 0.22);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_submit_btn:hover {
  background: #0f6b5d;
  border-color: #0f6b5d;
  box-shadow: 0 8px 18px rgba(15, 107, 93, 0.28);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_table_wrap {
  border: 1px solid #d4eae7;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_table {
  width: 100%;
  border-collapse: collapse;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_table th {
  background: #e8f5f3;
  color: #0f6b5d;
  text-align: left;
  padding: 11px 14px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-bottom: 1px solid #c2e8e2;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_table td {
  padding: 12px 14px;
  border-bottom: 1px solid #edf3f2;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  line-height: 1.4;
  color: #1a2e2c;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_table tbody tr:last-child td {
  border-bottom: 0;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_table tbody tr:hover {
  background: #f8fcfb;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_code {
  font-family: "DM Mono", "DM Sans", monospace;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_badge {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_badge--active {
  background: #e8f5e3;
  color: #2d6a2d;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_badge--inactive {
  background: #f1f5f9;
  color: #64748b;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_action_col {
  width: 90px;
  text-align: right;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_delete_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .admin_ref_delete_btn {
  appearance: none;
  border: 1px solid #fca5a5;
  background: #fef2f2;
  color: #b91c1c;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
  cursor: pointer;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .admin_ref_delete_btn:hover {
  background: #fee2e2;
  border-color: #f87171;
  color: #991b1b;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .fillform .fld {
  position: static;
  margin: 0;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_action_grid {
    grid-template-columns: 1fr;
  }

  .dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_table_wrap {
    overflow-x: auto;
  }

  .dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_table {
    min-width: 640px;
  }

  .dashboard.intro_dashboard_redesign .zzbarcodes.admin_redesign_ref .zzbarcodes_submit_btn {
    width: 100%;
  }
}

/* Admin > Maintenance Admin */
.dashboard.intro_dashboard_redesign .maintenanceadmin.right_content {
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: clip;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .admin_ref_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(26, 138, 122, 0.18);
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .admin_ref_eyebrow {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a8f86;
  margin-bottom: 6px;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .admin_ref_title,
.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref h2.admin_ref_title {
  margin: 0;
  padding-bottom: 2px;
  border-bottom: none;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #1a2e2b;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .admin_ref_form_wrap {
  padding: 20px 22px;
  border: 1px solid #d4eae7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.04);
  margin-bottom: 16px;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .admin_ref_section_title {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_section_desc {
  margin: 0 0 16px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_status_banner {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
  padding: 14px 18px;
  border-radius: 12px;
  border: 1px solid transparent;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_status_banner--active {
  background: #fef3c7;
  border-color: #fcd34d;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_status_banner--inactive {
  background: #e8f5f3;
  border-color: #b8ddd8;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_status_label {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_status_sub {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_preview_message {
  margin: 0;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px dashed #cfe5e2;
  background: #f8fcfb;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #1a2e2c;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_details {
  margin: 0;
  display: grid;
  gap: 10px;
  max-width: 720px;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_detail_row {
  display: grid;
  grid-template-columns: minmax(100px, 28%) minmax(0, 1fr);
  gap: 8px 16px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #e6f1ef;
  border-radius: 10px;
  background: #f8fcfb;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_detail_row dt {
  margin: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5f7b79;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_detail_row dd {
  margin: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  color: #1a2e2c;
  word-break: break-word;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_form_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
  max-width: 720px;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_form_grid--single {
  grid-template-columns: 1fr;
  max-width: 420px;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_field label {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f7b79;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_field input[type="text"],
.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_field input[type="password"] {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #d4eae7;
  border-radius: 10px;
  background: #fff;
  color: #1a2e2c;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_field input[type="text"]:focus,
.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_field input[type="password"]:focus {
  outline: none;
  border-color: #1a8a7a;
  box-shadow: 0 0 0 3px rgba(26, 138, 122, 0.14);
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_form_actions {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e6f1ef;
  max-width: 720px;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_form_actions--center {
  display: flex;
  justify-content: center;
  max-width: none;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_submit_btn {
  appearance: none;
  min-height: 42px;
  margin: 0;
  padding: 0 22px;
  border: 1px solid #1a8a7a;
  border-radius: 999px;
  background: #1a8a7a;
  color: #fff;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(26, 138, 122, 0.22);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_start_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 220px;
  min-height: 44px;
  height: 44px;
  padding: 0 20px 0 10px;
  border: 1px solid #c2410c !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f97316 0%, #ea580c 55%, #c2410c 100%) !important;
  color: #fff !important;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.22) inset,
    0 4px 14px rgba(234, 88, 12, 0.28);
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_start_btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(255, 255, 255, 0.24) 48%,
    transparent 68%
  );
  transform: translateX(-130%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_start_btn_icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_start_btn_label {
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_start_btn:hover,
.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_start_btn:focus-visible {
  outline: none;
  background: linear-gradient(180deg, #fb923c 0%, #f97316 55%, #ea580c 100%) !important;
  border-color: #ea580c !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.28) inset,
    0 8px 22px rgba(249, 115, 22, 0.34);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_start_btn:hover::after,
.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_start_btn:focus-visible::after {
  transform: translateX(130%);
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_start_btn:hover .maint_start_btn_icon,
.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_start_btn:focus-visible .maint_start_btn_icon {
  background: rgba(255, 255, 255, 0.24);
  border-color: rgba(255, 255, 255, 0.48);
  transform: scale(1.06);
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_start_btn:active {
  transform: translateY(0);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 3px 10px rgba(234, 88, 12, 0.24);
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_submit_btn:hover {
  background: #0f6b5d;
  border-color: #0f6b5d;
  box-shadow: 0 8px 18px rgba(15, 107, 93, 0.28);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_submit_btn--danger {
  border-color: #ef7a7a;
  background: #ef7a7a;
  box-shadow: 0 6px 16px rgba(239, 122, 122, 0.22);
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_submit_btn--danger:hover {
  background: #e86a6a;
  border-color: #e86a6a;
  box-shadow: 0 8px 18px rgba(232, 106, 106, 0.28);
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .fillform .fld {
  position: static;
  margin: 0;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .fillform .fld label {
  position: static;
  width: auto;
  height: auto;
  text-align: left;
}

.dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .fillform .fld input {
  margin-left: 0;
  float: none;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_form_grid {
    grid-template-columns: 1fr;
  }

  .dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_detail_row {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_submit_btn {
    width: 100%;
  }

  .dashboard.intro_dashboard_redesign .maintenanceadmin.admin_redesign_ref .maint_start_btn {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }
}

/* Admin > Demo Reset */
.dashboard.intro_dashboard_redesign .demoreset.right_content {
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: clip;
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .admin_ref_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(26, 138, 122, 0.18);
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .admin_ref_eyebrow {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a8f86;
  margin-bottom: 6px;
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .admin_ref_title,
.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref h2.admin_ref_title {
  margin: 0;
  padding-bottom: 2px;
  border-bottom: none;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #1a2e2b;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .admin_ref_form_wrap {
  padding: 20px 22px;
  border: 1px solid #d4eae7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.04);
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .admin_ref_section_title {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .demoreset_warning_banner {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
  padding: 14px 18px;
  border-radius: 12px;
  border: 1px solid #fecaca;
  background: #fef2f2;
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .demoreset_warning_label {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #991b1b;
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .demoreset_warning_sub {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #7f1d1d;
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .demoreset_section_desc {
  margin: 0 0 18px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #5a6e6d;
  max-width: 720px;
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .demoreset_form {
  margin: 0;
  padding-top: 16px;
  border-top: 1px solid #e6f1ef;
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .demoreset_reset_btn {
  position: static;
  float: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 0;
  padding: 0 22px;
  border: 1px solid #c93434;
  border-radius: 999px;
  background: #e05252;
  color: #fff;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-shadow: none;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(224, 82, 82, 0.28);
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .demoreset_reset_btn:hover {
  background: #c93434;
  border-color: #b32c2c;
  box-shadow: 0 8px 18px rgba(201, 52, 52, 0.32);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .demoreset_reset_btn:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(201, 52, 52, 0.24);
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .demoreset.admin_redesign_ref .demoreset_reset_btn {
    width: 100%;
  }
}

/* Admin > Retailers */
.dashboard.intro_dashboard_redesign .retailers.right_content {
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 18px 20px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: clip;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_ref_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(26, 138, 122, 0.18);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_ref_eyebrow {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a8f86;
  margin-bottom: 6px;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_ref_title,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref h2.admin_ref_title {
  margin: 0;
  padding-bottom: 2px;
  border-bottom: none;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #1a2e2b;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_section {
  margin-bottom: 16px;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_section {
  margin-bottom: 16px;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_field {
  flex: 1 1 240px;
  min-width: min(100%, 200px);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_field label {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f7b79;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_field input[type="search"] {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #d4eae7;
  border-radius: 10px;
  background: #fff;
  color: #1a2e2c;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_field input[type="search"]:focus {
  outline: none;
  border-color: #1a8a7a;
  box-shadow: 0 0 0 3px rgba(26, 138, 122, 0.14);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-shrink: 0;
  appearance: none;
  min-width: 118px;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 0 16px 0 8px;
  border: 1.5px solid #0c7a72 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4faf8 100%) !important;
  color: #0a6b63 !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 2px 8px rgba(12, 122, 114, 0.08);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_btn_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(12, 122, 114, 0.22);
  background: rgba(12, 122, 114, 0.1);
  color: #0c7a72;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_btn:hover,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_btn:focus-visible {
  outline: none;
  background: linear-gradient(180deg, #12a89c 0%, #0c7a72 55%, #0a6b63 100%) !important;
  border-color: #0a6b63 !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(12, 122, 114, 0.22);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_btn:hover .retailers_search_btn_icon,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_btn:focus-visible .retailers_search_btn_icon {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.34);
  color: #fff;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_status {
  margin: 10px 0 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #0a6b63;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_list_empty {
  margin: 0;
  padding: 16px 18px;
  border-radius: 10px;
  border: 1px dashed #cfe5e2;
  background: #f8fcfb;
  text-align: center;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_field {
  flex: 1 1 240px;
  min-width: min(100%, 200px);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_field label {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5f7b79;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_field input[type="text"] {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #d4eae7;
  border-radius: 10px;
  background: #fff;
  color: #1a2e2c;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_field input[type="text"]:focus {
  outline: none;
  border-color: #1a8a7a;
  box-shadow: 0 0 0 3px rgba(26, 138, 122, 0.14);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  appearance: none;
  float: none;
  width: auto !important;
  min-width: 168px;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 0 18px 0 8px;
  border: 1px solid #084a44 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #0c7a72 0%, #0a5c55 55%, #084a44 100%) !important;
  color: #fff !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.18) inset,
    0 4px 14px rgba(8, 74, 68, 0.32);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(255, 255, 255, 0.22) 48%,
    transparent 68%
  );
  transform: translateX(-130%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_btn_icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_btn_label {
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_btn:hover,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_btn:focus-visible {
  outline: none;
  background: linear-gradient(180deg, #12a89c 0%, #0c7a72 55%, #0a5c55 100%) !important;
  border-color: #0a5c55 !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.24) inset,
    0 8px 22px rgba(8, 74, 68, 0.38);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_btn:hover::after,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_btn:focus-visible::after {
  transform: translateX(130%);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_btn:hover .retailers_add_btn_icon,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_btn:focus-visible .retailers_add_btn_icon {
  background: rgba(255, 255, 255, 0.24);
  border-color: rgba(255, 255, 255, 0.48);
  transform: scale(1.06);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_btn:active {
  transform: translateY(0);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.14) inset,
    0 3px 10px rgba(8, 74, 68, 0.28);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_list {
  display: grid;
  gap: 28px;
  margin-top: 4px;
  padding: 20px;
  border-radius: 14px;
  background: #eef6f5;
  border: 1px solid #d4eae7;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_card {
  position: relative;
  min-height: 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  padding: 0;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #b8ddd8;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.07);
  overflow: hidden;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_card_head {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border-bottom: 1px solid #e6f1ef;
  background: #f8fcfb;
  border-radius: 14px 14px 0 0;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_card_name {
  position: static;
  width: auto;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_card_logo {
  flex-shrink: 0;
  margin-left: auto;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_card_logo img {
  position: static;
  display: block;
  max-width: 120px;
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_card_body {
  margin-left: 0;
  float: none;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 16px 18px 18px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_tab_panels {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_card_body .ret_option {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_edit_grid,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate.retailers_edit_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate.retailers_edit_grid .fld {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  float: none;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate.retailers_edit_grid .fld label {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .admin_company_form_create .compcreate.retailers_edit_grid .fld input[type="text"] {
  float: none;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_tab_nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  height: auto;
  float: none;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_tab_nav li {
  float: none;
  margin: 0;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_tab_nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #d4eae7;
  background: #fff;
  color: #5a6e6d;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_tab_nav li.is-active a,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_tab_nav a:hover {
  border-color: #1a8a7a;
  background: #1a8a7a;
  color: #fff;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .ret_option {
  display: none;
  background: #f8fcfb;
  border: 1px solid #e6f1ef;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 14px;
  overflow: hidden;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .ret_option.is-active {
  display: block;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_edit_panel form {
  margin: 0;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_panel_title {
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 0.98rem;
  font-weight: 700;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_panel_desc {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.45;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_intid_add_row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-end;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_intid_add_row input[type="text"] {
  flex: 1 1 200px;
  min-width: min(100%, 180px);
  max-width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid #d4eae7;
  border-radius: 10px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_id_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-shrink: 0;
  appearance: none;
  min-width: 118px;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 0 16px 0 8px;
  border: 1px solid #084a44 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #0c7a72 0%, #0a5c55 55%, #084a44 100%) !important;
  color: #fff !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.18) inset,
    0 4px 12px rgba(8, 74, 68, 0.28);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_id_btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(255, 255, 255, 0.22) 48%,
    transparent 68%
  );
  transform: translateX(-130%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_id_btn_icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_id_btn_label {
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_id_btn:hover,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_id_btn:focus-visible {
  outline: none;
  background: linear-gradient(180deg, #12a89c 0%, #0c7a72 55%, #0a5c55 100%) !important;
  border-color: #0a5c55 !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.24) inset,
    0 6px 18px rgba(8, 74, 68, 0.34);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_id_btn:hover::after,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_id_btn:focus-visible::after {
  transform: translateX(130%);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_id_btn:hover .retailers_add_id_btn_icon,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_id_btn:focus-visible .retailers_add_id_btn_icon {
  background: rgba(255, 255, 255, 0.24);
  border-color: rgba(255, 255, 255, 0.48);
  transform: scale(1.06);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_id_btn:active {
  transform: translateY(0);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.14) inset,
    0 3px 10px rgba(8, 74, 68, 0.24);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_intid_section {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_intid_in_grid,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_intid_in_edit {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 14px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid #e6f1ef;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_edit_save_actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e6f1ef;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_save_btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  appearance: none;
  min-width: 156px;
  min-height: 42px;
  height: 42px;
  margin: 0;
  padding: 0 18px 0 8px;
  border: 1.5px solid #0c7a72 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4faf8 100%) !important;
  color: #0a6b63 !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  cursor: pointer;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 2px 8px rgba(12, 122, 114, 0.08);
  transition:
    background 0.22s ease,
    border-color 0.22s ease,
    color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_save_btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 28%,
    rgba(255, 255, 255, 0.45) 48%,
    transparent 68%
  );
  transform: translateX(-130%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_save_btn_icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(12, 122, 114, 0.22);
  background: rgba(12, 122, 114, 0.1);
  color: #0c7a72;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_save_btn_label {
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_save_btn:hover,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_save_btn:focus-visible {
  outline: none;
  background: linear-gradient(180deg, #12a89c 0%, #0c7a72 55%, #0a6b63 100%) !important;
  border-color: #0a6b63 !important;
  color: #fff !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.22) inset,
    0 6px 18px rgba(12, 122, 114, 0.26);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_save_btn:hover::after,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_save_btn:focus-visible::after {
  transform: translateX(130%);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_save_btn:hover .retailers_save_btn_icon,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_save_btn:focus-visible .retailers_save_btn_icon {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.34);
  color: #fff;
  transform: scale(1.06);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_save_btn:active {
  transform: translateY(0);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.16) inset,
    0 3px 10px rgba(12, 122, 114, 0.2);
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_intid_title {
  margin: 0 0 10px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_intid_list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_intid_list .intid_item {
  position: static;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid #d4eae7;
  border-top: 1px solid #d4eae7;
  border-radius: 10px;
  background: #fff;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_intid_value {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #1a2e2b;
  word-break: break-all;
  min-width: 0;
  flex: 1 1 auto;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_intid_delete_form {
  margin: 0;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_empty_intid {
  margin: 0;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px dashed #cfe5e2;
  background: #f8fcfb;
  font-size: 14px;
  color: #5a6e6d;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .group h3 {
  font-weight: 700;
  padding: 0;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .add_retailer {
  padding: 0;
  background: transparent;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_card_head {
    flex-direction: column;
    align-items: flex-start;
  }
  .dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_card_logo {
    margin-left: 0;
  }
  .dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_row {
    flex-direction: column;
    align-items: stretch;
  }
  .dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_btn {
    width: 100%;
  }
  .dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_add_id_btn {
    width: 100%;
    justify-content: center;
  }
  .dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_row {
    flex-direction: column;
    align-items: stretch;
  }
  .dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_search_btn {
    width: 100%;
    justify-content: center;
  }
}

/* Settings > PayPal — match paypal_page.html reference */
.dashboard.intro_dashboard_redesign .settings.paypal {
  --pp-teal: #1a8f85;
  --pp-teal-dark: #136e66;
  --pp-teal-light: #e8f5f4;
  --pp-navy: #0d2b2a;
  --pp-text: #1c1c1c;
  --pp-muted: #5a6e6d;
  --pp-border: #d4e8e6;
}

.dashboard.intro_dashboard_redesign .settings.paypal .centered {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 2rem;
  align-items: start;
}

.dashboard.intro_dashboard_redesign .settings.paypal ul.side_menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dashboard.intro_dashboard_redesign .settings.paypal .side_menu {
  width: 100%;
  max-width: 220px;
  position: sticky !important;
  top: 20px !important;
  background: #fff !important;
  border: 1px solid var(--pp-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
}

.dashboard.intro_dashboard_redesign .settings.paypal .side_menu li {
  margin: 0 !important;
  list-style: none;
}

.dashboard.intro_dashboard_redesign .settings.paypal .side_menu a {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  line-height: 1.35 !important;
  padding: 0.85rem 1.25rem !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: var(--pp-muted) !important;
  background: transparent !important;
  border-radius: 0 !important;
  border-left: 3px solid transparent !important;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .settings.paypal .side_menu a:hover {
  color: var(--pp-teal) !important;
  background: var(--pp-teal-light) !important;
}

.dashboard.intro_dashboard_redesign .settings.paypal .side_menu li.selected a {
  color: var(--pp-teal) !important;
  background: var(--pp-teal-light) !important;
  border-left-color: var(--pp-teal) !important;
  font-weight: 600 !important;
}

.dashboard.intro_dashboard_redesign .settings.paypal .side_menu a .arrow {
  display: none !important;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_panel {
  margin-left: 0 !important;
  background: #fff;
  border: 1px solid var(--pp-border);
  border-radius: 14px;
  padding: 2rem 2.25rem 2.5rem;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem 1.25rem;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--pp-border);
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_title {
  margin: 0;
  font-family: "DM Serif Display", "DM Sans", Georgia, serif;
  font-size: clamp(1.45rem, 3.5vw, 2rem);
  font-weight: 400;
  color: var(--pp-navy);
  line-height: 1.05;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_title em {
  font-style: italic;
  color: var(--pp-teal);
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_view_cart_form {
  margin: 0 !important;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_view_cart_shell {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 1.05rem;
  border: 1px solid var(--pp-teal);
  border-radius: 10px;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--pp-teal);
  background: #fff;
  cursor: pointer;
  box-shadow: none;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_view_cart_shell:hover,
.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_view_cart_shell:focus-within {
  background: var(--pp-teal);
  border-color: var(--pp-teal);
  color: #fff;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_view_cart_icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_view_cart_submit {
  appearance: none;
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  font: inherit !important;
  font-weight: 600 !important;
  color: inherit !important;
  cursor: pointer;
  box-shadow: none !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  height: auto !important;
  border-radius: 0 !important;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 1.25rem;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_card {
  border: 1.5px solid var(--pp-border);
  border-radius: 14px;
  padding: 1.5rem 1.25rem 1.75rem;
  background: #fff;
  transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  position: relative;
  overflow: hidden;
  min-height: 255px;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--pp-teal);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_card:hover {
  border-color: var(--pp-teal);
  box-shadow: 0 8px 28px rgba(26, 143, 133, 0.12);
  transform: translateY(-3px);
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_card:hover::before {
  transform: scaleX(1);
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_card_icon {
  width: 40px;
  height: 40px;
  background: var(--pp-teal-light);
  border-radius: 10px;
  display: grid;
  place-items: center;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_card_icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--pp-teal);
  fill: none;
  stroke-width: 1.8;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_card_icon svg * {
  fill: none;
  stroke: inherit;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_card_title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--pp-navy);
  line-height: 1.3;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_card_desc {
  margin: 0;
  font-size: 0.8rem;
  color: var(--pp-muted);
  line-height: 1.55;
  flex: 1;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_price_tag {
  display: inline-block;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--pp-teal);
  background: var(--pp-teal-light);
  border-radius: 6px;
  padding: 0.25rem 0.6rem;
  width: fit-content;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_card_action {
  margin-top: 0.5rem;
  padding-top: 0.25rem;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_btn_skin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_btn_skin form {
  margin: 0;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_btn_skin img[height="1"] {
  display: none;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_submit_btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent !important;
  background: var(--pp-teal) !important;
  color: #fff !important;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  line-height: 1.2 !important;
  padding: 0.7rem 1.15rem !important;
  min-height: 38px;
  border-radius: 10px !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_btn_skin:hover .paypal_ref_submit_btn,
.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_submit_btn:hover {
  background: var(--pp-teal-dark) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_submit_btn:focus-visible {
  outline: 2px solid rgba(26, 143, 133, 0.45);
  outline-offset: 2px;
}

.dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_submit_btn:active {
  background: #0f5f58 !important;
}

@media screen and (max-width: 980px) and (max-device-width: 980px) {
  .dashboard.intro_dashboard_redesign .settings.paypal .centered {
    grid-template-columns: 1fr;
  }
  .dashboard.intro_dashboard_redesign .settings.paypal .side_menu {
    position: static !important;
    max-width: none;
  }
  .dashboard.intro_dashboard_redesign .settings.paypal .paypal_ref_header {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Terms + Changelog panels */
.dashboard.intro_dashboard_redesign .dashboard_terms,
.dashboard.intro_dashboard_redesign .dashboard_changes {
  background: #fff;
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 22px 24px;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
}

.dashboard.intro_dashboard_redesign .dashboard_terms h1,
.dashboard.intro_dashboard_redesign .dashboard_changes h2 {
  font-family: "Syne", "DM Sans", sans-serif;
  font-weight: 900;
  letter-spacing: -0.01em;
  color: #1a2228;
  margin: 0 0 14px 0;
}

.dashboard.intro_dashboard_redesign .dashboard_terms h2,
.dashboard.intro_dashboard_redesign .dashboard_changes h3 {
  font-family: "Syne", "DM Sans", sans-serif;
  font-weight: 800;
  color: #1a2228;
  margin-top: 20px;
}

.dashboard.intro_dashboard_redesign .dashboard_terms p,
.dashboard.intro_dashboard_redesign .dashboard_changes p {
  color: #4a6b5e;
  line-height: 1.7;
}

/* Products page: card/table styling to match redesigned documents */
.dashboard.intro_dashboard_redesign .productlist .doclist_table_card {
  background: var(--wp-surface);
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.06);
}

.dashboard.intro_dashboard_redesign .productlist table.detail {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.dashboard.intro_dashboard_redesign .productlist table.detail thead td {
  background: var(--wp-surface-2);
  border: 0 !important;
  padding: 12px 14px;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--wp-text);
  font-weight: 800;
  border-bottom: 1px solid var(--wp-border);
}

.dashboard.intro_dashboard_redesign .productlist table.detail tbody td {
  border: 0 !important;
  padding: 12px 14px;
  vertical-align: middle;
  color: var(--wp-text);
  font-size: 0.92rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

.dashboard.intro_dashboard_redesign .productlist table.detail tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* Products catalogue — matches products.html (no standalone nav/logo; uses dashboard header) */
.dashboard.intro_dashboard_redesign .products_catalog {
  --pc-teal: #0e7b6e;
  --pc-teal-light: #14a090;
  --pc-teal-bg: #f0f9f8;
  --pc-teal-mid: #d0edea;
  --pc-dark: #0d1f1c;
  --pc-text: #1a2e2b;
  --pc-muted: #6b8c88;
  --pc-border: #cde3e0;
  --pc-red: #d94f4f;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_catalog_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 28px 8px 64px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .products_catalog .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_header {
  display: block;
  margin-bottom: 28px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_header_main {
  min-width: 0;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_subtitle_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_title {
  font-family: "DM Serif Display", "Times New Roman", serif;
  font-size: clamp(1.65rem, 3.2vw, 2.2rem);
  color: var(--pc-dark);
  line-height: 1.1;
  font-weight: 400;
  margin: 0;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_title span {
  color: var(--pc-teal);
  font-style: italic;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_subtitle {
  font-size: 0.9rem;
  color: var(--pc-muted);
  margin: 0;
  flex: 1 1 200px;
}

/* KJ 29 Jul 2026 — Create Inventory as header text link (not toolbar button) */
.dashboard.intro_dashboard_redesign .products_catalog .products_create_inv_link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  font-size: 0.88rem;
  font-weight: 600;
  font-family: inherit;
  color: var(--pc-teal);
  text-decoration: none;
  padding: 4px 2px;
  border-bottom: 1.5px solid transparent;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_create_inv_link:hover {
  color: #0f766e;
  border-bottom-color: #0f766e;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_create_inv_link svg {
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_stats_row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 24px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_stat_card {
  flex: 1 1 160px;
  background: #fff;
  border: 1px solid var(--pc-border);
  border-radius: 12px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 140px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_stat_icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: var(--pc-teal-bg);
  color: var(--pc-teal);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_stat_label {
  font-size: 0.78rem;
  color: var(--pc-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_stat_value {
  font-size: 1.45rem;
  font-family: "DM Serif Display", "Times New Roman", serif;
  color: var(--pc-dark);
  margin-top: 2px;
  line-height: 1.1;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_demo_note {
  color: #b42318;
  font-size: 0.9rem;
  margin: 0 0 16px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_import_notice {
  border-radius: 10px;
  border: 1px solid var(--pc-border);
  padding: 10px 12px;
  font-size: 0.88rem;
  margin: 0 0 14px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_import_notice_ok {
  background: #ecfdf3;
  border-color: #a6f4c5;
  color: #166534;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_import_notice_error {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_import_notice_ok .products_import_notice_detail {
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px solid #a6f4c5;
  color: #991b1b;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  background: var(--pc-teal-bg);
  border: 1px solid var(--pc-border);
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 22px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_search_wrap {
  flex: 1 1 200px;
  position: relative;
  min-width: 160px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_search_icon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--pc-muted);
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_search_input {
  width: 100%;
  padding: 9px 12px 9px 38px;
  border: 1px solid var(--pc-border);
  border-radius: 8px;
  font-size: 0.875rem;
  font-family: inherit;
  color: var(--pc-text);
  background: #fff;
  outline: none;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_search_input:focus {
  border-color: var(--pc-teal);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_toolbar_divider {
  width: 1px;
  height: 30px;
  background: var(--pc-border);
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_sort_select {
  padding: 9px 36px 9px 12px;
  border: 1px solid var(--pc-border);
  border-radius: 8px;
  font-size: 0.875rem;
  font-family: inherit;
  color: var(--pc-text);
  background: #fff
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b8c88' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")
    no-repeat right 10px center;
  appearance: none;
  cursor: pointer;
  outline: none;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_sort_select:focus {
  border-color: var(--pc-teal);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  border: none;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
  white-space: nowrap;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn_primary {
  background: var(--pc-teal);
  color: #fff;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn_primary:hover {
  background: var(--pc-teal-light);
  color: #fff;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn_outline {
  background: #fff;
  color: var(--pc-teal);
  border: 1.5px solid var(--pc-teal);
}

/* KJ 29 Jul 2026 — Export + Import: same light teal hover */
.dashboard.intro_dashboard_redesign .products_catalog .products_btn_outline:hover {
  background: #f0faf8;
  border-color: #0d9488;
  color: #0f766e;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.10);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn_ghost {
  background: #fff;
  color: var(--pc-muted);
  border: 1.5px solid var(--pc-border);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn_ghost:hover {
  background: #f0faf8;
  border-color: #0d9488;
  color: #0f766e;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.10);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn_danger {
  background: #ef7a7a;
  color: #fff;
  border: 1px solid #e86a6a;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn_danger:hover {
  background: #e86a6a;
  border-color: #dc5f5f;
  color: #fff;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_table_wrap {
  background: #fff;
  border: 1px solid var(--pc-border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(14, 123, 110, 0.06);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_table {
  width: 100%;
  border-collapse: collapse;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_table thead {
  background: var(--pc-teal-bg);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_table thead th {
  padding: 13px 18px;
  text-align: left;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--pc-teal);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-bottom: 1px solid var(--pc-border);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_th_sort {
  cursor: pointer;
  user-select: none;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_th_sort:hover {
  color: var(--pc-dark);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_sort_hint {
  opacity: 0.45;
  font-weight: 400;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_table tbody tr {
  border-bottom: 1px solid var(--pc-border);
  transition: background 0.15s;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_table tbody tr:hover {
  background: var(--pc-teal-bg);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_table tbody tr:last-child {
  border-bottom: none;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_table tbody td {
  padding: 14px 18px;
  font-size: 0.875rem;
  vertical-align: middle;
  color: var(--pc-text);
  border: 0;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_td_barcode {
  font-family: "DM Sans", ui-monospace, monospace;
  font-size: 0.8rem;
  color: var(--pc-muted);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_td_desc {
  font-weight: 500;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_muted {
  color: var(--pc-muted);
  font-size: 0.8rem;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_badge_food {
  background: #e6f7ee;
  color: #1a7a45;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_badge_btng {
  background: #e8f4fc;
  color: #1565a8;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_badge_bdr {
  background: #fef3e8;
  color: #a05a15;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_badge_other {
  background: var(--pc-teal-mid);
  color: var(--pc-teal);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_price {
  font-weight: 600;
  color: var(--pc-dark);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_price_empty {
  color: var(--pc-muted);
  font-size: 0.8rem;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_ops {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_ops ul {
  display: none;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_delete_form {
  margin: 0;
  display: inline;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn_sm {
  padding: 5px 13px;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  border: none;
  transition: background 0.15s, border-color 0.15s;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn_sm_edit {
  background: var(--pc-teal-bg);
  color: var(--pc-teal);
  border: 1px solid var(--pc-teal-mid);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn_sm_edit:hover {
  background: var(--pc-teal-mid);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn_sm_del {
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border: 1px solid #fca5a5 !important;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_btn_sm_del:hover {
  background: #fee2e2 !important;
  border-color: #f87171 !important;
  color: #991b1b !important;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 16px 20px;
  border-top: 1px solid var(--pc-border);
  font-size: 0.85rem;
  color: var(--pc-muted);
  background: #fff;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_btns {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_btn {
  width: 32px;
  height: 32px;
  border-radius: 7px !important;
  border: 1px solid var(--pc-border) !important;
  background: #fff !important;
  font-size: 0.8rem;
  cursor: pointer;
  font-family: inherit;
  color: var(--pc-text) !important;
  transition: all 0.15s;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_btn:hover,
.dashboard.intro_dashboard_redesign .products_catalog .products_page_btn_active {
  background: var(--pc-teal) !important;
  color: #fff !important;
  border-color: var(--pc-teal) !important;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_btn:not(.products_page_btn_active) {
  background: #fff !important;
  color: var(--pc-text) !important;
  border-color: var(--pc-border) !important;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_empty_state {
  text-align: center;
  padding: 56px 20px;
  color: var(--pc-muted);
  background: var(--pc-teal-bg);
  border: 1px dashed var(--pc-border);
  border-radius: 14px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_empty_state svg {
  opacity: 0.35;
  margin-bottom: 12px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_empty_state p {
  font-size: 0.95rem;
  margin-bottom: 18px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_modal_backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 5000;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_modal_backdrop.products_modal_open {
  display: flex;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_modal {
  background: #fff;
  border-radius: 16px;
  padding: 32px;
  width: 460px;
  max-width: 100%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_modal_title {
  font-family: "DM Serif Display", "Times New Roman", serif;
  font-size: 1.3rem;
  margin: 0 0 8px;
  color: var(--pc-dark);
}

.dashboard.intro_dashboard_redesign .products_catalog .products_modal_text {
  font-size: 0.875rem;
  color: var(--pc-muted);
  margin: 0 0 20px;
  line-height: 1.55;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_import_form {
  display: grid;
  gap: 12px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_import_label {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--pc-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_import_form input[type="file"] {
  width: 100%;
  border: 1px solid var(--pc-border);
  border-radius: 10px;
  background: var(--pc-teal-bg);
  color: var(--pc-text);
  padding: 10px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_modal_actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

/* ===== BEGIN UNUSED: Legacy xero_container layout (Xero page uses dz-offer-page / dz-xero-page) (disabled via @media not all) ===== */
@media not all {
.xero_container .header_img
{
  width: 500px;
  margin-left: 230px;
}

.xero_container input[type='text']
{
  width: 200px;
  height: 29px;
  border-radius: 3px;
  border: 1px solid #CCC;
  padding: 8px;
  font-weight: 200;
  font-size: 15px;
  font-family: Verdana;
  box-shadow: 1px 1px 5px #CCC;
}

.xero_container input[type='text']:hover
{
  width: 200px;
  height: 29px;
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 8px;
  font-weight: 200;
  font-size: 15px;
  font-family: Verdana;
  box-shadow: 1px 1px 5px #CCC;
}

.xero_container input[type='submit']
{
  width: 150px;
  height: 45px;
  border-radius: 8px;
  border: 2px solid white;
  background-color:#CCC;
}

.xero_container input[type='submit']:hover
{
  width: 150px;
  height: 45px;
  border-radius: 8px;
  border: 2px solid white;
  background-color: #1EA6C0;
  color: #fff;
  cursor: pointer;
}

.xero_container .titems
{
  display: flex;
  justify-content: space-between;
  padding: 3px;
  border-bottom: 1px solid #DDD;
}

.xero_container .titems div
{
  width: 17%;
}

.xero_container .sort
{
  padding: 5px;
  border: 1px solid #DDD;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 20px;
}

.xero_container .list
{
  //margin-top: 20px;
}

.xero_container .pagination
{
  display: flex;
  justify-content: left;
  margin-top: 5px;
}

.xero_container .pagination li
{
  width: 10px;
}
}
/* ===== END UNUSED ===== */

#cloud-blurb
{
  font-size: 1.2em;
}

.ui-widget-overlay {
  background: #00AABC !important;
  opacity: .1 !important;
  } //overriding the buggy crap that's there





/* Sales CRM */

.salescrm .list_record{
    font: 95% Arial, Helvetica, sans-serif;
    max-width: 700px;
    margin: 10px auto;
    border: 2px #ddd solid;
    padding: 30px;
    background: #F7F7F7;
}
.salescrm .list_record h1{
    background: #1EA6C0;
    //padding: 20px 0;
    font-size: 180%;
    font-weight: 300;
    text-align: center;
    color: #fff;
    //margin: -16px -16px 16px -16px;
}
.salescrm .list_record h2{
    padding: 10px 0 5px 10px;
    font-size: 150%;
    font-weight: bold;
    color: black;
    margin: 0px -16px 16px -16px;
}
.salescrm .list_record input[type="text"],
.salescrm .list_record input[type="date"],
.salescrm .list_record input[type="datetime"],
.salescrm .list_record input[type="email"],
.salescrm .list_record input[type="number"],
.salescrm .list_record input[type="search"],
.salescrm .list_record input[type="time"],
.salescrm .list_record input[type="url"],
.salescrm .list_record textarea,
.salescrm .list_record select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    margin-bottom: 1%;
    border: 1px solid #ccc;
    padding: 1%;
    color: #555;
    font: 110% Arial, Helvetica, sans-serif;
}
.salescrm .list_record input[type="text"]:focus,
.salescrm .list_record input[type="date"]:focus,
.salescrm .list_record input[type="datetime"]:focus,
.salescrm .list_record input[type="email"]:focus,
.salescrm .list_record input[type="number"]:focus,
.salescrm .list_record input[type="search"]:focus,
.salescrm .list_record input[type="time"]:focus,
.salescrm .list_record input[type="url"]:focus,
.salescrm .list_record textarea:focus,
.salescrm .list_record select:focus
{
    box-shadow: 0 0 5px #43D1AF;
    border: 1px solid #43D1AF;
}

.salescrm .list_record input[type="submit"],
.salescrm .list_record input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    padding: 1%;
    background: #1EA6C0;
    border-bottom: 2px solid #1B95AC;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    color: #fff;
}
.salescrm .list_record input[type="submit"]:hover,
.salescrm .list_record input[type="button"]:hover{
    background: #1B95AC;
}

.list_record .errors
{
  line-height: 0.5;
  background: none;
}


.salescrm .add_record{
    font: 95% Arial, Helvetica, sans-serif;
    max-width: 700px;
    margin: 10px auto;
    padding: 16px 16px 0 16px;
    background: #F7F7F7;
}
.salescrm .add_record h1{
    background: #1EA6C0;
    padding: 8px;
    font-size: 140%;
    font-weight: 300;
    text-align: center;
    color: #fff;
    margin: -16px -16px 16px -16px;
    cursor: pointer;
}
.salescrm .add_record input[type="text"],
.salescrm .add_record input[type="date"],
.salescrm .add_record input[type="datetime"],
.salescrm .add_record input[type="email"],
.salescrm .add_record input[type="number"],
.salescrm .add_record input[type="search"],
.salescrm .add_record input[type="time"],
.salescrm .add_record input[type="url"],
.salescrm .add_record textarea,
.salescrm .add_record select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 1%;
    border: 1px solid #ccc;
    padding: 2%;
    color: #555;
    font: 110% Arial, Helvetica, sans-serif;
}
.salescrm .add_record input[type="text"]:focus,
.salescrm .add_record input[type="date"]:focus,
.salescrm .add_record input[type="datetime"]:focus,
.salescrm .add_record input[type="email"]:focus,
.salescrm .add_record input[type="number"]:focus,
.salescrm .add_record input[type="search"]:focus,
.salescrm .add_record input[type="time"]:focus,
.salescrm .add_record input[type="url"]:focus,
.salescrm .add_record textarea:focus,
.salescrm .add_record select:focus
{
    box-shadow: 0 0 5px #43D1AF;
    border: 1px solid #43D1AF;
}

.salescrm .add_record input[type="submit"],
.salescrm .add_record input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    padding: 1%;
    background: #1EA6C0;
    border-bottom: 2px solid #1B95AC;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    color: #fff;
}
.salescrm .add_record input[type="submit"]:hover,
.salescrm .add_record input[type="button"]:hover{
    background: #1B95AC;
}

.salescrm .notes
{
  font-size: 1.2em;
  margin-bottom: 10px;
}

.salescrm .notes div
{
  display: inline-block;
}


.salescrm .contacts
{
  font-size: 1.2em;
  margin-bottom: 10px;
}

.salescrm .contacts div
{
  display: inline-block;
}

.add_con_btn
{
  color: #1EA6C0;
  cursor: pointer;
  font-size: 0.7em;
  display: inline-block;
  margin-left: 15px;
  font-weight: 300;
}

.add_not_btn
{
  color: #1EA6C0;
  cursor: pointer;
  font-size: 0.7em;
  display: inline-block;
  margin-left: 15px;
  font-weight: 300;
}

.edit_not_btn
{
  color: #1EA6C0;
  font: -moz-button;
  cursor: pointer;
  margin-left: 20px;
}

.edit_con_btn
{
  color: #1EA6C0;
  font: -moz-button;
  cursor: pointer;
  margin-left: 20px;
}

.edit_rec_btn
{
  color: #1EA6C0;
  font: -moz-button;
  cursor: pointer;
  margin-left: 20px;
}

#enable_edit
{
  cursor: pointer;
  font-size: 0.7em;
  display: inline;
  margin-left: 550px;
  margin-bottom: 5px;
  padding: 2px 8px 0 8px;
  background: #1EA6C0;
  color: #fff;
  border-bottom: 2px solid #1B95AC;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
}

/* ===== BEGIN UNUSED: Legacy dashboard_terms, compsearch UI, #create_company button (not in templates) (disabled via @media not all) ===== */
@media not all {
/* nested:  Intro page  end-nested */
.dashboard_terms h1
{
  color: #333;
  font-weight: bold;
  font-size: 3.2em;
  margin-bottom: 10px;
}

.dashboard_terms p
{
  font-size: 1.4em;
  width: 990px;
  padding-bottom: 20px;
}

.dashboard_terms h2
{
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #333;
}

.dashboard_terms h3
{
  font-size: 1.5em;
  padding-bottom: 7px;
  font-weight: bold;
  color: #333;
}

.dashboard_terms ul
{
  list-style-type: disc;
  list-style-position: inside;
  font-size: 1.3em;
  width: 990px;
  padding-bottom: 20px;
}

.dashboard_terms li
{
  padding: 4px;
  line-height: 1.3em;
}

#compsearch {
    border: 0;
    width: 98%;
    height: auto;
    padding-left: 2px;
}
#compsearch_main {
    width: 800px;
    overflow: hidden;
    margin-top: 1px;
}
#compsearch_input {
    border: 1px solid #CCC;
    color: #555;
    height: 33px;
    line-height:15px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 7px 0px 5px 8px;
    width: 98%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#compsearch_input input {
    font-size: 16pt;
}
#compsearch_wrapper {
    height: 100%;
}
#compsearch_list {
    width: 100%;
}
#compsearch_list ul {
    margin: 0;
    padding: 0px;
    list-style-type: none;
}
#compsearch_list li {
    padding: 7px;
    border-bottom: 1px solid #d8d8d8;
    font-size: 12pt;
    font-family: 'Cousine', monospace;
    white-space:pre-wrap
}

#compsearch_list li:last-child {
  border: none;
}

#compsearch_list li:hover {
  background: rgba(30, 166, 192, 0.8);
  cursor: pointer;
}

#compsearch_list table {
  width: 100%;
}

#compsearch_list .selected {
    background: rgb(228, 228, 228);
}

#compsearch_list mark {
    background: rgba(30, 166, 192, 0.5);
}

#create_company
{
  cursor: pointer;
  font-size: 0.7em;
  display: inline;
  margin-left: 340px;
  padding: 3px 8px 1px 4px;
  background: #1EA6C0;
  color: #fff;
  border-bottom: 2px solid #1B95AC;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
}
/* ===== END UNUSED ===== */

.compcreate .fld {
    width: 500px;
    height: 25px;
    border: 1px solid #b1b1b1;
    margin: 5px;
    padding: 15px;
    background-color: #f7f7f7;
}

.compcreate input {
    float: right;
    width: 300px;
}

.compcreate #submit input {
    float: none;
    width: 500px;
    height: 30px;
}

.compcreate label {
    font-size: 1.5em;
}

.compdisplay {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
}

.compdisplay .outer {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
  padding: 2px;
  //justify-content: space-between;
  border: 1px solid #d2d2d2;
  margin-bottom: 6px;
}

.compdisplay a {
  color: black;
  font-size: 1.3em;
  margin: 8px 5px 5px 5px;
  padding: 5px;
  border: none !important;
}

.compdisplay a:hover {
  border: 1px solid black;
}

.compdisplay .outer:nth-child(even) {
  background-color: #eeeeee;
}

.compdisplay .label {
  width: 250px;
  font-size: 1.7em;
  border-right: 1px solid #c3c3c3;
  padding: 5px;
  margin: 5px;
}

.editableform {
  margin: 10px;
}

.multicompany h3 {
  font-size: 1.4em;
  font-weight: unset;
}

.mycompanies h3 {
  font-size: 1.4em;
  font-weight: unset;
}

.multilist {
  margin: 20px 10px 10px 0;
}


.multilist li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  max-width: 720px;
  background: #EEE;
  border: 1px solid #DDD;
  padding: 10px;
  margin-bottom: 20px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  font-size: 1.2em;
  box-sizing: border-box;
}

.multilist a {
  color: black;
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mycompanies .multilist #rightside {
  flex-shrink: 0;
}

.multilist a:hover {
  color: rgba(30, 166, 192, 0.8);
}

.mycompanies #rightside form {
  float: none;
  margin-top: 0;
}

#clicktoview {
  font-size: 0.6em;
  color: rgba(30, 166, 192, 0.8);
}

.mycompanies input[type="submit"] {
  background-color:#EEE;
  border:2px solid #CCC;
  display:inline-block;
  cursor:pointer;
  color: black;
  font-family:Arial;
  font-size:0.9em;
  text-decoration:none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 1px;
}

.mycompanies input[type="submit"]:hover {
  background-color:#DDD;
}

.mycompanies input[type="submit"]:active {
  position:relative;
  top:1px;
}

#create_parent {
  cursor: pointer;
  font-size: 0.7em;
  display: inline;
  margin-left: 310px;
  padding: 3px 8px 0px 4px;
  background: #1EA6C0;
  color: #fff;
  border-bottom: 2px solid #1B95AC;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.parent {
  display: flex;
  justify-content: space-between;
  margin: 20px 10px 10px 0;
  width: 450px;
  background: #EEE;
  border: 1px solid #DDD;
  padding: 10px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  font-size: 1.2em;
}

.admin_item_list .group
{
      padding: 10px 0px;
      border-top: 5px solid #1B95AC;
      position: relative;
      min-height: 50px;

}

.admin_item_list .group h3
{
      font-weight: bold;
      padding: 5px;
}

.admin_item_list .group .name
{
      position: absolute;
      top: 10px;
      left: 0px;
      width: 220px;
      font-weight: bold;
}

.admin_item_list .group .name label
{
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
}

.admin_item_list .group .name a
{
      word-wrap: break-word;
      font-size: 1.2em;
}
.admin_item_list .group .name a:hover
{
      text-decoration: underline;
}

.admin_item_list .group .user
{
      position: relative;
      display: inline-block;
      font-weight: bold;
      text-align: left;
}

.admin_item_list .group img
{
  display: block;
  position: absolute;
  top: 30px;
  left: 0px;

}

.retailers .ret_option
{
      background: #EEE;
      padding: 10px;
      margin-bottom: 10px;
      display: none;
}

.admin_item_list .group .right_column
{
      margin-left: 230px;
}

.admin_item_list .group .right_column .options
{
      height: 20px;
}

.admin_item_list .group .right_column .options li
{
      float: left;
      margin-right: 20px;
}

.retailer_list .group .intid_item
{
      padding: 5px 5px;
      border-top: 1px dashed #DDD;
      position: relative;
}

.retailer_list .group .delete
{
      position: absolute;
      right: 0px;
      top: 5px;
}

/* Retailers admin redesign — override legacy .admin_item_list / .compcreate layout */
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref.admin_item_list .retailers_card {
  position: relative;
  min-height: 0;
  padding: 0;
  border-top: 0;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_card_name {
  position: static;
  top: auto;
  left: auto;
  width: auto;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_card_body {
  margin-left: 0 !important;
  float: none;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .retailers_tab_nav li {
  float: none;
  margin-right: 0;
}

.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .compcreate.retailers_edit_grid .fld,
.dashboard.intro_dashboard_redesign .retailers.admin_redesign_ref .compcreate.retailers_edit_grid input[type="text"] {
  float: none;
}

.dashboard_changes h1
{
  color: #333;
  font-weight: bold;
  font-size: 3.2em;
  margin-bottom: 10px;
}

.dashboard_changes p
{
  font-size: 1.3em;
  padding-bottom: 10px;
  width: 990px;
  color: #333;
}

.dashboard_changes h2
{
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #333;
  border: none;
}

.dashboard_changes h3
{
  font-size: 1.5em;
  padding: 10px 0 7px 0;
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #DDD;
}

.dashboard_changes h4
{
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: 7px;
  color: #00AABC;
}
.dashboard_changes ul
{
  list-style-type: disc;
  list-style-position: inside;
  font-size: 1.5em;
  width: 990px;
  padding-bottom: 20px;
}

.dashboard_changes li
{
  font-weight: bold;
  padding: 4px;
  line-height: 1.6em;
  color: #333;
}

.dashboard_changes ul>p
{
  font-size: 0.9em;
  width: 990px;
  padding-bottom: 10px;
  color: #333;
}

#cleanp
{
  font-size: 1.3em;
  padding-bottom: 10px;
  width: 700px;
  color: #333;
}

#cleanh3
{
  font-size: 1.5em;
  padding: 10px 0 7px 0;
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
}

.forwardadd
{

}

.forwardadd .fld
{
  position: relative;
  margin-bottom: 20px;
}

.forwardadd p.break
{
  margin: 30px 0px 10px 150px;
}

.forwardadd .fld label
{
  width: 160px;
  display: block;
  padding-bottom: 5px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  line-height: 25px;
  text-align: right;
  font-weight: bold;

}

.forwardadd .fld input
{
  display: block;
  margin-left: 170px;

}

.forwardadd .fld p
{
  margin-left: 155px;
  height: 25px;
  line-height: 25px;
}

.forwardadd .fld input[type="submit"]
{

  //background: orange;
  //border: 2px solid #333;
  margin-left: 170px;
}

.forwardadd input[type='text'],
.forwardadd input[type='password']
{
  background: none;
  border: 0;
  border: 1px solid #8FD2DA;
  padding: 0px 4px;
  width: 300px;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  height: 25px;
  line-height: 25px;
}

.forwardadd .cancel
{
  position: absolute;
  top: 0px;
  left: 300px;
  height: 38px;
  line-height: 38px;
  display: block;
}

.forwardlist
{
  background: #EEE;
  padding: 6px;
  border: 1px #DDD solid;
  float: left;
  margin: 3px;
}

#notification {
  position: absolute;
  z-index: 9999999999;
  bottom: 1%;
  left: 50%;
  right: 1%;
  background: #f6a828;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 0 0 25px black;
  -moz-box-shadow:    0 0 25px black;
  box-shadow:         0 0 25px black;
  display: none;
  justify-content: space-evenly;
  padding: 10px 10px 10px 10px;
  border: solid #333 2px;
}

#notificationt {
  display: none;
  position: absolute;
  z-index: 999999999;
  bottom: 1%;
  left: 50%;
  right: 1%;
  background: #f6a828;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 0 0 25px black;
  -moz-box-shadow:    0 0 25px black;
  box-shadow:         0 0 25px black;
  justify-content: space-evenly;
  padding: 10px 10px 10px 10px;
  border: solid #333 2px;
}

#noti_text
{
  line-height: 2;
  font-weight: bold;
  color: #333;
  font-size: 1.3em;
  width: 750px;
  align-self: center;
}

#noti_textt
{
  line-height: 2;
  font-weight: bold;
  color: #333;
  font-size: 1.3em;
  width: 750px;
  align-self: center;
}

#noti_link
{
  margin-left: 10px;
  color: #168398;
}

#noti_linkt
{
  margin-left: 10px;
  color: #168398;
}

#noti_buttons
{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 4px 4px 4px 8px;
}

#noti_hide
{
  cursor: pointer;
  align-self: flex-end;
  font-weight: bold;
  color: #333;
  font-size: 1.7em;
  height: 30px;
}

#noti_hidet
{
  cursor: pointer;
  align-self: flex-end;
  font-weight: bold;
  color: #333;
  font-size: 1.7em;
  height: 30px;
}

#noti_read_box
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 50px;
  border: solid #333 2px;
  border-radius: 16px;

}

#noti_read_text
{
  cursor: pointer;
  color: #333;
  font-weight: bold;
  padding: 10px;
  font-size: 1.3em;
}

#noti_test
{
  cursor: pointer;
  width: 80px;
  font-size: 2.5em;
  margin-left: 150px;
  border: 1px solid #1b95ac;
  padding: 5px;
  color: #1b95ac;
  border-radius: 3px;
}

.zzbarcodes h3
{
  font-size: 2em;
}

.barcode
{
  margin-top: 5px;
  counter-reset: item;
}

.barcode li
{
  line-height: 2em;
  display: flex;
}

.barcode li:before {
    content: counter(item) ". ";
    counter-increment: item;
    font-weight: bold;
    width: 25px;
}

table.pack
{
      width: 100%;
}
table.pack thead td
{
      background: #EEE;
      font-weight: bold;
      padding: 7px;
      border: 1px solid #DDD;
}

table.pack tbody td
{
      border: 1px solid #DDD;
      padding: 7px;
      vertical-align: middle;
      white-space: nowrap;
}

table.pack td.right
{
      text-align: right;
}

table.pack tbody tr.totals td
{
      border: none;
      border-top: 2px solid #AAA;
      border-bottom: 1px solid #AAA;
      //background: #EEE;
}

tr.sort-disabled td
{
  border: none !important;
  padding: 0px !important;
}

tr.sort-disabled:only-child td
{
  height: 25px;
}

.storepacks
{
  padding: 22px;
  border: 1px solid #DDD;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
}

.pack
{
  margin-bottom: 10px;
  border: 4px #ddd solid;
  border-collapse: separate;
}

.pack tbody
{
  overflow:auto;
}

.pack:last-child
{
  margin-bottom: 0;
}

.addpack
{
  padding: 9px;
  border: 1px solid #DDD;
  margin: 2px 2px 20px 20px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  cursor: pointer;
}

.crement
{
  padding: 1px 5px 1px 5px;
  border: 1px solid #DDD;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  cursor: pointer;
  margin: 0 2px 0 2px;
}


.leftoverButton
{
  padding: 1px 5px 1px 5px;
  border: 1px solid #DDD;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  cursor: pointer;
  margin: 0 0 0 10px;
}

.validate
{
  padding: 9px;
  border: 1px solid #DDD;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  cursor: pointer;
  margin: 0 2px 0 2px;
}

.invalidSetup
{
  padding: 9px;
  border: 1px solid #DDD;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  cursor: pointer;
  margin: 0 2px 0 2px;
  background-color: salmon;
}

.validSetup
{
  padding: 9px;
  border: 1px solid #DDD;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  cursor: pointer;
  margin: 0 2px 0 2px;
  /* background-color: palegreen; */
}

#packvalidation
{
  padding: 22px;
  border: 4px solid #DDD;
  margin: 30px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.prepack h3,
.scanpack h3
{
  font-size: 2em;
  align-self: center;
  color: #333;
}

/* Prepack / Carton Creator — teal dashboard redesign */
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign {
  background: linear-gradient(180deg, #f4faf9 0%, #eef6f5 48%, #f8fbfb 100%);
  min-height: calc(100vh - 120px);
  padding-bottom: 32px;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_shell {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 16px;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_header {
  padding: 20px 8px 8px;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_eyebrow {
  margin: 0 0 6px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a8f86;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_title {
  margin: 0 0 8px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.5rem, 2.5vw, 1.85rem);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_title_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0 0 8px;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_title_row .prepack_title {
  margin: 0;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_header_actions,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0;
  padding: 0;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px 20px;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_actions {
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_actions .prepack_draft_status {
  flex: 1 0 100%;
  text-align: right;
  max-width: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_save_draft_btn {
  min-height: 36px;
  padding: 8px 16px;
  border-radius: 7px;
  border: 1px solid #1a8a7a;
  background: #1a8a7a;
  color: #fff;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_save_draft_btn:hover {
  background: #0b554c;
  border-color: #0b554c;
  color: #fff;
  box-shadow: 0 3px 10px rgba(15, 107, 93, 0.35);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_save_draft_btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_reset_btn {
  min-height: 36px;
  padding: 8px 16px;
  border-radius: 7px;
  border: 1px solid #b9d9d4;
  background: #fff;
  color: #0f6b5d;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_reset_btn:hover {
  background: #1a8a7a;
  border-color: #1a8a7a;
  color: #fff;
  box-shadow: 0 3px 10px rgba(15, 107, 93, 0.28);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_reset_btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_draft_status {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  color: #4a5c58;
  text-align: right;
  line-height: 1.35;
  max-width: 12rem;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_draft_status--saved {
  color: #047857;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_desc {
  margin: 0 0 16px;
  max-width: 52rem;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #4a5c58;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_context {
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid #d4eae7;
  background: #f8fcfb;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_context_main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_context_label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5a8f86;
  margin-right: 4px;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_context_link {
  font-size: 13px;
  font-weight: 600;
  color: #1a8a7a;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_context_link:hover {
  text-decoration: underline;
  color: #0f6b5d;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_context_note {
  margin: 10px 0 0;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: #4a5c58;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_steps {
  margin: 0 0 20px;
  padding: 0 0 0 1.25rem;
  max-width: 40rem;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.55;
  color: #3d524e;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_steps li {
  margin-bottom: 6px;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_banner {
  margin: 0 8px 16px;
  padding: 12px 14px;
  border-radius: 10px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.45;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_banner--warn {
  border: 1px solid #fcd34d;
  background: #fffbeb;
  color: #92400e;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_partial_tip {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #fde68a;
  background: #fffbeb;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #92400e;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_partial_tip--pulse {
  box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.45);
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_item--partial .prepack_status_value {
  color: #b45309;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .quantity_order_cell {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_asn_qty_wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 72px;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_asn_qty_label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5a8f86;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_asn_qty {
  width: 72px;
  min-height: 34px;
  padding: 4px 8px;
  border: 1px solid #cfe5e2;
  border-radius: 8px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #0f6b5d;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_asn_qty--partial {
  border-color: #fbbf24;
  background: #fffbeb;
  color: #b45309;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .validate_partial_hint {
  border-color: #d4eae7 !important;
  background: #fff !important;
  color: #1a8a7a !important;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .validate_partial_hint:hover {
  background: #f2faf8 !important;
  transform: none !important;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_anchor {
  height: 1px;
  margin: 0;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status {
  margin: 0 8px 20px;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid #cfe5e2;
  background: linear-gradient(180deg, #f2faf8 0%, #fff 100%);
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.04);
  position: sticky;
  top: 8px;
  z-index: 60;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status.prepack_status--stuck {
  box-shadow: 0 14px 28px rgba(2, 6, 23, 0.1);
  border-color: #b8d9d4;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 12px 16px;
  flex: 1 1 280px;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_item--highlight .prepack_status_value {
  color: #0f6b5d;
  font-size: 1.5rem;
}

/* Packs / cartons accent — warm carton theme for quick recognition */
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_item--packs {
  padding: 8px 12px;
  border: 1px solid #e2c9a0;
  border-left: 4px solid #c2781a;
  border-radius: 7px;
  background: linear-gradient(180deg, #fff8ee 0%, #fff4e5 100%);
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_item--packs .prepack_status_label {
  color: #9a6700;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_item--packs .prepack_status_value {
  color: #b45309;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign #prepack_stat_unpacked {
  color: #ea580c;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_label {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5a8f86;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_value {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #1a2e2b;
  line-height: 1.2;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_status_hint {
  margin: 12px 0 0;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: #4a5c58;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav {
  position: fixed;
  right: max(12px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 120;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: min(128px, calc(100vw - 24px));
  padding: 6px;
  border-radius: 10px;
  border: 1px solid #334155;
  background: rgba(30, 41, 59, 0.94);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.28);
  backdrop-filter: blur(8px);
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav[hidden] {
  display: none !important;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 28px;
  padding: 0 8px;
  border-radius: 6px;
  border: 1px solid #475569;
  background: #334155;
  color: #f1f5f9;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav_btn:hover {
  background: #475569;
  border-color: #64748b;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav_btn--primary {
  border-color: #4338ca;
  background: linear-gradient(180deg, #6366f1 0%, #4f46e5 100%);
  color: #fff;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav_btn--primary:hover {
  background: linear-gradient(180deg, #4f46e5 0%, #4338ca 100%);
  border-color: #3730a3;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav_icon {
  font-size: 12px;
  line-height: 1;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav .dropdown[hidden] {
  display: none !important;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav .dropdown {
  width: 100%;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav_btn--menu {
  width: 100%;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav .dropdown-content,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav_menu {
  left: 0;
  right: 0;
  max-height: min(240px, 40vh);
  padding: 4px 0;
  border-radius: 8px;
  border: 1px solid #475569 !important;
  background: #0f172a !important;
  box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.35) !important;
  overflow-x: hidden;
  overflow-y: auto;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav_menu a {
  display: block;
  padding: 7px 10px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  color: #e2e8f0;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav_menu a:hover,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav_menu a:focus-visible {
  background: #334155;
  color: #fff;
  outline: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_scroll_nav_label {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #94a3b8;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_card {
  scroll-margin-top: 24px;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_qty_meta {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 500;
  color: #5a8f86;
  line-height: 1.3;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .quantity_to_ship {
  font-weight: 700;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign td.quantity {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #0f6b5d;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .po_qty_cell,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .po_qty {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: #4a5c58;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign input.totpacks {
  width: 72px;
  min-height: 34px;
  padding: 4px 8px;
  border: 1px solid #cfe5e2;
  border-radius: 8px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #1a2e2b;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign input.totpacks:focus {
  outline: none;
  border-color: #1a8a7a;
  box-shadow: 0 0 0 2px rgba(26, 138, 122, 0.2);
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_remove_line {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 7px;
  border: 1px solid #fecaca;
  background: #fff;
  color: #b83a3a;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_remove_line:hover {
  background: #fef2f2;
  border-color: #f87171;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_row_actions {
  white-space: nowrap;
  text-align: right;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_carton_limit_hint {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.3;
  color: #5a8f86;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_carton_limit_hint--clamped {
  color: #b45309;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_remainder_label {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_remainder_status {
  font-size: 12px;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_remainder_status--ok {
  color: #0f6b5d;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_remainder_status--warn {
  color: #b45309;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_remainder_status--shortshipping {
  color: #ea580c;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_empty_state {
  margin: 24px 8px;
  padding: 32px 28px;
  text-align: center;
  border-radius: 14px;
  border: 1px solid #d4eae7;
  background: #f8fcfb;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_empty_title {
  margin: 0 0 8px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_empty_text {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #4a5c58;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_empty_text--muted {
  font-size: 13px;
  color: #6b7f7b;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_empty_actions {
  margin: 8px 0 0;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_empty_btn {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 8px;
  border: 1px solid #0e8176;
  background: linear-gradient(180deg, #18a999 0%, #0f8f83 100%);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign #packcontainer.centered,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_container {
  max-width: none;
  margin: 0;
  padding: 0 8px 24px;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_store_title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin: 24px 0 12px;
  scroll-margin-top: 120px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.35;
  color: #7c4a12;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_store_label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #c2781a;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_store_city {
  font-weight: 500;
  color: #92640f;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .storepacks {
  padding: 18px;
  border: 1px solid #e2c9a0;
  border-left: 5px solid #c2781a;
  margin: 0 0 14px;
  border-radius: 14px;
  background: linear-gradient(180deg, #fffaf3 0%, #fff 72%);
  box-shadow: 0 10px 22px rgba(146, 100, 15, 0.08);
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack {
  width: 100%;
  margin-bottom: 12px;
  border: 1px solid #e8d2ad !important;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #fffefb;
  table-layout: fixed;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack:last-child {
  margin-bottom: 0;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack thead td {
  padding: 11px 12px !important;
  background: #f7ebd7 !important;
  border: 0 !important;
  border-bottom: 1px solid #e2c9a0 !important;
  color: #7c4a12 !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack tbody td {
  padding: 10px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #f0e2cb !important;
  color: #1f3230;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack tbody tr.item:hover td {
  background: #fff8ee;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack tbody tr.prepack-row--duplicate td {
  background: #fff4f4 !important;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack tbody td.product a {
  color: #1a8a7a;
  font-weight: 600;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack tbody td.product a:hover {
  color: #0f6b5d;
  text-decoration: underline;
}

/* Description: wrap long text onto up to 2 lines (no overlap with Store) */
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack tbody td.description {
  width: 22%;
  max-width: 240px;
  vertical-align: middle;
  white-space: normal;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack tbody td.description .prepack_desc_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.35;
  white-space: normal;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack tbody td.store {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_qty_cell {
  min-width: 0;
  width: 1%;
  white-space: nowrap;
}

/* Qty control: [ value ] [ − ][ + ] — square buttons */
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_qty_controls {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  border: none;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .storepacks {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: auto !important;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .perpack {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 58px;
  min-width: 58px;
  min-height: 34px;
  height: 34px;
  margin: 0;
  padding: 4px 8px;
  border: 1px solid #b9d9d4;
  border-radius: 0;
  background: #eef8f6;
  text-align: center;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  color: #0f6b5d;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign input.perpack {
  -moz-appearance: textfield;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign input.perpack::-webkit-outer-spin-button,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign input.perpack::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign input.perpack:focus {
  outline: none;
  border-color: #1a8a7a;
  background: #e4f4f0;
  box-shadow: 0 0 0 2px rgba(26, 138, 122, 0.16);
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_qty_controls:focus-within {
  border-color: transparent;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_qty_buttons {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 4px;
  border-left: none;
  background: transparent;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .totpacks,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .quantity {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack tbody td.totpacks {
  text-align: right;
  padding-right: 18px;
  background: #fff4e5;
  color: #b45309;
  font-weight: 700;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack thead td:nth-child(6) {
  text-align: right;
  padding-right: 18px;
  background: #efd9b5 !important;
  color: #7c4a12 !important;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .quantity_cell input.quantity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  min-width: 72px;
  min-height: 34px;
  padding: 4px 8px;
  border-radius: 8px;
  background: #eef8f6;
  border: 1px solid #cfe5e2;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  color: #0f6b5d;
  box-sizing: border-box;
  -moz-appearance: textfield;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .quantity_cell input.quantity::-webkit-outer-spin-button,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .quantity_cell input.quantity::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .quantity_cell input.quantity:focus {
  outline: none;
  border-color: #1a8a7a;
  box-shadow: 0 0 0 2px rgba(26, 138, 122, 0.2);
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .remainder {
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .remainder.prepack-remainder--ok {
  color: #0f6b5d;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .remainder.prepack-remainder--warn {
  color: #b45309;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .remainder.prepack-remainder--error {
  color: #b83a3a;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .remainder.prepack-remainder--partial {
  color: #b45309;
  font-weight: 700;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .addpack {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  margin: 4px 0 20px;
  padding: 8px 16px;
  border-radius: 0;
  border: 1px solid #c2781a;
  background: #fff;
  color: #9a6700;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .addpack:hover {
  background: #c2781a;
  border-color: #a16207;
  color: #fff;
  box-shadow: 0 3px 10px rgba(194, 120, 26, 0.35);
  transform: translateY(-1px);
  filter: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .addpack:active {
  background: #9a6700;
  border-color: #9a6700;
  color: #fff;
  box-shadow: none;
  transform: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .validate,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .validSetup {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 16px;
  border-radius: 7px;
  border: 1px solid #1a8a7a;
  background: #fff;
  color: #0f6b5d;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .validate:hover,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .validSetup:hover {
  background: #1a8a7a;
  border-color: #1a8a7a;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(15, 107, 93, 0.25);
  filter: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .validSetup {
  border-color: #1a8a7a;
  background: #fff;
  color: #0f6b5d;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .validSetup:hover {
  background: #1a8a7a;
  border-color: #0f6b5d;
  color: #fff;
  box-shadow: 0 2px 8px rgba(15, 107, 93, 0.25);
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .crement,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .leftoverButton {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #0f6b5d;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  cursor: pointer;
  box-shadow: none;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .crement {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 32px;
  min-width: 32px;
  height: 32px;
  padding: 0;
  line-height: 0;
  border: 1px solid #0f6b5d;
  border-radius: 0 !important; /* square, not circle */
  background: #0f6b5d;
  color: #fff;
  -webkit-appearance: none;
  appearance: none;
}

/* Geometric − / + icons (white on teal square) */
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .crement_dec::before,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .crement_inc::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background:
    linear-gradient(currentColor, currentColor) center / 12px 2px no-repeat;
  border-radius: 0;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .crement_inc::before {
  background:
    linear-gradient(currentColor, currentColor) center / 12px 2px no-repeat,
    linear-gradient(currentColor, currentColor) center / 2px 12px no-repeat;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .crement.crement_set {
  min-width: auto;
  width: auto;
  height: auto;
  min-height: 34px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 1;
  border-radius: 0 !important;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .crement.crement_set::before {
  display: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_qty_buttons .crement:hover,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .crement:hover {
  background: #fff !important;
  border-color: #0f6b5d !important;
  color: #0f6b5d !important;
  box-shadow: 0 3px 10px rgba(15, 107, 93, 0.28);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .leftoverButton:hover {
  background: #e3f3ef;
  color: #0b756b;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_qty_buttons .crement:active,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .crement:active {
  background: #0b554c !important;
  border-color: #0b554c !important;
  color: #fff !important;
  box-shadow: none;
  transform: none;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .crement:focus-visible {
  outline: 2px solid #1a8a7a;
  outline-offset: 2px;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .leftoverButton {
  min-height: 30px;
  margin-left: 8px;
  padding: 0 10px;
  border: 1px solid #cfe5e2;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign #packvalidation.prepack_validation_card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 18px 20px;
  margin: 20px 0 0;
  border: 1px solid #cfe5e2;
  border-left: 5px solid #1a8a7a;
  border-radius: 10px;
  background: #f4fbf9;
  box-shadow: 0 4px 14px rgba(15, 107, 93, 0.06);
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign #packvalidation.prepack-validation--success {
  border-color: #b7ddd6;
  border-left-color: #1a8a7a;
  background: #eaf7f3;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign #packvalidation.prepack-validation--warn {
  border-color: #e8d4a8;
  border-left-color: #c2781a;
  background: #fff9f0;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign #packvalidation.prepack-validation--partial {
  border-color: #d4e0de;
  border-left-color: #0f6b5d;
  background: #f7faf9;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .validSetup_partial {
  border-color: #1a8a7a !important;
  background: #fff !important;
  color: #0f6b5d !important;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .validSetup_partial:hover {
  background: #1a8a7a !important;
  border-color: #0f6b5d !important;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign #packvalidation.prepack-validation--error {
  border-color: #f0c4c4;
  border-left-color: #b83a3a;
  background: #fff7f7;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_merged_wrap,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_message_wrap {
  display: block;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign #vmerged p,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_merged p {
  margin: 0 0 8px;
  padding: 10px 12px;
  border-radius: 7px;
  background: #fff8ee;
  border: 1px solid #e8d4a8;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: #7c4a12;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_message,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign #vmessage {
  margin: 0;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  color: #1a2e2b;
  text-align: left;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 16px;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_actions_left {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 16px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  flex: 1 1 auto;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_heading,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_actions_left h3 {
  margin: 0;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #0f6b5d;
}

.dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_cta,
.dashboard.intro_dashboard_redesign .prepack.prepack_redesign #validationinfo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

@media screen and (max-width: 720px) and (max-device-width: 720px) {
  .dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_actions {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_actions_left {
    flex-direction: column;
    align-items: flex-start;
  }

  .dashboard.intro_dashboard_redesign .prepack.prepack_redesign .prepack_validation_cta,
  .dashboard.intro_dashboard_redesign .prepack.prepack_redesign #validationinfo {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 900px) and (max-device-width: 900px) {
  .dashboard.intro_dashboard_redesign .prepack.prepack_redesign table.pack {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

 /* Dropdown Button */
.po_report .toolbar .dropbtn {
    background-color: #1EA6C0;
    color: white;
    cursor: pointer;
    border: none;
    margin-bottom: 7px;
}

/* ===== BEGIN UNUSED: Legacy po_report/asn_report toolbar dropdown (superseded by shared dropdown block at EOF) (disabled via @media not all) ===== */
@media not all {
/* nested:  The container <div> - needed to position the dropdown content  end-nested */
.po_report .toolbar .dropdown {
    position: relative;
    display: inline-block;
}

/* nested:  Dropdown Content (Hidden by Default)  end-nested */
.po_report .toolbar .dropdown-content {
    display: none;
    position: absolute;
    background-color: #1B95AC;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border: 1px black solid;
    border-radius: 3px;
    z-index: 500;
    pointer-events: auto;
}

/* nested:  Links inside the dropdown  end-nested */
.po_report .toolbar .dropdown-content a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* nested:  Change color of dropdown links on hover  end-nested */
.po_report .toolbar .dropdown-content a:hover {
  background-color: #CCEEF2;
  color: black;
  border-radius: 3px;
}

/* nested:  Show the dropdown menu on hover  end-nested */
.po_report .toolbar .dropdown:hover .dropdown-content {
    display: block;
}

/* nested:  Dropdown Button  end-nested */
.asn_report .toolbar .dropbtn {
    background-color: #1EA6C0;
    color: white;
    cursor: pointer;
    border: none;
    margin-bottom: 7px;
}

/* nested:  The container <div> - needed to position the dropdown content  end-nested */
.asn_report .toolbar .dropdown {
    position: relative;
    display: inline-block;
}

/* nested:  Dropdown Content (Hidden by Default)  end-nested */
.asn_report .toolbar .dropdown-content {
    display: none;
    position: absolute;
    background-color: #1B95AC;
    min-width: 138px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border: 1px black solid;
    border-radius: 3px;
    z-index: 500;
    pointer-events: auto;
}

/* nested:  Links inside the dropdown  end-nested */
.asn_report .toolbar .dropdown-content a {
    border: none;
    color: white;
    padding: 15px 20px;
    text-decoration: none;
    display: block;
}

/* nested:  Change color of dropdown links on hover  end-nested */
.asn_report .toolbar .dropdown-content a:hover {
  background-color: #CCEEF2;
  color: black;
  border-radius: 3px;
}

/* nested:  Show the dropdown menu on hover  end-nested */
.asn_report .toolbar .dropdown:hover .dropdown-content {
    display: block;
}
}
/* ===== END UNUSED ===== */










#scandetectorbox
{
  padding: 15px;
  font-size: 1.5em;
  width: auto;
  display: flex;
  width: 530px;
  justify-content: center;
}

#scandetector
{
  align-self: center;
}

#currentinput
{
  border: 1px solid rgb(186, 85, 0);
  background-color: rgba(245,173,112,0.95);
  font-size: 1.5em;
  padding: 15px;
  width: auto;
  text-align: center;
}

#scanlog
{
  border: 1px solid rgb(0, 54, 65);
  background-color: rgba(53, 211, 242,0.95);
  font-size: 1.5em;
  padding: 15px;
  width: 400px;
  text-align: center;
}

.startscan
{
  padding: 9px;
  border: 1px solid #DDD;
  margin: 2px 2px 20px 20px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  cursor: pointer;
}

#scanner
{
  position: fixed;
  bottom: 0;
  width: 1200px;
  z-index: 99;
  display: flex;
  left: 50%;
  margin-left: -600px;
  opacity: 0.9;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  border: solid 2px #777;
  background: #ccc;
  padding: 13px 10px 5px 10px;
}

table.products
{
      width: 100%;
}
table.products thead td
{
      background: #EEE;
      font-weight: bold;
      padding: 7px;
      border: 1px solid #777;
}

table.products tbody td
{
      border: 1px solid #777;
      padding: 7px;
      vertical-align: middle;
}

table.products td.right
{
      text-align: right;
}

table.products tbody tr.totals td
{
      border: none;
      border-top: 2px solid #AAA;
      border-bottom: 1px solid #AAA;
      //background: #EEE;
}

.storeproducts
{
  padding: 22px;
  border: 1px solid #DDD;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.09);
}

.scanpack .products
{
  margin-bottom: 10px;
  border: 4px #777 solid;
  border-collapse: separate;
}

.scanpack .products tbody
{
  overflow:auto;
}

.scanpack .products:last-child
{
  margin-bottom: 0;
}

.dashboard.intro_dashboard_redesign.scanpack_focus_page .main_nav,
.dashboard.intro_dashboard_redesign.scanpack_focus_page .header .logo,
.dashboard.intro_dashboard_redesign.scanpack_focus_page .footer {
  display: none;
}

.dashboard.intro_dashboard_redesign.scanpack_focus_page .header .spacer {
  height: 0;
}

.dashboard.intro_dashboard_redesign.scanpack_focus_page .content {
  padding-top: 8px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px 20px;
  margin: 0 8px 20px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_steps--simple {
  flex: 1 1 280px;
  margin: 0;
  padding: 12px 16px 12px 32px;
  max-width: none;
  border: 1px solid #d4eae7;
  border-radius: 12px;
  background: #fff;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.55;
  color: #3d524e;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple #barcodebox.scanpack_barcode_hints {
  flex: 0 1 320px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #d4eae7;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.03);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_barcode_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_barcode_card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  margin: 0;
  padding: 10px 10px 8px;
  border: 1px solid #9fd4cc;
  border-radius: 10px;
  background: #f0faf8;
  cursor: default;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_barcode_card:hover {
  border-color: #9fd4cc;
  background: #f0faf8;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_barcode_action {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-align: center;
  color: #0f6b5d;
  text-transform: uppercase;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_barcode_svg {
  display: block;
  width: 100%;
  height: auto;
  min-height: 72px;
  border-radius: 6px;
  background: #fff;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_barcode_hints_label {
  margin: 0 0 10px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5a8f86;
}

@media screen and (max-width: 760px) and (max-device-width: 760px) {
  .dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_barcode_grid {
    grid-template-columns: 1fr;
  }

  .dashboard.intro_dashboard_redesign .scanpack.scanpack_simple #barcodebox.scanpack_barcode_hints {
    flex: 1 1 100%;
  }
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_scanner_status--ready {
  background: #e8f6f3 !important;
  border: 1px solid #86efac;
  color: #166534;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_scanner_status--active {
  background: #dbeafe !important;
  border: 1px solid #93c5fd;
  color: #1e40af;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_scanner_status--unpack {
  background: #fff7ed !important;
  border: 1px solid #fdba74;
  color: #9a3412;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_scanner_status--blur {
  background: #fee2e2 !important;
  border: 1px solid #fca5a5;
  color: #991b1b;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_col_product { width: 14%; }
.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_col_description { width: 36%; }
.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_col_store { width: 12%; }
.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_col_unpacked { width: 19%; }
.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_col_packed { width: 19%; }

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple table.products.scanpack_products_table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple table.products.scanpack_products_table thead th,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple table.products.scanpack_products_table tbody td {
  padding: 11px 12px;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple table.products.scanpack_products_table thead th {
  background: #f2f8f7;
  border-bottom: 1px solid #dbeae8;
  color: #3d524e;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: left;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple table.products.scanpack_products_table thead th.scanpack_qty_head,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple table.products.scanpack_products_table tbody td.oquantity,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple table.products.scanpack_products_table tbody td.squantity {
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple table.products.scanpack_products_table tbody td {
  border-bottom: 1px solid #e8f2f1;
  color: #1f3230;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.4;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_packs_row td {
  border-bottom: 0;
  vertical-align: top;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_packs_pad {
  padding: 0;
  border: 0;
  background: transparent;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_packs_slot {
  padding-top: 10px;
  border-top: 1px solid #e8f2f1;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_scanned_title {
  margin: 0 0 8px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5a8f86;
  text-align: center;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple .scanpack_packs_mount {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple table.pack.scanpack_pack_table {
  width: 100%;
  margin: 0;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple table.products.scanpack_products_table--active {
  border-color: rgba(15, 107, 93, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(15, 107, 93, 0.12);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple + .scanpack_scanner_spacer {
  height: 88px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple ~ #scanner.scanpack_scanner_bar {
  gap: 8px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple ~ #scanner #scandetectorbox {
  flex: 1 1 240px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple ~ #scanner #scanlog {
  flex: 1 1 280px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple ~ #scanner #scandetectorbox,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_simple ~ #scanner #scanlog {
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 14px;
}

/* Scan packing — teal dashboard redesign (matches Carton Creator / prepack) */
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign {
  background: linear-gradient(180deg, #f4faf9 0%, #eef6f5 48%, #f8fbfb 100%);
  min-height: calc(100vh - 120px);
  padding-bottom: 24px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_shell {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 16px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_header {
  padding: 20px 8px 8px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_eyebrow {
  margin: 0 0 6px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a8f86;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_title {
  margin: 0 0 8px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.5rem, 2.5vw, 1.85rem);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_title_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0 0 8px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_title_row .scanpack_title {
  margin: 0;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_context {
  margin: 0 0 14px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_context_main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  color: #3d524e;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_context_label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5a8f86;
  margin-right: 6px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_context_link {
  color: #0f6b5d;
  font-weight: 600;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_context_link:hover {
  text-decoration: underline;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_guide {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 16px 20px;
  margin: 0 0 18px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_steps {
  flex: 1 1 320px;
  margin: 0;
  padding: 14px 18px 14px 34px;
  border: 1px solid #d4eae7;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.03);
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13.5px;
  line-height: 1.55;
  color: #3d524e;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_steps li + li {
  margin-top: 6px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_guide_details {
  margin: 0 0 18px;
  border: 1px solid #d4eae7;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.03);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_guide_summary {
  padding: 12px 16px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #1a2e2b;
  cursor: pointer;
  list-style: none;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_guide_summary::-webkit-details-marker {
  display: none;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_guide_details[open] .scanpack_guide_summary {
  border-bottom: 1px solid #e8f2f1;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_guide_details .scanpack_guide {
  margin: 0;
  padding: 14px 16px 16px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_guide_details .scanpack_steps {
  flex: 1 1 280px;
  margin: 0;
  padding: 0 0 0 1.15rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_guide_details #barcodebox.scanpack_barcode_hints {
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_status {
  margin: 0 8px 16px;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid #cfe5e2;
  background: linear-gradient(180deg, #f2faf8 0%, #fff 100%);
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.04);
  position: sticky;
  top: 8px;
  z-index: 60;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_status_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 12px 16px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_status_item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_status_item--highlight .scanpack_status_value {
  color: #0f6b5d;
  font-size: 1.5rem;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_status_item--warn .scanpack_status_value {
  color: #ea580c;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_status_item--done .scanpack_status_value {
  color: #047857;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_status_label {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5a8f86;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_status_value {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #1a2e2b;
  line-height: 1.2;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_status_hint {
  margin: 12px 0 0;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: #4a5c58;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_store_nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 8px 16px;
  padding: 0;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_store_chip {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 8px 12px;
  border: 1px solid #cfe5e2;
  border-radius: 10px;
  background: #fff;
  color: #1a2e2b;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_store_chip:hover {
  border-color: #9fd4cc;
  background: #f4fbf9;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_store_chip--active {
  border-color: #0f6b5d;
  background: #e8f6f3;
  box-shadow: 0 0 0 2px rgba(15, 107, 93, 0.15);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_store_chip_city {
  font-size: 11px;
  font-weight: 500;
  color: #5a8f86;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_store_meta {
  flex: 1 1 100%;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
  color: #5a8f86;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .storeproducts.scanpack_store_card--active {
  border-color: #7ec4b8;
  box-shadow: 0 0 0 3px rgba(15, 107, 93, 0.1), 0 10px 22px rgba(2, 6, 23, 0.05);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products tbody td.oquantity,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products tbody td.squantity,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.pack tbody td.scannedquantity {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_container {
  max-width: none;
  margin: 0;
  padding: 0 8px 24px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_store_title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin: 24px 0 12px;
  scroll-margin-top: 120px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.35;
  color: #1a2e2b;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_store_label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5a8f86;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_store_city {
  font-weight: 500;
  color: #4a5c58;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .storeproducts.scanpack_store_card {
  padding: 18px;
  border: 1px solid #d4eae7;
  margin: 0 0 14px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.04);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_scanned_title {
  margin: 18px 0 0;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5a8f86;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products.scanpack_products_table,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.pack.scanpack_pack_table {
  width: 100%;
  margin-bottom: 12px;
  border: 1px solid #dbeae8 !important;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  table-layout: fixed;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products.scanpack_products_table {
  margin-bottom: 0;
  border: 4px solid transparent !important;
  cursor: pointer;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products.scanpack_products_table thead td:nth-child(1) { width: 14%; }
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products.scanpack_products_table thead td:nth-child(2) { width: 36%; }
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products.scanpack_products_table thead td:nth-child(3) { width: 12%; }
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products.scanpack_products_table thead td:nth-child(4),
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products.scanpack_products_table thead td:nth-child(5) { width: 19%; }

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products.scanpack_products_table:hover {
  border-color: rgba(15, 107, 93, 0.25) !important;
  box-shadow: 0 0 0 3px rgba(15, 107, 93, 0.08);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products thead td,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.pack thead td {
  padding: 11px 12px !important;
  background: #f2f8f7 !important;
  border: 0 !important;
  border-bottom: 1px solid #dbeae8 !important;
  color: #3d524e !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products tbody td,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.pack tbody td {
  padding: 10px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #e8f2f1 !important;
  color: #1f3230;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  vertical-align: middle;
  line-height: 1.4;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products tbody tr.item:hover td,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.pack tbody tr:hover td {
  background: #f8fcfb;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products tbody td.product a {
  color: #1a8a7a;
  font-weight: 600;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.products tbody td.product a:hover {
  text-decoration: underline;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign #packvalidation.scanpack_validation_card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 22px;
  margin: 20px 0 0;
  border: 1px solid #d4eae7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(2, 6, 23, 0.04);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign #packvalidation.scanpack-validation--success {
  border-color: #86efac;
  background: linear-gradient(180deg, #f0fdf4 0%, #fff 100%);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign #packvalidation.scanpack-validation--warn {
  border-color: #fca5a5;
  background: linear-gradient(180deg, #fef2f2 0%, #fff 100%);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_validation_message {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #1a2e2b;
  min-height: 1.25em;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_validation_heading {
  margin: 0 0 10px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #3d524e;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_validate_btn,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_generate_btn,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .validSetup {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 10px 18px;
  border-radius: 8px;
  border: 1px solid #93c5fd;
  background: #fff;
  color: #1d4ed8;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_validate_btn:hover,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_generate_btn:hover,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .validSetup:hover {
  background: #eff6ff;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_generate_btn,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .validSetup {
  border-color: #86efac;
  background: #f0fdf4;
  color: #166534;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_generate_btn:hover,
.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .validSetup:hover {
  background: #dcfce7;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_validation_cta {
  margin-top: 12px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner .scanpack_scanner_actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 0 0 auto;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner .scanpack_scanner_action_btn {
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #b8e0db;
  border-radius: 8px;
  background: #fff;
  color: #0f4f48;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner .scanpack_scanner_action_btn:hover:not(:disabled) {
  background: #f0faf8;
  border-color: #7ec4b8;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner .scanpack_scanner_action_btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner .scanpack_scanner_action_btn--active {
  border-color: #f59e0b;
  background: #fffbeb;
  color: #92400e;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign + .scanpack_scanner_spacer {
  height: 148px;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner.scanpack_scanner_bar {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 200;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
  width: min(100%, 1320px);
  margin: 0;
  padding: 12px 16px 14px;
  border: 1px solid #c5e4de;
  border-bottom: none;
  border-radius: 16px 16px 0 0;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 -8px 28px rgba(12, 74, 68, 0.12);
  backdrop-filter: blur(8px);
  opacity: 1;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner #scandetectorbox.scanpack_scanner_status {
  flex: 1 1 280px;
  min-width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 16px;
  margin: 0;
  width: auto;
  border-radius: 10px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner #scanlog.scanpack_scanner_log {
  flex: 1 1 220px;
  min-width: 160px;
  margin: 0;
  padding: 12px 14px;
  width: auto;
  border: 1px solid #b8e0db;
  border-radius: 10px;
  background: #e8f6f3 !important;
  color: #0f4f48;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner #scanlog.scanpack_scanner_log.scanpack_scanner_log--idle {
  background: #f2f8f7 !important;
  color: #3d524e;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner #scanlog.scanpack_scanner_log.scanpack_scanner_log--idle:hover {
  background: #e8f4f2 !important;
  border-color: #9fd4cc;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner #currentinput.scanpack_scanner_input {
  flex: 0 1 200px;
  min-width: 120px;
  margin: 0;
  padding: 12px 14px;
  width: auto;
  border: 1px solid #fdba74;
  border-radius: 10px;
  background: #fff7ed !important;
  color: #9a3412;
  font-family: "DM Mono", "DM Sans", ui-monospace, monospace;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign #barcodebox.scanpack_barcode_hints {
  position: static;
  bottom: auto;
  left: auto;
  z-index: auto;
  flex: 0 1 240px;
  width: auto;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #d4eae7;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(2, 6, 23, 0.03);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_barcode_hints_label {
  margin: 0;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5a8f86;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign #barcodebox #barcodeimages {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.pack.scanpack_pack_table.scanpack_pack_open {
  border-color: rgba(15, 107, 93, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(15, 107, 93, 0.12);
  background: rgba(53, 211, 242, 0.14);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign table.pack.scanpack_pack_table.scanpack_pack_closed {
  background: #fff;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_barcode_hint {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 6px;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_barcode_hint:hover {
  background: #f0faf8;
  box-shadow: inset 0 0 0 1px #b8e0db;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_barcode_hint:active {
  background: #e4f4f1;
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_barcode_hint img {
  margin: 0 !important;
  width: 100%;
  max-width: 108px;
  height: auto;
  border-radius: 8px;
  border: 1px solid #dbeae8;
  box-shadow: 0 2px 8px rgba(2, 6, 23, 0.06);
}

.dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_barcode_hint figcaption {
  font-family: "DM Mono", "DM Sans", ui-monospace, monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #3d524e;
  text-align: center;
}

@media screen and (max-width: 760px) and (max-device-width: 760px) {
  .dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner.scanpack_scanner_bar {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner .scanpack_scanner_actions {
    flex-direction: row;
    justify-content: stretch;
  }

  .dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner .scanpack_scanner_action_btn {
    flex: 1 1 50%;
  }

  .dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner #scandetectorbox,
  .dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner #scanlog,
  .dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign ~ #scanner #currentinput {
    flex: 1 1 auto;
    width: 100%;
  }

  .dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign #barcodebox.scanpack_barcode_hints {
    flex: 1 1 100%;
    min-width: 0;
  }

  .dashboard.intro_dashboard_redesign .scanpack.scanpack_redesign .scanpack_barcode_hint img {
    max-width: 96px;
  }
}

#barcodebox
{
  position: fixed;
  bottom: 80px;
  z-index: 99;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 200px;
}

#barcodeimages
{
  display: flex;
  flex-direction: column;
}

/* ==========================================================================
   2026 visual refresh (modern-light)
   Lightweight: pure CSS overrides, no new libraries.
   ========================================================================== */

:root {
  --wp-bg: #ffffff;
  --wp-surface: #ffffff;
  --wp-surface-2: #f0f9fb;
  --wp-text: #0b1220;
  --wp-muted: #3d5a66;
  --wp-border: rgba(15, 23, 42, 0.12);
  --wp-border-strong: rgba(15, 23, 42, 0.18);

  /* Teal from full lockup logo (#1C8592) */
  --wp-primary: #1c8592;
  --wp-primary-600: #197a85;
  --wp-primary-700: #156b75;
  --wp-primary-rgb: 28, 133, 146;

  --wp-shadow: 0 16px 40px rgba(2, 6, 23, 0.10);
  --wp-shadow-sm: 0 10px 22px rgba(2, 6, 23, 0.10);
  --wp-radius: 14px;
  --wp-radius-sm: 10px;

  --wp-container: 1120px;
  --wp-gutter: 24px;

  /* Hero CTA: distinct from teal brand */
  --wp-cta-warm: #ea580c;
  --wp-cta-warm-hover: #c2410c;
}

html {
  color-scheme: light;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  color: var(--wp-text);
  background: var(--wp-bg);
  font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 14px;
  line-height: 1.5;
}

a {
  color: var(--wp-primary-600);
  text-decoration: none;
}

a:hover {
  color: var(--wp-primary-700);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Shared container used across templates */
.centered {
  width: auto !important;
  max-width: var(--wp-container);
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--wp-gutter);
  padding-right: var(--wp-gutter);
}

/* Modern buttons while keeping legacy class names working */
.orange_button,
.grey_button,
.blue_button_28,
.orange_button_28,
.grey_button_28,
.red_button_28,
.green_button_28,
input[type="submit"].orange_button,
button.orange_button {
  background-image: none !important;
  border-radius: 999px !important;
  height: auto !important;
  line-height: 1.1 !important;
  padding: 12px 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px;
  transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease, border-color 120ms ease;
  box-shadow: 0 10px 18px rgba(2, 6, 23, 0.10);
}

.orange_button,
.blue_button_28,
input[type="submit"].orange_button,
button.orange_button {
  background: var(--wp-primary) !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  color: #fff !important;
}

.orange_button:hover,
.blue_button_28:hover,
input[type="submit"].orange_button:hover,
button.orange_button:hover {
  background: var(--wp-primary-600) !important;
  box-shadow: var(--wp-shadow-sm);
  text-decoration: none;
}

/* Generic buttons/submit inputs – align with Double Z Computers teal */
button:not(.grey_button):not(.grey_button_28):not(.red_button_28):not(.green_button_28):not(.orange_button_28):not(.dropbtn):not(.po_bulk_poa_trigger):not(.po_bulk_poa_option):not(.po_export_btn):not(.page_help_btn):not(.page_help_close):not(.dz_v3_callback_tab):not(.dz_v3_callback_submit):not(.forwards_form_submit):not(.retailers_add_btn):not(.retailers_save_btn):not(.retailers_add_id_btn):not(.retailers_search_btn):not(.tp_add_submit):not(.maint_submit_btn):not(.maint_start_btn):not(.account_save_btn):not(.userdetails_save_btn):not(.userdetails_reset_btn):not(.adduser_submit_btn):not(.admin_ref_delete_btn):not(.delete_button):not(.users_delete_button):not(.products_btn):not(.products_btn_sm_del):not(.prepack_remove_line):not(.prepack_save_draft_btn):not(.prepack_reset_btn):not(.addpack):not(.validate):not(.validSetup):not(.paypal_ref_submit_btn):not(.dz_v3_erp_logo_card_link):not(.dz_v3_erp_detail_close):not(.wp-confirm__btn),
input[type="submit"]:not(.grey_button):not(.grey_button_28):not(.red_button_28):not(.green_button_28):not(.orange_button_28):not(.po_bulk_poa_trigger):not(.po_bulk_poa_option):not(.po_export_btn):not(.dz_v3_callback_submit):not(.forwards_form_submit):not(.retailers_add_btn):not(.retailers_save_btn):not(.retailers_add_id_btn):not(.retailers_search_btn):not(.tp_add_submit):not(.maint_submit_btn):not(.maint_start_btn):not(.account_save_btn):not(.userdetails_save_btn):not(.userdetails_reset_btn):not(.adduser_submit_btn):not(.admin_ref_delete_btn):not(.delete_button):not(.users_delete_button):not(.products_btn):not(.products_btn_sm_del):not(.paypal_ref_view_cart_submit),
input[type="button"]:not(.grey_button):not(.grey_button_28):not(.red_button_28):not(.green_button_28):not(.orange_button_28):not(.dropbtn):not(.po_bulk_poa_trigger):not(.po_bulk_poa_option):not(.po_export_btn):not(.page_help_btn):not(.page_help_close):not(.dz_v3_callback_tab):not(.dz_v3_callback_submit):not(.forwards_form_submit):not(.retailers_add_btn):not(.retailers_save_btn):not(.retailers_add_id_btn):not(.retailers_search_btn):not(.tp_add_submit):not(.maint_submit_btn):not(.maint_start_btn):not(.account_save_btn):not(.userdetails_save_btn):not(.userdetails_reset_btn):not(.adduser_submit_btn):not(.admin_ref_delete_btn):not(.delete_button):not(.users_delete_button):not(.products_btn):not(.products_btn_sm_del):not(.prepack_remove_line):not(.prepack_save_draft_btn):not(.prepack_reset_btn):not(.addpack):not(.validate):not(.validSetup):not(.paypal_ref_submit_btn):not(.dz_v3_erp_logo_card_link):not(.dz_v3_erp_detail_close):not(.wp-confirm__btn) {
  background: var(--wp-primary);
  border: 1px solid rgba(15, 23, 42, 0.10);
  color: #fff;
  border-radius: 999px;
}

button:not(.grey_button):not(.grey_button_28):not(.red_button_28):not(.green_button_28):not(.orange_button_28):not(.dropbtn):not(.po_bulk_poa_trigger):not(.po_bulk_poa_option):not(.po_export_btn):not(.page_help_btn):not(.page_help_close):not(.dz_v3_callback_tab):not(.dz_v3_callback_submit):not(.forwards_form_submit):not(.retailers_add_btn):not(.retailers_save_btn):not(.retailers_add_id_btn):not(.retailers_search_btn):not(.tp_add_submit):not(.maint_submit_btn):not(.maint_start_btn):not(.account_save_btn):not(.userdetails_save_btn):not(.userdetails_reset_btn):not(.adduser_submit_btn):not(.admin_ref_delete_btn):not(.delete_button):not(.users_delete_button):not(.products_btn):not(.products_btn_sm_del):not(.prepack_remove_line):not(.prepack_save_draft_btn):not(.prepack_reset_btn):not(.addpack):not(.validate):not(.validSetup):not(.paypal_ref_submit_btn):not(.dz_v3_erp_logo_card_link):not(.dz_v3_erp_detail_close):not(.wp-confirm__btn):hover,
input[type="submit"]:not(.grey_button):not(.grey_button_28):not(.red_button_28):not(.green_button_28):not(.orange_button_28):not(.po_bulk_poa_trigger):not(.po_bulk_poa_option):not(.po_export_btn):not(.dz_v3_callback_submit):not(.forwards_form_submit):not(.retailers_add_btn):not(.retailers_save_btn):not(.retailers_add_id_btn):not(.retailers_search_btn):not(.tp_add_submit):not(.maint_submit_btn):not(.maint_start_btn):not(.account_save_btn):not(.userdetails_save_btn):not(.userdetails_reset_btn):not(.adduser_submit_btn):not(.admin_ref_delete_btn):not(.delete_button):not(.users_delete_button):not(.products_btn):not(.products_btn_sm_del):not(.paypal_ref_view_cart_submit):hover,
input[type="button"]:not(.grey_button):not(.grey_button_28):not(.red_button_28):not(.green_button_28):not(.orange_button_28):not(.dropbtn):not(.po_bulk_poa_trigger):not(.po_bulk_poa_option):not(.po_export_btn):not(.page_help_btn):not(.page_help_close):not(.dz_v3_callback_tab):not(.dz_v3_callback_submit):not(.forwards_form_submit):not(.retailers_add_btn):not(.retailers_save_btn):not(.retailers_add_id_btn):not(.retailers_search_btn):not(.tp_add_submit):not(.maint_submit_btn):not(.maint_start_btn):not(.account_save_btn):not(.userdetails_save_btn):not(.userdetails_reset_btn):not(.adduser_submit_btn):not(.admin_ref_delete_btn):not(.delete_button):not(.users_delete_button):not(.products_btn):not(.products_btn_sm_del):not(.prepack_remove_line):not(.prepack_save_draft_btn):not(.prepack_reset_btn):not(.addpack):not(.validate):not(.validSetup):not(.paypal_ref_submit_btn):not(.dz_v3_erp_logo_card_link):not(.dz_v3_erp_detail_close):not(.wp-confirm__btn):hover {
  background: var(--wp-primary-600);
}

.grey_button,
.grey_button_28 {
  background: var(--wp-surface) !important;
  border: 1px solid var(--wp-border-strong) !important;
  color: var(--wp-text) !important;
  box-shadow: none;
}

.grey_button:hover,
.grey_button_28:hover {
  background: var(--wp-surface-2) !important;
  box-shadow: none;
  text-decoration: none;
}

/* Delete / danger (.red_button_28) — match incoming PO view document toolbar pill */
a.red_button_28,
button.red_button_28,
input[type="submit"].red_button_28,
input[type="button"].red_button_28 {
  border-radius: 16px !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
  height: auto !important;
  letter-spacing: 0.02em !important;
  display: inline-block !important;
  vertical-align: middle !important;
  background: #fecaca !important;
  border: 1px solid #fca5a5 !important;
  color: #b91c1c !important;
  box-shadow: none !important;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease !important;
}

a.red_button_28:hover,
button.red_button_28:hover,
input[type="submit"].red_button_28:hover,
input[type="button"].red_button_28:hover {
  background: #b91c1c !important;
  border-color: #991b1b !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(185, 28, 28, 0.4) !important;
}

a.red_button_28:focus-visible,
button.red_button_28:focus-visible,
input[type="submit"].red_button_28:focus-visible,
input[type="button"].red_button_28:focus-visible {
  outline: 2px solid #b91c1c;
  outline-offset: 2px;
}

.orange_button:active,
.grey_button:active,
.blue_button_28:active,
.orange_button_28:active,
.grey_button_28:active,
.red_button_28:active,
.green_button_28:active {
  transform: translateY(1px);
}

/* Better focus styles */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(var(--wp-primary-rgb), 0.35);
  outline-offset: 2px;
}

/* ===== BEGIN UNUSED: Legacy .home marketing layout (site uses .home_v3 from merged double_z_home_v3.css) (disabled via @media not all) ===== */
@media not all {
/* nested:  ---------------- HOME ----------------  end-nested */
.home h1 {
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: var(--wp-text);
}

.home h2 {
  font-size: clamp(1.4rem, 2.2vw, 2rem);
  color: var(--wp-text);
  margin-bottom: 24px;
}

.home p {
  color: var(--wp-muted);
  font-size: 1.05rem;
  line-height: 1.7;
}

.home .header {
  height: auto;
  padding: 18px 0;
  background: #ffffff;
  position: sticky;
  top: 0;
  z-index: 50;
  border-bottom: 1px solid rgba(var(--wp-primary-rgb), 0.18);
}

.home .red_back,
.home .header .gradient {
  display: none;
}

.home .logo {
  position: static;
}

/* nested:  Override legacy fixed box (352×133) that mis-sizes the modern header mark  end-nested */
.home .header .logo {
  width: auto;
  height: auto;
  max-width: none;
}

.home .home_brand .home_logo_lockup {
  display: block;
  height: 48px;
  width: auto;
  max-width: min(100%, 420px);
  flex: 0 1 auto;
  object-fit: contain;
  object-position: left center;
}

.home .home_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.home .home_brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  text-decoration: none;
  padding: 4px 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.home .home_brand:hover {
  background: transparent;
  text-decoration: none;
}

.home .home_header_actions {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.home .home_header_link {
  color: var(--wp-text);
  font-weight: 600;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
}

.home .home_header_link:hover {
  background: rgba(var(--wp-primary-rgb), 0.10);
  color: var(--wp-primary-700);
  text-decoration: none;
}

.home .intro a.home_intro_register.orange_button {
  background: var(--wp-cta-warm) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  color: #fff !important;
}

.home .intro a.home_intro_register.orange_button:hover {
  background: var(--wp-cta-warm-hover) !important;
  color: #fff !important;
  text-decoration: none;
}

.home .nav {
  position: static;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}

.home .nav ul {
  padding-top: 0;
  display: flex;
  align-items: center;
  gap: 14px;
}

.home .nav ul li {
  float: none;
  margin: 0;
  font-size: 0.95rem;
}

.home .nav ul a {
  color: var(--wp-text);
  font-weight: 600;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
}

.home .nav ul a:hover {
  background: var(--wp-surface-2);
  text-decoration: none;
}

.home .nav .sign_up_button {
  margin-top: 0;
  width: auto;
  float: none;
}

.home .intro {
  padding: 72px 0;
  margin-top: 0;
  background:
    radial-gradient(900px 480px at 12% 18%, rgba(var(--wp-primary-rgb), 0.22), rgba(255,255,255,0) 72%),
    radial-gradient(700px 400px at 88% 12%, rgba(var(--wp-primary-rgb), 0.10), rgba(255,255,255,0) 65%),
    linear-gradient(180deg, #ffffff 0%, var(--wp-surface-2) 100%);
  position: relative;
  color: var(--wp-text);
}

.home .intro:before {
  content: none;
}

.home .intro .intro_hero_layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.85fr);
  gap: 36px 48px;
  align-items: start;
}

.home .intro h1,
.home .intro .intro_blurb,
.home .intro .intro_actions,
.home .intro .intro_phone_card {
  position: relative;
  z-index: 1;
}

.home .intro h1 {
  color: var(--wp-primary-700);
  font-weight: 800;
}

.home .intro .intro_blurb {
  width: auto;
  font-size: 1.05rem;
  line-height: 1.8;
  color: var(--wp-muted);
  margin-top: 14px;
  text-shadow: none;
}

.home .intro .intro_blurb:hover {
  text-shadow: none;
}

.home .intro .intro_main > .intro_blurb + .intro_blurb {
  margin-top: 1.05rem;
}

.home .intro .intro_actions {
  margin-top: 22px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.home .intro .intro_action_btn {
  display: inline-block;
}

.home .intro .intro_phone_card {
  align-self: start;
}

.home .intro .intro_phone_card_inner {
  background: var(--wp-surface);
  border: 1px solid var(--wp-border);
  border-radius: var(--wp-radius);
  padding: 22px 22px 20px;
  box-shadow: 0 14px 36px rgba(2, 6, 23, 0.08);
  border-top: 3px solid var(--wp-primary);
}

.home .intro .intro_phone_card_inner::before {
  content: "";
  display: block;
  width: 44px;
  height: 44px;
  margin-bottom: 14px;
  border-radius: 12px;
  background: rgba(var(--wp-primary-rgb), 0.12) url("images/phone_icon.png") center center no-repeat;
  background-size: 20px auto;
}

.home .intro .intro_phone_kicker {
  margin: 0 0 8px 0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wp-primary-700);
}

.home .intro .intro_phone_lead {
  margin: 0 0 16px 0;
  font-size: 0.98rem;
  line-height: 1.55;
  color: var(--wp-muted);
}

.home .intro .intro_phone_number {
  display: inline-block;
  font-size: clamp(1.2rem, 2.2vw, 1.45rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--wp-primary-700);
  text-decoration: none;
  line-height: 1.2;
}

.home .intro .intro_phone_number:hover {
  color: var(--wp-primary-600);
  text-decoration: none;
}

.home .intro .intro_phone_hours {
  margin: 12px 0 0 0;
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--wp-muted);
}

.home .retailers,
.home .promos {
  background: var(--wp-bg);
  padding: 56px 0;
}

.home .retailers.home_retailers_band {
  padding: 64px 0 52px;
  background: linear-gradient(180deg, #ffffff 0%, var(--wp-surface-2) 28%, var(--wp-surface-2) 100%);
  overflow: hidden;
}

.home .home_retailers_intro {
  text-align: center;
  max-width: 38rem;
  margin: 0 auto 40px;
}

.home .home_retailers_eyebrow {
  margin: 0 0 10px 0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--wp-primary-700);
}

.home .home_retailers_title {
  margin: 0 0 14px 0;
  font-size: clamp(1.45rem, 3.2vw, 2.05rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.18;
  color: var(--wp-text);
}

.home .home_retailers_lead {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.6;
  color: var(--wp-muted);
}

.home .home_retailers_marquee_wrap {
  position: relative;
  width: 100%;
  margin-top: 8px;
}

.home .home_retailers_marquee {
  overflow: hidden;
  width: 100%;
  mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
}

.home .home_retailers_marquee_track {
  display: flex;
  width: max-content;
  animation: home_retailers_marquee 70s linear infinite;
  will-change: transform;
}

.home .home_retailers_marquee:hover .home_retailers_marquee_track {
  animation-play-state: paused;
}

@keyframes home_retailers_marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.home .retailers.home_retailers_band .retailer_marquee_list {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 14px 18px;
  margin: 0;
  padding: 8px 16px;
  list-style: none;
  width: auto !important;
  flex: 0 0 auto;
}

.home .retailers.home_retailers_band .retailer_marquee_list > li {
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  min-height: 64px;
  background: var(--wp-surface);
  border: 1px solid var(--wp-border);
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(2, 6, 23, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.home .retailers.home_retailers_band .retailer_marquee_list > li:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(2, 6, 23, 0.1);
  border-color: rgba(var(--wp-primary-rgb), 0.28);
}

.home .retailers.home_retailers_band .retailer_marquee_list > li img {
  display: block;
  max-height: 40px;
  max-width: 112px;
  width: auto;
  height: auto;
  object-fit: contain;
}

@media (prefers-reduced-motion: reduce) {
  .home .home_retailers_marquee_track {
    animation: none;
    flex-wrap: wrap;
    width: 100%;
    max-width: var(--wp-container);
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
  }

  .home .home_retailers_marquee_track .retailer_marquee_list + .retailer_marquee_list {
    display: none;
  }

  .home .retailers.home_retailers_band .retailer_marquee_list {
    flex-wrap: wrap;
    justify-content: center;
    width: 100% !important;
    padding: 8px var(--wp-gutter);
  }
}

@media screen and (max-width: 520px) and (max-device-width: 520px) {
  .home .retailers.home_retailers_band {
    padding: 48px 0 40px;
  }

  .home .home_retailers_intro {
    margin-bottom: 28px;
  }

  .home .home_retailers_marquee_track {
    animation-duration: 50s;
  }

  .home .retailers.home_retailers_band .retailer_marquee_list > li {
    min-height: 56px;
    padding: 8px 12px;
  }

  .home .retailers.home_retailers_band .retailer_marquee_list > li img {
    max-height: 34px;
    max-width: 96px;
  }
}

.home .promos {
  background: linear-gradient(180deg, rgba(var(--wp-primary-rgb), 0.07) 0%, var(--wp-surface-2) 55%, #ffffff 100%);
}

.home .products {
  padding: 56px 0;
  background: #ffffff;
}

.home .products:before { content: none; }

.home .products .centered { position: static; z-index: auto; }

.home .products h2,
.home .products p,
.home .products h3 {
  color: var(--wp-text);
}

.home .promos .columns li,
.home .products .columns li {
  background: var(--wp-surface);
  border: 1px solid var(--wp-border);
  border-radius: var(--wp-radius);
  padding: 22px;
  box-shadow: 0 12px 24px rgba(2, 6, 23, 0.06);
}

.home .products .columns li { background: var(--wp-surface); }

.home .promos .columns li h3,
.home .products .columns li h3 {
  background-image: none;
  padding: 0;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.home .promos .columns li h3:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--wp-primary);
  flex: 0 0 auto;
}

.home .products .columns li h3:before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--wp-primary);
  flex: 0 0 auto;
}

.home .products.home_products_band {
  padding: 72px 0 68px;
  background: linear-gradient(165deg, var(--wp-surface-2) 0%, #ffffff 52%, #ffffff 100%);
}

.home .home_products_intro {
  text-align: center;
  max-width: 40rem;
  margin: 0 auto 44px;
  padding: 0 4px;
}

.home .home_products_eyebrow {
  margin: 0 0 10px 0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wp-primary-700);
}

.home .home_products_title {
  margin: 0 0 14px 0;
  font-size: clamp(1.5rem, 3.2vw, 2.15rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--wp-text);
}

.home .home_products_lead {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.6;
  color: var(--wp-muted);
}

.home .products.home_products_band ul.columns.home_products_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px 24px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.home .products.home_products_band .home_products_card {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  background: var(--wp-surface);
  border: 1px solid var(--wp-border);
  border-radius: 16px;
  padding: 26px 24px 28px;
  box-shadow: 0 14px 36px rgba(2, 6, 23, 0.07);
  border-top: 4px solid var(--wp-primary);
  position: relative;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
}

.home .products.home_products_band .home_products_card:hover {
  box-shadow: 0 20px 44px rgba(2, 6, 23, 0.1);
  transform: translateY(-2px);
  border-color: rgba(var(--wp-primary-rgb), 0.22);
}

.home .products.home_products_band .home_products_name {
  margin: 0 0 14px 0;
  padding: 0 !important;
  font-size: 1.28rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--wp-primary-700);
  display: block;
}

.home .products.home_products_band .home_products_name::before {
  display: none !important;
  content: none !important;
}

.home .products.home_products_band .home_products_desc {
  margin: 0;
  padding: 0;
  font-size: 0.98rem !important;
  line-height: 1.7 !important;
  color: var(--wp-muted) !important;
  flex: 1 1 auto;
}

@media screen and (max-width: 960px) and (max-device-width: 960px) {
  .home .products.home_products_band ul.columns.home_products_grid {
    grid-template-columns: 1fr;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 520px) and (max-device-width: 520px) {
  .home .products.home_products_band {
    padding: 52px 0 48px;
  }

  .home .home_products_intro {
    margin-bottom: 32px;
  }
}

.home .promos .columns li p {
  color: var(--wp-muted);
}

.home .promos.home_promos_band {
  padding: 72px 0 68px;
  background: linear-gradient(188deg, #ffffff 0%, rgba(var(--wp-primary-rgb), 0.06) 42%, var(--wp-surface-2) 100%);
}

.home .home_promos_intro {
  text-align: center;
  max-width: 40rem;
  margin: 0 auto 44px;
  padding: 0 4px;
}

.home .home_promos_eyebrow {
  margin: 0 0 10px 0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--wp-primary-700);
}

.home .home_promos_title {
  margin: 0 0 14px 0;
  font-size: clamp(1.5rem, 3.2vw, 2.15rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--wp-text);
}

.home .home_promos_lead {
  margin: 0;
  font-size: 1.02rem;
  line-height: 1.6;
  color: var(--wp-muted);
}

.home .promos.home_promos_band ul.columns.home_promos_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px 24px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.home .promos.home_promos_band .home_promos_card {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  background: var(--wp-surface);
  border: 1px solid var(--wp-border);
  border-radius: 16px;
  padding: 26px 24px 26px 28px;
  box-shadow: 0 14px 36px rgba(2, 6, 23, 0.07);
  border-left: 4px solid var(--wp-primary);
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
}

.home .promos.home_promos_band .home_promos_card:hover {
  box-shadow: 0 20px 44px rgba(2, 6, 23, 0.1);
  transform: translateY(-2px);
  border-color: rgba(var(--wp-primary-rgb), 0.2);
}

.home .promos.home_promos_band .home_promos_name {
  margin: 0 0 14px 0;
  padding: 0 !important;
  font-size: 1.22rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--wp-text);
  display: block;
}

.home .promos.home_promos_band .home_promos_name::before {
  display: none !important;
  content: none !important;
}

.home .promos.home_promos_band .home_promos_desc {
  margin: 0;
  padding: 0;
  font-size: 0.98rem !important;
  line-height: 1.7 !important;
  color: var(--wp-muted) !important;
  flex: 1 1 auto;
}

@media screen and (max-width: 960px) and (max-device-width: 960px) {
  .home .promos.home_promos_band ul.columns.home_promos_grid {
    grid-template-columns: 1fr;
    max-width: 36rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 520px) and (max-device-width: 520px) {
  .home .promos.home_promos_band {
    padding: 52px 0 48px;
  }

  .home .home_promos_intro {
    margin-bottom: 32px;
  }
}

.home .footer {
  background: #071827;
  padding: 56px 0;
}

.home .footer h3 {
  color: rgba(255,255,255,0.92);
}

.home .footer a {
  color: rgba(255,255,255,0.82);
}

.home .footer a:hover {
  color: #fff;
}

.home .footer .copyright {
  color: rgba(255,255,255,0.60);
}

@media screen and (max-width: 1000px) and (max-device-width: 1000px) {
  .home .intro .intro_hero_layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .home .intro .intro_phone_card {
    max-width: 420px;
  }

  .home .home_header {
    flex-wrap: wrap;
    gap: 12px;
  }

  .home .home_header_actions {
    width: 100%;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 520px) and (max-device-width: 520px) {
  :root { --wp-gutter: 16px; }
  .home .intro { padding: 56px 0; }
  .home .nav ul a { padding: 8px 9px; }
}
}
/* ===== END UNUSED ===== */

/* ---------------- DASHBOARD / APP PAGES ---------------- */
.dashboard {
  background: var(--wp-surface-2);
  color: var(--wp-text);
  min-height: 100vh;
}

.dashboard .header {
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--wp-border);
  position: sticky;
  top: 0;
  z-index: 40;
}

.dashboard h1 {
  color: var(--wp-text);
  padding: 12px 0;
  font-size: clamp(1.15rem, 1.6vw, 1.6rem);
  font-weight: 800;
  letter-spacing: -0.01em;
}

.dashboard .user_options ul {
  padding: 8px 0;
}

.dashboard .user_options li {
  color: var(--wp-text);
  padding: 0 10px;
}

.dashboard .user_options li a {
  color: var(--wp-text);
  text-decoration: none;
}

.dashboard .user_options .dropdown .dropbtn {
  background: transparent;
  color: var(--wp-text);
  border: 1px solid var(--wp-border);
  border-radius: 999px;
  padding: 9px 12px;
  box-shadow: none;
}

.dashboard .user_options .dropdown .dropbtn a {
  color: inherit;
  text-decoration: none;
}

.dashboard .user_options .dropdown-content {
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  background: var(--wp-surface);
  box-shadow: var(--wp-shadow-sm);
  overflow: hidden;
  margin-top: 0;
  top: calc(100% + 1px);
  left: 0;
  z-index: 200;
}

.dashboard .user_options .dropdown-content a {
  color: var(--wp-text);
}

.dashboard .user_options .dropdown-content a:hover {
  background: var(--wp-surface-2);
  color: var(--wp-text);
}

.dashboard .spacer {
  height: 0;
  background: transparent;
}

.dashboard .logo {
  position: absolute;
  right: 0;
  top: 14px;
}

.dashboard .logo img {
  width: auto;
  height: 36px;
}

.dashboard .main_nav {
  margin-top: 10px;
}

.dashboard .main_nav li a {
  background: transparent;
  color: var(--wp-text);
  border: 1px solid var(--wp-border);
  padding: 10px 12px;
  width: auto;
  border-radius: 999px;
}

.dashboard .main_nav li a:hover {
  background: var(--wp-surface-2);
}

.dashboard .main_nav li.selected a {
  background: var(--wp-primary);
  border-color: rgba(15, 23, 42, 0.10);
  color: #fff;
}

.dashboard .content {
  padding-top: 26px;
}

/* Intro page header/nav — matches reference (dark teal top bar + white tab row) */
@keyframes dashboard-brand-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(0.85);
  }
}

.dashboard.intro_dashboard_redesign {
  background: #f8fbfa;
  color: #0a1a18;
  --wp-primary: #0c7a72;
  --wp-primary-rgb: 12, 122, 114;
}

.dashboard.intro_dashboard_redesign .header {
  background: #085a52;
  box-shadow: none;
  border-bottom: none;
  backdrop-filter: none;
  overflow: visible;
  position: relative;
  z-index: 40;
}

.dashboard.intro_dashboard_redesign .header .centered {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 24px;
  row-gap: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 28px;
  padding-right: 28px;
}

.dashboard.intro_dashboard_redesign .header h1 {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
    "Apple Color Emoji", "Segoe UI Emoji";
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 0;
  min-height: 56px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign .header h1 .dashboard_demo_badge {
  color: #7dd3c4;
  margin-left: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
}

.dashboard.intro_dashboard_redesign .header h1::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0fa89d;
  flex-shrink: 0;
  animation: dashboard-brand-pulse 2.4s ease-in-out infinite;
}

.dashboard.intro_dashboard_redesign .user_options li,
.dashboard.intro_dashboard_redesign .user_options li a {
  color: rgba(255, 255, 255, 0.9);
}

.dashboard.intro_dashboard_redesign .user_options {
  position: relative;
  top: auto;
  right: auto;
  z-index: 80;
  align-self: center;
}

.dashboard.intro_dashboard_redesign .user_options ul {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.dashboard.intro_dashboard_redesign .user_options li {
  float: none;
  padding: 0;
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .user_options li:hover,
.dashboard.intro_dashboard_redesign .user_options li:focus-within {
  z-index: 90;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown {
  position: relative;
  display: inline-block;
}

/* Short hover bridge: keeps menu open while moving to options, without covering main_nav */
.dashboard.intro_dashboard_redesign .user_options .dropdown:not(.dropdown--dropup):hover::after,
.dashboard.intro_dashboard_redesign .user_options .dropdown:not(.dropdown--dropup):focus-within::after {
  content: "";
  position: absolute;
  left: -8px;
  right: -8px;
  top: 100%;
  height: 14px;
  z-index: 499;
  pointer-events: auto;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown .dropbtn {
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.9) !important;
  background: transparent !important;
  padding: 6px 14px;
  margin-bottom: 0 !important;
  border-radius: 999px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown .dropbtn.dropbtn_with_icon,
.dashboard.intro_dashboard_redesign .user_options .dropdown .dropbtn.dropbtn_with_icon a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown .dropbtn .dropbtn_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  opacity: 0.9;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown .dropbtn .dropbtn_icon svg {
  display: block;
  width: 14px;
  height: 14px;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown .dropbtn a {
  color: inherit !important;
  text-decoration: none;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown .dropbtn:hover,
.dashboard.intro_dashboard_redesign .user_options .dropdown .dropbtn:focus-visible {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown:hover .dropbtn {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown .dropbtn:hover a,
.dashboard.intro_dashboard_redesign .user_options .dropdown:hover .dropbtn a {
  color: #ffffff !important;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown-content {
  background: #ffffff;
  border: 1px solid #e4ecef;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
  top: calc(100% + 6px) !important;
  margin-top: 0 !important;
  z-index: 500 !important;
  min-width: 200px;
  overflow: visible !important;
  pointer-events: auto !important;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown:hover > .dropdown-content,
.dashboard.intro_dashboard_redesign .user_options .dropdown:focus-within > .dropdown-content {
  display: block !important;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown-content a {
  color: #1a2228;
  cursor: pointer;
  pointer-events: auto !important;
}

.dashboard.intro_dashboard_redesign .user_options .dropdown-content a:hover {
  background: #f5f8fa;
  color: #0c7a72;
}

.dashboard.intro_dashboard_redesign .user_options li:last-child .dropbtn {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 999px;
  color: #ffffff !important;
  padding: 6px 16px;
  font-weight: 500;
  font-size: 12.5px;
  cursor: default;
}

.dashboard.intro_dashboard_redesign .user_options li:last-child .dropbtn:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Hover uses a light frosted highlight — not a second teal — so it reads on the top bar */
.dashboard.intro_dashboard_redesign.documents_teal_ref .user_options .dropdown .dropbtn:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .user_options .dropdown:hover .dropbtn {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .user_options li:last-child .dropbtn:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .user_options li:last-child .dropdown:hover .dropbtn {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign .main_nav {
  /* KJ 23 Jul 2026: simple bar — brand + tabs left, tools right (no chips / pill group) */
  margin-top: 0;
  margin-left: -28px;
  margin-right: -28px;
  width: calc(100% + 56px);
  max-width: none;
  box-sizing: border-box;
  padding: 0 28px;
  background: #ffffff;
  border-top: none;
  border-bottom: 1px solid #d8eeec;
  border-left: none;
  border-right: none;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  align-items: stretch;
  gap: 0;
  grid-column: 1 / -1;
  grid-row: 2;
  overflow: visible;
  min-height: 48px;
  position: relative;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign .main_nav_brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  align-self: center;
  margin-right: 8px;
  padding: 0 18px 0 0;
  border-right: 1px solid #d8eeec;
  text-decoration: none;
  color: #085a52;
  background: transparent;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-radius: 0;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  line-height: 1;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .main_nav_brand:hover,
.dashboard.intro_dashboard_redesign .main_nav_brand:focus-visible {
  color: #0c7a72;
  background: transparent;
}

.dashboard.intro_dashboard_redesign .main_nav_brand_dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0fa89d;
  flex-shrink: 0;
  animation: dashboard-brand-pulse 2.4s ease-in-out infinite;
}

.dashboard.intro_dashboard_redesign .main_nav_brand_text {
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign .main_nav ul.main_nav_tabs {
  /* KJ 23 Jul 2026: keep primary tabs as one tight group (not stretched across the bar) */
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex: 0 1 auto;
  min-width: 0;
  gap: 0;
  margin: 0;
  padding: 0 8px;
  list-style: none;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  flex-wrap: wrap;
}

.dashboard.intro_dashboard_redesign .main_nav ul.main_nav_tabs > li {
  flex: 0 0 auto;
  display: block;
  max-width: none;
}

.dashboard.intro_dashboard_redesign .main_nav ul.main_nav_tabs > li a {
  justify-content: center;
  gap: 7px;
  width: auto;
  text-align: center;
}

.dashboard.intro_dashboard_redesign .main_nav_tab_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  opacity: 0.85;
}

.dashboard.intro_dashboard_redesign .main_nav_tab_icon svg {
  display: block;
  width: 15px;
  height: 15px;
}

.dashboard.intro_dashboard_redesign .main_nav li.selected .main_nav_tab_icon,
.dashboard.intro_dashboard_redesign .main_nav li a:hover .main_nav_tab_icon {
  opacity: 1;
}

.dashboard.intro_dashboard_redesign .main_nav_tools {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 16px;
  border-left: 1px solid #d8eeec;
  gap: 10px;
}

.dashboard.intro_dashboard_redesign .main_nav_tools .page_help_btn {
  margin: 0;
}

.dashboard.intro_dashboard_redesign .main_nav li {
  float: none;
  margin: 0;
  list-style: none;
}

.dashboard.intro_dashboard_redesign .main_nav li a {
  display: inline-flex;
  align-items: center;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #3a5552;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  width: auto;
  padding: 14px 16px 12px;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .main_nav li a:hover {
  background: transparent;
  color: #0c7a72;
  border-bottom-color: transparent;
}

.dashboard.intro_dashboard_redesign .main_nav li.selected a {
  background: transparent;
  color: #0c7a72;
  border-bottom-color: #0fa89d;
  font-weight: 600;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .main_nav li.selected a:hover {
  background: transparent;
  color: #096960;
  border-bottom-color: #0fa89d;
}

/* KJ 23 Jul 2026: Admin — right side, amber + shield */
.dashboard.intro_dashboard_redesign .main_nav_admin_btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid #e0a45a;
  border-radius: 8px;
  background: #fff4e5;
  color: #8a4b12;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign .main_nav_admin_btn:hover,
.dashboard.intro_dashboard_redesign .main_nav_admin_btn:focus-visible {
  background: #ffe4c2;
  border-color: #d4892e;
  color: #6b3808;
}

.dashboard.intro_dashboard_redesign .main_nav_admin_btn.selected {
  background: #f0a04b;
  border-color: #c97a20;
  color: #3d2208;
}

.dashboard.intro_dashboard_redesign .main_nav_admin_btn .main_nav_admin_icon {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.dashboard.intro_dashboard_redesign .main_nav_admin_btn .main_nav_admin_icon svg {
  display: block;
}

.dashboard.intro_dashboard_redesign .logo img {
  display: none;
}

.dashboard.intro_dashboard_redesign .logo {
  display: none !important;
}

.dashboard.intro_dashboard_redesign .spacer {
  display: none;
}

/* Intro redesign (styling only; links/logic remain in template) */
.dashboard_intro.dashboard_intro_redesign .centered {
  max-width: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 24px;
  padding-right: 24px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
}

.dashboard_intro.dashboard_intro_redesign .intro_stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 22px 0 24px;
}

.dashboard_intro.dashboard_intro_redesign .intro_stat_card {
  background: #ffffff;
  border: 1px solid #e4ecef;
  border-radius: 12px;
  padding: 16px 18px;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);
}

.dashboard_intro.dashboard_intro_redesign a.intro_stat_card_link {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.dashboard_intro.dashboard_intro_redesign a.intro_stat_card_link:hover,
.dashboard_intro.dashboard_intro_redesign a.intro_stat_card_link:focus-visible {
  border-color: rgba(12, 122, 114, 0.35);
  box-shadow: 0 6px 20px rgba(12, 122, 114, 0.1);
  transform: translateY(-1px);
  outline: none;
}

.dashboard_intro.dashboard_intro_redesign .intro_stat_label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7c85;
}

.dashboard_intro.dashboard_intro_redesign .intro_stat_value {
  margin-top: 8px;
  font-family: "Syne", "DM Sans", sans-serif;
  font-size: 2rem;
  line-height: 1;
  color: #1a2228;
  font-weight: 700;
}

.dashboard_intro.dashboard_intro_redesign .intro_stat_sub {
  margin-top: 7px;
  font-size: 0.78rem;
  color: #0c7a72;
  font-weight: 600;
}

.dashboard_intro.dashboard_intro_redesign .intro_hero {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 32px;
  align-items: start;
  padding: 14px 0 8px;
}

.dashboard_intro.dashboard_intro_redesign .intro_text {
  padding-left: 0;
}

.dashboard_intro.dashboard_intro_redesign .intro_text h1 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(2.1rem, 4.5vw, 3.1rem);
  line-height: 1.1;
  color: #1a2228;
  margin-bottom: 20px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.dashboard_intro.dashboard_intro_redesign .intro_text h1 span {
  color: #0c7a72;
  background: linear-gradient(
    120deg,
    #0c7a72 0%,
    #0fa89d 55%,
    #085a52 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dashboard_intro.dashboard_intro_redesign .intro_text p {
  width: auto;
  max-width: 720px;
  font-size: 0.94rem;
  line-height: 1.7;
  color: #6b7c85;
  margin: 0 0 14px 0;
  padding: 0;
}

.dashboard_intro.dashboard_intro_redesign .intro_contact_line {
  margin-top: 14px;
  font-size: 0.95rem;
}

.dashboard_intro.dashboard_intro_redesign .intro_contact_line a {
  color: #0c7a72 !important;
  font-weight: 600;
}

.dashboard_intro.dashboard_intro_redesign .intro_actions {
  background: #ffffff;
  border: 1px solid #e4ecef;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
  margin-left: -84px;
}

.dashboard_intro.dashboard_intro_redesign .intro_actions h2 {
  font-family: "Syne", "DM Sans", sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7c85;
  border-bottom: 1px solid #e4ecef;
  margin: 0 0 20px 0;
  padding: 0 0 14px 0;
}

.dashboard_intro.dashboard_intro_redesign .intro_actions ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dashboard_intro.dashboard_intro_redesign .intro_actions li {
  padding: 0;
}

.dashboard_intro.dashboard_intro_redesign .intro_actions li a {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.35;
  color: #1a2228;
  text-decoration: none;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: #f5f8fa;
  transition: all 0.2s ease;
}

.dashboard_intro.dashboard_intro_redesign .intro_actions li a:hover {
  background: rgba(12, 122, 114, 0.12);
  border-color: rgba(12, 122, 114, 0.25);
  color: #0c7a72;
  transform: translateX(3px);
  text-decoration: none;
}

.dashboard_intro.dashboard_intro_redesign .intro_action_icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 8px;
  background: #e0f7fa;
  color: #085a52;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 500;
}

@media screen and (max-width: 920px) and (max-device-width: 920px) {
  .dashboard_intro.dashboard_intro_redesign .intro_stats {
    grid-template-columns: 1fr;
  }
  .dashboard_intro.dashboard_intro_redesign .intro_hero {
    grid-template-columns: 1fr;
  }
}

/* Side navigation (used across many templates) */
.side_menu {
  position: sticky;
  top: 128px;
  background: var(--wp-surface);
  border: 1px solid var(--wp-border);
  border-radius: var(--wp-radius);
  padding: 10px;
  box-shadow: 0 12px 22px rgba(2, 6, 23, 0.06);
}

.side_menu li {
  margin-bottom: 6px;
}

.side_menu a {
  padding: 10px 12px;
  height: auto;
  line-height: 1.3;
  width: auto;
  border-radius: 12px;
  color: var(--wp-text);
}

.side_menu a:hover {
  background: var(--wp-surface-2);
}

.side_menu li.selected a {
  background: rgba(var(--wp-primary-rgb), 0.12);
  color: var(--wp-text);
}

.side_menu a .arrow {
  display: none;
}

.right_content {
  margin-left: 220px;
}

@media screen and (max-width: 1100px) and (max-device-width: 1100px) {
  .side_menu {
    position: static;
    top: auto;
    margin-bottom: 18px;
  }
  .right_content {
    margin-left: 0;
  }
}

/* Cards / panels (existing classes reused throughout) */
.report,
.storepacks,
.storeproducts,
.small_form,
.settings .retailer_list li,
.multilist li,
.parent {
  background: var(--wp-surface);
  border: 1px solid var(--wp-border);
  border-radius: var(--wp-radius);
  box-shadow: 0 14px 26px rgba(2, 6, 23, 0.07);
}

.filter_box,
.doclist_container .pagination {
  background: var(--wp-surface);
  border: 1px solid var(--wp-border);
  border-radius: var(--wp-radius);
}

/* Tables */
table.detail thead td,
table.pack thead td,
table.products thead td,
table.doclist thead td {
  background: var(--wp-surface-2);
  border-color: var(--wp-border);
  color: var(--wp-text);
}

table.detail tbody td,
table.pack tbody td,
table.products tbody td {
  border-color: var(--wp-border);
}

table.doclist {
  border-top: 1px solid var(--wp-border);
}

table.doclist tbody tr:hover {
  background: rgba(2, 6, 23, 0.03);
}

.doclist_container .pagination ul li.current a {
  border: 1px solid var(--wp-border);
  background: var(--wp-surface);
  border-radius: 10px;
}

/* Incoming orders page polish (ORDERS) */
.dashboard.intro_dashboard_redesign .poalist.documents .doclist_container > h2 {
  font-family: "Syne", "DM Sans", sans-serif;
  font-size: clamp(1.45rem, 2vw, 1.8rem);
  line-height: 1.35;
  color: #1a2228;
  margin-bottom: 14px;
  padding-bottom: 0;
  border-bottom: 0;
}

.dashboard.intro_dashboard_redesign .poalist.documents .filter_box {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  align-items: flex-end;
  padding: 18px 14px;
  margin-bottom: 18px;
  border-radius: 10px;
  overflow-x: visible;
}

.dashboard.intro_dashboard_redesign .poalist.documents .filter_box #userfilters > .select_tp {
  margin-inline-end: 20px;
}

.dashboard.intro_dashboard_redesign .poalist.documents .filter_box .select_tp {
  width: auto;
  min-width: 76px;
  height: auto;
  margin-block: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dashboard.intro_dashboard_redesign .poalist.documents .filter_box .select_tp p {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #4a6b5e;
  text-transform: uppercase;
}

.dashboard.intro_dashboard_redesign .poalist.documents .filter_box .select_tp select,
.dashboard.intro_dashboard_redesign .poalist.documents .filter_box .select_tp input {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 10px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
  font-size: 0.82rem;
  background-position: right 10px center;
  border-radius: 7px;
}

.dashboard.intro_dashboard_redesign .poalist.documents .filter_box .select_tp select option {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
}

.dashboard.intro_dashboard_redesign .poalist.documents .filter_box .select_tp_narrow {
  min-width: 68px;
}

.dashboard.intro_dashboard_redesign .poalist.documents .filter_box .select_tp_narrow input {
  min-width: 68px;
}

.dashboard.intro_dashboard_redesign .poalist.documents #userfilters > input[type="submit"] {
  height: 36px;
  min-width: 64px;
  padding: 0 12px;
  border-radius: 7px;
  font-size: 0.82rem;
  font-weight: 700;
  margin: 0;
  align-self: flex-end;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign .poalist.documents .doclist_table_card {
  background: var(--wp-surface);
  border: 1px solid var(--wp-border);
  border-radius: 10px;
  overflow: hidden;
}

.dashboard.intro_dashboard_redesign .poalist.documents .doclist_table_header {
  display: flex;
  justify-content: flex-end;
  padding: 12px 16px;
  border-bottom: 1px solid var(--wp-border);
}

.dashboard.intro_dashboard_redesign .poalist.documents table.doclist {
  border: 1px solid var(--wp-border);
  border-radius: 0;
  border-collapse: separate;
  border-spacing: 0;
  overflow: visible;
  background: var(--wp-surface);
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.dashboard.intro_dashboard_redesign .poalist.documents table.doclist thead td {
  padding: 11px 16px;
  font-size: 0.72rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5a7370;
  background: #f5f7f6;
  border-bottom: 1px solid #e0ecea;
}

.dashboard.intro_dashboard_redesign .poalist.documents table.doclist tbody td {
  padding: 13px 16px;
  line-height: 1.35;
  border-bottom: 1px solid #e0ecea;
  vertical-align: middle;
  font-size: 0.84rem;
}

.dashboard.intro_dashboard_redesign .poalist.documents table.doclist tbody tr:last-child td {
  border-bottom: 0;
}

.dashboard.intro_dashboard_redesign .poalist.documents table.doclist tbody tr.doc_row_unread {
  background: #c5e5df;
}

.dashboard.intro_dashboard_redesign .poalist.documents table.doclist tbody tr.doc_row_unread td {
  color: #0a3d38;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign .poalist.documents table.doclist tbody tr.doc_row_unread:hover {
  background: #b0dbd3;
}

.dashboard.intro_dashboard_redesign .poalist.documents table.doclist tbody tr[style*="background-color"] {
  background: rgba(var(--wp-primary-rgb), 0.10) !important;
}

.dashboard.intro_dashboard_redesign .poalist.documents table.doclist tbody tr:hover {
  background: #e8f4f2;
}

.dashboard.intro_dashboard_redesign .poalist.documents .doclist .doctrackingpart {
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.72rem;
  padding: 3px 7px;
}

.dashboard.intro_dashboard_redesign .poalist.documents .doclist_print_selected {
  position: static !important;
  z-index: auto !important;
  right: auto !important;
  top: auto !important;
  height: 34px !important;
  padding: 0 16px !important;
  margin: 0;
  border-radius: 7px !important;
  font-family: "DM Sans", "Instrument Sans", sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  display: inline-flex;
  align-items: center;
  background: #f5a623 !important;
  border-color: #f5a623 !important;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign .poalist.documents .doclist_print_selected:hover {
  background: #e49619 !important;
  border-color: #e49619 !important;
}

.dashboard.intro_dashboard_redesign .poalist.documents table.doclist thead {
  position: relative;
}

.dashboard.intro_dashboard_redesign .poalist.documents .doclist_container .pagination {
  margin-top: 12px;
  padding: 14px 16px;
}

@media screen and (max-width: 1100px) and (max-device-width: 1100px) {
  .dashboard.intro_dashboard_redesign .poalist.documents .filter_box {
    gap: 12px;
  }
  .dashboard.intro_dashboard_redesign .poalist.documents .filter_box .select_tp {
    min-width: 44%;
  }
}

@media screen and (max-width: 760px) and (max-device-width: 760px) {
  .dashboard.intro_dashboard_redesign .poalist.documents .filter_box .select_tp,
  .dashboard.intro_dashboard_redesign .poalist.documents .filter_box .select_tp_narrow {
    min-width: 100%;
  }
  .dashboard.intro_dashboard_redesign .poalist.documents #userfilters > input[type="submit"] {
    width: 100%;
    margin-left: 0;
  }
}

/* Incoming tab: strict match to incoming_new_style.html pattern */
.poalist.documents.incoming_new_style .side_menu {
  width: 200px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.poalist.documents.incoming_new_style .centered,
.poalist.documents.incoming_new_style .doc_list_page {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

.poalist.documents.incoming_new_style .side_menu {
  position: sticky;
  top: 20px;
  left: 0;
  margin: 0;
}

.poalist.documents.incoming_new_style .side_menu li {
  margin-bottom: 2px;
}

.poalist.documents.incoming_new_style .side_menu a {
  width: auto !important;
  height: auto !important;
  line-height: 1.35 !important;
  padding: 9px 14px !important;
  border-radius: 7px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #4a6b5e !important;
  background: transparent !important;
}

.poalist.documents.incoming_new_style .side_menu a:hover {
  background: rgba(var(--wp-primary-rgb), 0.12) !important;
  color: var(--wp-primary) !important;
}

.poalist.documents.incoming_new_style .side_menu li.selected a {
  background: var(--wp-primary) !important;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_sidebar_menu li.selected a {
  background: linear-gradient(90deg, rgba(15, 168, 157, 0.16) 0%, rgba(15, 168, 157, 0.05) 100%) !important;
  color: var(--dt-teal-900) !important;
}

.poalist.documents.incoming_new_style .side_menu a .arrow {
  display: none !important;
}

.poalist.documents.incoming_new_style .doclist_container.right_content,
.poalist.documents.incoming_new_style .doclist_container.doc_list_main {
  margin-left: 0;
  margin-top: 0;
}

.poalist.documents.incoming_new_style .doclist_container > h2 {
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #1a2e2b !important;
  margin-bottom: 20px !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.poalist.documents.incoming_new_style .filter_box {
  background: #fff !important;
  border: 1px solid #e0ecea !important;
  border-radius: 10px !important;
  padding: 16px 14px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
  overflow-x: visible !important;
}

.poalist.documents.incoming_new_style .filter_box #userfilters,
.poalist.documents.incoming_new_style .filter_box .doclist_tp_filters {
  width: 100%;
  max-width: 100%;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 10px !important;
  overflow-x: visible !important;
}

.poalist.documents.incoming_new_style .filter_box .doclist_tp_filters .select_tp.doclist_tp_only {
  width: auto !important;
  min-width: 108px !important;
  max-width: 155px !important;
}

/* Retailer dropdown — narrow row, no horizontal scroll */
.poalist.documents.incoming_new_style .filter_box .select_tp.doclist_retailer_field {
  width: auto !important;
  min-width: 100px !important;
  max-width: 132px !important;
  flex: 0 1 auto !important;
}

.poalist.documents.incoming_new_style .filter_box #userfilters > .select_tp,
.poalist.documents.incoming_new_style .filter_box .doclist_tp_filters > .select_tp {
  margin-inline-end: 20px !important;
}

.poalist.documents.incoming_new_style .filter_box .select_tp {
  width: auto !important;
  min-width: 72px !important;
  max-width: 84px !important;
  height: auto !important;
  margin-block: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  flex: 0 0 auto;
  box-sizing: border-box !important;
}

.poalist.documents.incoming_new_style .filter_box .select_tp p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  color: #5a7370 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

.poalist.documents.incoming_new_style .filter_box .select_tp select.doclist_retailer_select {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.poalist.documents.incoming_new_style .filter_box .select_tp select {
  min-width: 0 !important;
  width: 100% !important;
  height: 36px !important;
  border: 1px solid #d1e0dd !important;
  border-radius: 8px !important;
  padding: 0 28px 0 8px !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  color: #1a2e2b !important;
  background-color: #fff !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%235a7370' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
}

.poalist.documents.incoming_new_style .filter_box .select_tp select::-ms-expand {
  display: none !important;
}

.poalist.documents.incoming_new_style .filter_box .select_tp select option {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif !important;
}

.poalist.documents.incoming_new_style .filter_box select.doclist_retailer_select:hover {
  border-color: rgba(var(--wp-primary-rgb), 0.5) !important;
}

.poalist.documents.incoming_new_style .filter_box select.doclist_retailer_select:focus {
  outline: none !important;
  border-color: var(--wp-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--wp-primary-rgb), 0.22) !important;
}

.poalist.documents.incoming_new_style .filter_box .select_tp input {
  min-width: 0 !important;
  width: 100% !important;
  height: 36px !important;
  border: 1px solid #e0ecea !important;
  border-radius: 7px !important;
  padding: 0 6px !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  color: #1a2e2b !important;
  background: #fff !important;
}

.poalist.documents.incoming_new_style .filter_box .per_page_select {
  padding-right: 28px !important;
}

.poalist.documents.incoming_new_style .filter_box .select_tp:nth-child(2) {
  min-width: 108px !important;
  max-width: 118px !important;
}

.poalist.documents.incoming_new_style .filter_box .select_tp_narrow {
  width: 68px !important;
  min-width: 68px !important;
  max-width: 68px !important;
}

.poalist.documents.incoming_new_style #userfilters > input[type="submit"] {
  height: 36px !important;
  padding: 0 12px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  background: #1a5c52 !important;
  border: none !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center;
  margin-left: 0 !important;
  margin-inline-end: 0 !important;
  flex: 0 0 auto;
  flex-shrink: 0 !important;
}

.poalist.documents.incoming_new_style #userfilters > input[type="submit"]:hover {
  background: #2a8a7a !important;
}

.poalist.documents.incoming_new_style .doclist_table_card {
  background: #fff !important;
  border: 1px solid #e0ecea !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.poalist.documents.incoming_new_style .doclist_table_header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px;
  padding: 12px 16px !important;
  border-bottom: 1px solid #e0ecea !important;
}

.poalist.documents.incoming_new_style .po_doclist_subbar_actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
}

.poalist.documents.incoming_new_style .doclist_select_all {
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: #ffffff !important;
  border: 1px solid #d6e4e1 !important;
  color: #28584f !important;
}

.poalist.documents.incoming_new_style .doclist_select_all:hover {
  background: #f2f8f6 !important;
  border-color: #bdd5d0 !important;
}

.poalist.documents.incoming_new_style .po_sort_print_wrap {
  margin-left: 0 !important;
  justify-content: flex-start !important;
}

.poalist.documents.incoming_new_style .doclist_print_selected {
  height: 34px !important;
  padding: 0 16px !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: #f5a623 !important;
  border: none !important;
  color: #fff !important;
}

.poalist.documents.incoming_new_style .doclist_print_selected:hover {
  opacity: 0.88;
}

.poalist.documents.incoming_new_style .po_bulk_poa_trigger {
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: #ffffff !important;
  border: 1px solid #93c5fd !important;
  color: #1d4ed8 !important;
  box-shadow: none !important;
}

.poalist.documents.incoming_new_style .po_bulk_poa_trigger:hover,
.poalist.documents.incoming_new_style .po_bulk_poa_trigger:focus,
.poalist.documents.incoming_new_style .po_bulk_poa_trigger:active {
  background: #eff6ff !important;
  border-color: #60a5fa !important;
  color: #1e40af !important;
  box-shadow: none !important;
}

.poalist.documents.incoming_new_style .po_bulk_poa_trigger:focus-visible {
  outline: 0 !important;
  background: #eff6ff !important;
  border-color: #3b82f6 !important;
  color: #1e40af !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18) !important;
}

.poalist.documents.incoming_new_style table.doclist {
  width: 100%;
  border-collapse: collapse !important;
  border: 0 !important;
  background: #fff !important;
}

.poalist.documents.incoming_new_style table.doclist thead td {
  text-align: left !important;
  padding: 11px 12px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #5a7370 !important;
  background: #f5f7f6 !important;
  border-bottom: 1px solid #e0ecea !important;
}

.poalist.documents.incoming_new_style table.doclist tbody tr {
  border-bottom: 1px solid #e0ecea !important;
}

.poalist.documents.incoming_new_style table.doclist tbody tr:last-child {
  border-bottom: none !important;
}

.poalist.documents.incoming_new_style table.doclist tbody tr:hover {
  background: #e8f4f2 !important;
}

.poalist.documents.incoming_new_style table.doclist tbody td {
  padding: 11px 12px !important;
  font-size: 13.5px !important;
  color: #1a2e2b !important;
  line-height: 1.3 !important;
  vertical-align: middle !important;
  border-bottom: 0 !important;
}

.poalist.documents.incoming_new_style table.doclist td:first-child {
  width: 34px !important;
}

/* KJ 29 Jul 2026 — Forwarded lists: first column is To (retailer), not a checkbox — give it room */
.poalist.documents.incoming_new_style table.doclist td.retailer:first-child {
  width: 11rem !important;
  min-width: 11rem !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: normal !important;
}

.poalist.documents.incoming_new_style table.doclist td.operation {
  width: 72px !important;
}

.poalist.documents.incoming_new_style table.doclist tbody td a {
  color: #1e6b5f !important;
  text-decoration: none;
  font-weight: 600;
}

.poalist.documents.incoming_new_style table.doclist tbody td a:hover {
  color: #2a8a7a !important;
  text-decoration: underline;
}

.poalist.documents.incoming_new_style table.doclist tbody td input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: #1a5c52;
}

.poalist.documents.incoming_new_style table.doclist tbody td.doctracking {
  display: table-cell !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.poalist.documents.incoming_new_style table.doclist tbody td.doctracking .doctracking_row {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
}

.poalist.documents.incoming_new_style table.doclist tbody td.doctracking .doctrackingpart {
  display: inline-flex !important;
  align-items: center;
  flex: 0 0 auto;
  flex-shrink: 0;
  vertical-align: middle;
  margin-right: 0 !important;
}

.poalist.documents.incoming_new_style table.doclist tbody tr.doc_row_unread {
  background: #c5e5df !important;
}

.poalist.documents.incoming_new_style table.doclist tbody tr.doc_row_unread td {
  color: #0a3d38 !important;
  font-weight: 600;
}

.poalist.documents.incoming_new_style table.doclist tbody tr.doc_row_unread:hover {
  background: #b0dbd3 !important;
}

.poalist.documents.incoming_new_style table.doclist tbody tr[style*="background-color"] {
  background: rgba(30, 107, 95, 0.12) !important;
}

.poalist.documents.incoming_new_style .doclist_container .pagination {
  background: #fff !important;
  border: 1px solid #e0ecea !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  margin-top: 12px !important;
}

@media screen and (max-width: 1100px) and (max-device-width: 1100px) {
  .poalist.documents.incoming_new_style .centered,
  .poalist.documents.incoming_new_style .doc_list_page {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .poalist.documents.incoming_new_style .side_menu {
    position: static;
    top: auto;
  }
  .poalist.documents.incoming_new_style .doclist_container.right_content,
  .poalist.documents.incoming_new_style .doclist_container.doc_list_main {
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 900px) and (max-device-width: 900px) {
  .poalist.documents.incoming_new_style .filter_box #userfilters,
  .poalist.documents.incoming_new_style .filter_box .doclist_tp_filters {
    flex-wrap: wrap !important;
    row-gap: 12px !important;
  }
}

/* --------------------------------------------------------------------------
   documents_teal_ref — parity with toms_fake_stuff_purchase_orders.html
   (teal topbar, tab row, sand canvas, white sidebar, stat + filter + empty)
   -------------------------------------------------------------------------- */
@keyframes dt-brand-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.6;
    transform: scale(0.8);
  }
}

/* Document shell — align with home .home_v3 “simple” palette (double_z_home_v3.css --dz-*) */
.dashboard.intro_dashboard_redesign.documents_teal_ref {
  --dt-teal-900: #085a52;
  --dt-teal-700: #0c7a72;
  --dt-teal-600: #0c7a72;
  --dt-teal-800: #096960;
  --dt-teal-500: #0fa89d;
  --dt-teal-400: #0fa89d;
  --dt-teal-100: #e2f5f3;
  --dt-teal-50: #edf6f5;
  --dt-sand: #f8fbfa;
  --dt-ink: #0a1a18;
  --dt-muted: #3a5552;
  --dt-border: #d8eeec;
  --dt-danger: #e05252;
  --dt-warning: #d94f1e;
  --wp-primary: #0c7a72;
  --wp-primary-rgb: 12, 122, 114;
  background: var(--dt-sand);
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  /* Fill the viewport once; scroll lives inside .doclist_table_card instead of the whole page */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .header {
  background: var(--dt-teal-900);
  box-shadow: none;
  padding: 0;
  min-height: 56px;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .header h1 {
  text-transform: none;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .header h1::before {
  width: 10px;
  height: 10px;
  background: var(--dt-teal-400);
  animation: dt-brand-pulse 2.4s ease-in-out infinite;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .main_nav {
  background: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid var(--dt-border);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .main_nav li a {
  color: var(--dt-muted);
  font-size: 13.5px;
  padding: 14px 16px 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .main_nav li a:hover {
  background: transparent;
  color: var(--dt-teal-600);
  border-bottom-color: transparent;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .main_nav li.selected a {
  background: transparent;
  color: var(--dt-teal-600);
  border-bottom-color: var(--dt-teal-500);
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .main_nav li.selected a:hover {
  background: transparent;
  color: var(--dt-teal-800);
  border-bottom-color: var(--dt-teal-500);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .content {
  padding-top: 0;
  padding-bottom: 24px;
  background: var(--dt-sand);
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
  /* Legacy .dashboard .content { min-height: 550px } forces a full-page scroll on short lists */
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* viewdoc (view PO/POA/etc.): flex + min-height:0 was constraining height and clipping long reports */
.dashboard.intro_dashboard_redesign.documents_teal_ref .content:has(.viewdoc_shell) {
  flex: 0 0 auto;
  min-height: auto;
  overflow-x: clip;
  overflow-y: visible;
}

/* Same as :has(.viewdoc_shell) — works when :has() is unsupported or unreliable */
.dashboard.intro_dashboard_redesign.documents_teal_ref.viewdoc_shell_page .content {
  flex: 0 0 auto;
  min-height: auto;
  overflow-x: clip;
  overflow-y: visible;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell {
  flex: 0 0 auto;
  min-height: auto;
  overflow-x: clip;
  overflow-y: visible;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .footer {
  font-family: "DM Mono", ui-monospace, monospace;
  font-size: 12px;
  color: var(--dt-muted);
  border-top: 1px solid var(--dt-border);
  background: var(--dt-sand);
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .footer .centered {
  color: var(--dt-muted);
}

/* Incoming / Outgoing document sidebar */
.dashboard.intro_dashboard_redesign.documents_teal_ref .documents_sidebar_aside.doc_sidebar_nav {
  background: linear-gradient(180deg, #ffffff 0%, #f6faf9 100%);
  border-right: 1px solid var(--dt-border);
  padding: 18px 10px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-self: stretch;
  min-height: 0;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.85);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .documents_sidebar_aside {
  background: #fff;
  border-right: 1px solid var(--dt-border);
  padding: 20px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-self: stretch;
  min-height: 0;
}

/* Legacy: bare <ul> as first grid child (old markup); outgoing now uses .documents_sidebar_aside like incoming */
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .centered > .side_menu:first-child {
  background: #fff;
  border-right: 1px solid var(--dt-border);
  padding: 20px 12px;
  box-sizing: border-box;
  align-self: stretch;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_sidebar_nav .sidebar-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  color: var(--dt-teal-700);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 4px 12px 12px;
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_sidebar_nav .sidebar-label::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--dt-teal-500);
  box-shadow: 0 0 0 3px rgba(15, 168, 157, 0.18);
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .sidebar-label {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--dt-muted);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 6px 10px 10px;
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .centered,
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_list_page {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  max-width: none !important;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-height: 0;
  flex: 1 1 auto;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doclist_container.right_content,
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doclist_container.doc_list_main {
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  padding: 28px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  min-height: 0;
  background: var(--dt-sand);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doclist_container.doc_list_main > .page-header,
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doclist_container.doc_list_main > .filter_box {
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_page_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_page_title {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--dt-ink);
  margin: 0;
  line-height: 1.2;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_page_sub {
  font-size: 13px;
  color: var(--dt-muted);
  margin: 2px 0 0;
  line-height: 1.45;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .side_menu {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_sidebar_menu li {
  margin-bottom: 4px;
  list-style: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_sidebar_menu a {
  width: auto !important;
  height: auto !important;
  line-height: 1.35 !important;
  padding: 11px 14px 11px 14px !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #4a5c58 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

/* KJ 23 Jul 2026: sidebar tab icons (Incoming / Outgoing / Settings) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_sidebar_menu .doc_sidebar_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(15, 168, 157, 0.08);
  color: #5f7a75;
  line-height: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_sidebar_menu .doc_sidebar_icon svg {
  display: block;
  width: 15px;
  height: 15px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_sidebar_menu .doc_sidebar_text {
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_sidebar_menu a:hover .doc_sidebar_icon {
  background: rgba(15, 168, 157, 0.14);
  color: var(--dt-teal-700, #0c7a72);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_sidebar_menu li.selected a .doc_sidebar_icon {
  background: rgba(12, 122, 114, 0.18);
  color: var(--dt-teal-800, #085a52);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_sidebar_menu a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 3px;
  height: 0;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, var(--dt-teal-400) 0%, var(--dt-teal-700) 100%);
  transform: translateY(-50%);
  transition: height 0.2s ease;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_sidebar_menu a:hover {
  background: rgba(15, 168, 157, 0.08) !important;
  border-color: rgba(15, 168, 157, 0.14) !important;
  color: var(--dt-ink) !important;
  transform: translateX(2px);
  box-shadow: 0 2px 10px rgba(12, 122, 114, 0.06);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_sidebar_menu li.selected a {
  background: linear-gradient(90deg, rgba(15, 168, 157, 0.16) 0%, rgba(15, 168, 157, 0.05) 100%) !important;
  border-color: rgba(15, 168, 157, 0.22) !important;
  color: var(--dt-teal-900) !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 12px rgba(12, 122, 114, 0.1);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_sidebar_menu li.selected a::before {
  height: 58%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_sidebar_menu a .arrow {
  display: none !important;
}

/* Outgoing forwarded doc links — subtle badge */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_sidebar_nav--outgoing .doc_sidebar_menu a[href*="ORDRSPP"]::after,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_sidebar_nav--outgoing .doc_sidebar_menu a[href*="DESADVP"]::after,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_sidebar_nav--outgoing .doc_sidebar_menu a[href*="INVOICP"]::after {
  content: "EDI";
  margin-left: auto;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #7e22ce;
  background: #f3e8ff;
  border: 1px dashed #a855f7;
  line-height: 1.2;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .side_menu li {
  margin-bottom: 2px;
  list-style: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .side_menu a {
  width: auto !important;
  height: auto !important;
  line-height: 1.35 !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--dt-muted) !important;
  background: transparent !important;
  display: flex !important;
  align-items: center;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .side_menu a:hover {
  background: var(--dt-teal-50) !important;
  color: var(--dt-ink) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .side_menu li.selected a {
  background: var(--dt-teal-50) !important;
  color: var(--dt-teal-700) !important;
  font-weight: 600 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .side_menu a .arrow {
  display: none !important;
}

/* Filter card + grid (matches mock filter-row) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box {
  border-radius: 14px !important;
  padding: 20px 24px !important;
  border: 1px solid var(--dt-border) !important;
  background: #fff !important;
  margin-bottom: 0 !important;
  display: block !important;
}

/* Flat filter forms (no .filter-row wrapper) — e.g. Remittance, Outgoing */
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box .doclist_tp_filters,
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box #userfilters:not(:has(.filter-row)) {
  display: grid !important;
  grid-template-columns: minmax(100px, 1.35fr) minmax(90px, 1fr) minmax(68px, 0.95fr) minmax(68px, 0.9fr) minmax(68px, 0.9fr) minmax(72px, 0.75fr) auto !important;
  gap: 12px !important;
  align-items: end !important;
  flex-wrap: unset !important;
  row-gap: 12px !important;
  overflow-x: visible !important;
  width: 100% !important;
}

/* Purchase orders: grid lives on .filter-row inside #userfilters (see doc UI styles) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box #userfilters:has(.filter-row) {
  display: block !important;
  width: 100% !important;
}

/*
 * Outgoing (and any) filter rows: fields are NOT direct children of #userfilters, so they still
 * inherited .filter_box .select_tp { max-width: 84px } — that clipped Invoice / ASN inputs.
 */
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box .filter-row > .select_tp {
  max-width: none !important;
  min-width: 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box #userfilters > .select_tp,
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box .doclist_tp_filters > .select_tp {
  margin-inline-end: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: unset !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box .select_tp p {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--dt-muted) !important;
  margin-bottom: 6px !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box .select_tp select,
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box .select_tp input {
  background: var(--dt-sand) !important;
  border: 1.5px solid var(--dt-border) !important;
  border-radius: 8px !important;
  height: auto !important;
  min-height: 38px !important;
  padding: 8px 11px !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 13.5px !important;
  color: var(--dt-ink) !important;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box .select_tp select:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box .select_tp input:focus {
  outline: none !important;
  border-color: var(--dt-teal-400) !important;
  box-shadow: 0 0 0 3px rgba(46, 184, 156, 0.12) !important;
  background: #fff !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style #userfilters:not(:has(.filter-row)) > input[type="submit"] {
  background: var(--dt-teal-700) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 9px 20px !important;
  height: auto !important;
  min-height: 38px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style #userfilters:not(:has(.filter-row)) > input[type="submit"]:hover {
  background: var(--dt-teal-600) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_empty_state {
  background: #fff;
  border: 1px solid var(--dt-border);
  border-radius: 14px;
  padding: 60px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_empty_icon {
  width: 60px;
  height: 60px;
  background: var(--dt-teal-50);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  color: var(--dt-teal-500);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_empty_title {
  font-size: 16px;
  font-weight: 600;
  color: var(--dt-ink);
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_empty_text {
  font-size: 13.5px;
  color: var(--dt-muted);
  max-width: 320px;
  line-height: 1.5;
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_empty_clear {
  margin-top: 4px;
  border: 1.5px solid var(--dt-border);
  background: none;
  border-radius: 8px;
  padding: 8px 18px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--dt-ink);
  text-decoration: none;
  display: inline-block;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_empty_clear:hover {
  border-color: var(--dt-teal-400);
  background: var(--dt-teal-50);
  color: var(--dt-teal-700);
  text-decoration: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style table.doclist tbody tr.doc_row_unread {
  background: #b8ddd6 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style table.doclist tbody tr.doc_row_unread td {
  color: var(--dt-teal-900) !important;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style table.doclist tbody tr.doc_row_unread:hover {
  background: #a3d4cb !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style table.doclist tbody tr[style*="background-color"] {
  background: rgba(46, 184, 156, 0.14) !important;
}

@media screen and (max-width: 1100px) and (max-device-width: 1100px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .centered,
  .dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .doc_list_page {
    grid-template-columns: 1fr;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .documents_sidebar_aside {
    border-right: none;
    border-bottom: 1px solid var(--dt-border);
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .centered > .side_menu:first-child {
    border-right: none;
    border-bottom: 1px solid var(--dt-border);
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .side_menu {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .side_menu li {
    margin-bottom: 0;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .side_menu a {
    white-space: nowrap;
  }
}

@media screen and (max-width: 900px) and (max-device-width: 900px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box #userfilters:not(:has(.filter-row)),
  .dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box .doclist_tp_filters {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box #userfilters:not(:has(.filter-row)) > input[type="submit"] {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: center;
  }
}

@media screen and (max-width: 560px) and (max-device-width: 560px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box #userfilters:not(:has(.filter-row)),
  .dashboard.intro_dashboard_redesign.documents_teal_ref .poalist.documents.incoming_new_style .filter_box .doclist_tp_filters {
    grid-template-columns: 1fr !important;
  }
}

/* Notifications bar */
#notification,
#notificationt {
  border: 1px solid var(--wp-border-strong);
  background: rgba(255, 255, 255, 0.92);
  border-radius: 16px;
  box-shadow: var(--wp-shadow);
}

#noti_text,
#noti_textt {
  color: var(--wp-text);
}

#noti_read_box {
  border-color: var(--wp-border);
  background: var(--wp-surface-2);
}

#noti_read_text {
  color: var(--wp-text);
}

/* ---------------- AUTH (login/register/etc.) ---------------- */
.auth_screen,
.auth_screensi,
.mailbox_form {
  background: radial-gradient(1200px 800px at 20% 20%, rgba(30, 166, 192, 0.22), rgba(2, 6, 23, 0.06));
  position: relative;
}

.auth_screen .header,
.auth_screensi .header {
  background: transparent;
  padding: 28px 0 18px 0;
}

.auth_screen .header a,
.auth_screensi .header a {
  width: auto;
  display: inline-block;
}

.auth_screen .header img,
.auth_screensi .header img {
  height: 46px;
  width: auto;
  display: block;
  margin: 0 auto;
}

.auth_screen .login_box,
.auth_screensi .login_box,
.mailbox_form .login_box {
  border: 1px solid var(--wp-border);
  border-radius: var(--wp-radius);
  box-shadow: var(--wp-shadow);
  overflow: hidden;
}

.auth_screen h1,
.auth_screensi h1,
.mailbox_form h1 {
  color: var(--wp-text);
}

.auth_screen label,
.auth_screensi label,
.mailbox_form label {
  color: var(--wp-text);
}

.auth_screen input[type='text'],
.auth_screen input[type='password'],
.auth_screensi input[type='text'],
.auth_screensi input[type='password'],
.mailbox_form input[type='text'],
.mailbox_form input[type='password'],
.fillform input[type='text'],
.fillform input[type='password'],
.filter_box select,
.filter_box input {
  border: 1px solid var(--wp-border);
  border-radius: 12px;
  padding: 10px 12px;
  background: var(--wp-surface);
  transition: box-shadow 120ms ease, border-color 120ms ease;
}

.auth_screen input[type='text']:focus,
.auth_screen input[type='password']:focus,
.fillform input[type='text']:focus,
.fillform input[type='password']:focus,
.filter_box select:focus,
.filter_box input:focus {
  border-color: rgba(var(--wp-primary-rgb), 0.55);
  box-shadow: 0 0 0 4px rgba(var(--wp-primary-rgb), 0.18);
  outline: none;
}

/* Legacy pages: force old teal accents to new theme */
.auth_screen .header,
.dashboard .header {
  background: var(--wp-primary) !important;
}

.dashboard .user_options .dropdown-content,
.dashboard .user_options .dropdown-content a:hover,
.dashboard .user_options .dropbtn,
.dashboard .header .dropbtn {
  border-color: rgba(var(--wp-primary-rgb), 0.22);
}

/* --- Login page (auth_screen_login): full-page background, header bar, inline labels --- */
.auth_screen.auth_screen_login {
  position: relative;
  top: auto;
  bottom: auto;
  min-height: 100vh;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: linear-gradient(
    165deg,
    #e6f2f0 0%,
    #f8fbfa 42%,
    #eef5f4 100%
  );
  font-family: "Instrument Sans", system-ui, sans-serif;
}

.auth_screen.auth_screen_login > .centered {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  z-index: 1;
}

.auth_screen.auth_screen_login .dz_v3_geo {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  opacity: 0.55;
  filter: blur(0.2px);
}

.auth_screen.auth_screen_login .dz_v3_geo_1 {
  top: 120px;
  left: 30px;
  width: 210px;
  height: 210px;
  background: linear-gradient(140deg, rgba(12, 122, 114, 0.18) 0%, rgba(15, 168, 157, 0.06) 55%, rgba(217, 79, 30, 0.04) 100%);
  clip-path: polygon(0 0, 100% 0, 62% 100%, 0 62%);
  transform: rotate(-6deg);
}

.auth_screen.auth_screen_login .dz_v3_geo_2 {
  bottom: 140px;
  right: 60px;
  width: 260px;
  height: 260px;
  background: linear-gradient(135deg, rgba(15, 168, 157, 0.16) 0%, rgba(12, 122, 114, 0.06) 60%, rgba(217, 79, 30, 0.02) 100%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  transform: rotate(10deg);
}

.auth_screen.auth_screen_login .dz_v3_geo_3 {
  top: 250px;
  right: 140px;
  width: 150px;
  height: 90px;
  background: linear-gradient(180deg, rgba(12, 122, 114, 0.12) 0%, rgba(15, 168, 157, 0.04) 60%, rgba(12, 122, 114, 0.02) 100%);
  clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
  border-radius: 14px;
  transform: rotate(-12deg);
}

.auth_screen.auth_screen_login .dz_v3_geo_4 {
  top: 150px;
  right: -10px;
  width: 180px;
  height: 180px;
  opacity: 0.38;
  background: linear-gradient(145deg, rgba(15, 168, 157, 0.16) 0%, rgba(12, 122, 114, 0.06) 55%, rgba(217, 79, 30, 0.02) 100%);
  clip-path: polygon(12% 18%, 88% 0%, 100% 76%, 35% 100%, 0% 55%);
  transform: rotate(8deg);
}

.auth_screen.auth_screen_login .dz_v3_geo_5 {
  bottom: 210px;
  left: 40px;
  width: 220px;
  height: 140px;
  opacity: 0.32;
  background: linear-gradient(105deg, rgba(12, 122, 114, 0.14) 0%, rgba(15, 168, 157, 0.05) 55%, rgba(217, 79, 30, 0.02) 100%);
  clip-path: polygon(0 20%, 50% 0%, 100% 25%, 85% 100%, 15% 100%);
  transform: rotate(-10deg);
}

.auth_screen.auth_screen_login > .centered > .header.auth_header {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 18px var(--wp-gutter);
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.55);
  border-bottom: 1px solid rgba(var(--wp-primary-rgb), 0.14);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 8px 30px rgba(2, 6, 23, 0.06);
}

.auth_screen.auth_screen_login > .centered > .header.auth_header a,
.auth_screen.auth_screen_login > .centered > .header.auth_header .auth_header_link {
  width: auto;
  max-width: 220px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.auth_screen .header.auth_header .auth_header_logo,
.auth_screensi .header.auth_header .auth_header_logo {
  display: block;
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.auth_screen.auth_screen_login .auth_header_logo {
  max-height: 52px;
  transform-origin: center;
  animation: loginLogoFloat 5.8s ease-in-out infinite;
  transition: transform 0.24s ease, filter 0.24s ease;
}

.auth_screen.auth_screen_login > .centered > .header.auth_header .auth_header_link:hover .auth_header_logo {
  transform: translateY(-2px) scale(1.015);
  filter: saturate(1.03);
}

@keyframes loginLogoFloat {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0);
  }
}

.auth_screen.auth_screen_login .login_box {
  width: min(100%, 440px);
  margin: 28px auto 0;
  padding-top: 8px;
  border-radius: 14px;
  border: 1px solid var(--wp-border);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 20px 55px rgba(2, 6, 23, 0.08);
}

.auth_screen.auth_screen_login .login_box h1,
.auth_screen.auth_screen_login .forgot_container h1 {
  font-size: clamp(1.15rem, 2.6vw, 1.45rem);
  line-height: 1.25;
  font-weight: 800;
  color: var(--wp-primary);
  padding: 10px 16px 8px;
}

.auth_screen.auth_screen_login .login_container > h1 {
  padding-left: 20px;
  padding-right: 20px;
}

.auth_screen.auth_screen_login .login_container > .top_msg,
.auth_screen.auth_screen_login .login_container > .errors {
  margin-left: 20px;
  margin-right: 20px;
}

.auth_screen.auth_screen_login .login_container form {
  padding: 0 20px;
  box-sizing: border-box;
}

.auth_screen.auth_screen_login .fld {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  margin: 14px 16px;
}

.auth_screen.auth_screen_login .login_container form .fld {
  margin: 14px 0;
}

.auth_screen.auth_screen_login .login_container form .fld:first-of-type {
  margin-top: 14px;
}

.auth_screen.auth_screen_login .login_container form .fld:last-of-type {
  margin-bottom: 14px;
}

.auth_screen.auth_screen_login .login_box label,
.auth_screen.auth_screen_login .forgot_container label {
  flex: 0 0 96px;
  max-width: 96px;
  text-align: right;
  padding-bottom: 0;
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: var(--wp-text);
}

.auth_screen.auth_screen_login .login_container label {
  text-align: left;
}

.auth_screen.auth_screen_login .login_container form .bottom {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  width: auto;
  max-width: none;
  box-sizing: border-box;
}

.auth_screen.auth_screen_login input[type="text"],
.auth_screen.auth_screen_login input[type="password"] {
  flex: 1;
  min-width: 0;
  width: auto;
  display: block;
  padding: 10px 12px;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid var(--wp-border-strong);
  background: #fff;
}

.auth_screen.auth_screen_login input[type="submit"].submit {
  display: block;
  width: calc(100% - 32px);
  margin: 12px 16px 0;
}

.auth_screen.auth_screen_login .auth_login_submit_wrap {
  margin: 0 16px 0;
  text-align: center;
}

.auth_screen.auth_screen_login .login_container form .auth_login_submit_wrap {
  margin-left: 0;
  margin-right: 0;
}

.auth_screen.auth_screen_login .forgot_container .auth_login_submit_wrap {
  margin-top: 18px;
  margin-bottom: 14px;
}

.auth_screen.auth_screen_login .auth_login_submit_wrap input[type="submit"].submit {
  width: auto;
  margin: 0;
}

/* Match home page nav "Log in" (teal gradient CTA) */
.auth_screen.auth_screen_login input[type="submit"].auth_login_submit.orange_button {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  background-image: none !important;
  background: linear-gradient(145deg, #096960 0%, #0c7a72 42%, #0fa89d 100%) !important;
  border: 1px solid rgba(12, 122, 114, 0.45) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(12, 122, 114, 0.32) !important;
  border-radius: 3px !important;
  padding: 8px 18px !important;
  height: auto !important;
  line-height: 1.2 !important;
  font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  transition: filter 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease !important;
}

.auth_screen.auth_screen_login input[type="submit"].auth_login_submit.orange_button:hover {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  box-shadow: 0 6px 22px rgba(12, 122, 114, 0.4) !important;
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.auth_screen.auth_screen_login input[type="submit"].auth_login_submit.orange_button:focus-visible {
  outline: 2px solid #0fa89d;
  outline-offset: 2px;
}

.auth_screen.auth_screen_login input[type="submit"].auth_login_submit.orange_button:active {
  transform: translateY(0);
  filter: brightness(0.98);
}

.auth_screen.auth_screen_login .bottom {
  height: auto;
  min-height: unset;
  padding: 14px 16px;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.4;
  border-radius: 0;
}

.auth_screen.auth_screen_login .bottom_actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  width: 100%;
}

.auth_screen.auth_screen_login .forgot {
  position: static;
  flex: 1 1 auto;
  text-align: right;
}

/* --- Minimal login (teal gradient, underline fields, icons) --- */
.auth_screen.auth_screen_login.login_minimal {
  background: linear-gradient(
    180deg,
    #064f4a 0%,
    #0a6d64 28%,
    #3ba89c 58%,
          #d6ebe7 88%,
          #f0f9f8 100%
  );
}

/* Mailbox (long form): stay in teal/green end-to-end so copy stays readable when scrolling */
.auth_screen.auth_screen_login.login_minimal.auth_screen_mailbox {
  background: linear-gradient(
    180deg,
    #064f4a 0%,
    #0a6d64 24%,
    #0c7a70 50%,
    #0a6d64 76%,
    #085850 100%
  );
}

.auth_screen.auth_screen_login.login_minimal .dz_v3_geo {
  opacity: 0.18;
}

.auth_screen.auth_screen_login.login_minimal > .centered {
  align-items: center;
  padding-top: 48px;
  box-sizing: border-box;
}

.auth_screen.auth_screen_login.login_minimal .login_box {
  width: min(100%, 400px);
  margin-top: 12px;
  padding-top: 4px;
  background: transparent;
  border: none;
  box-shadow: none;
}

.auth_screen.auth_screen_login.login_minimal .login_hero_icon,
.auth_screen.auth_screen_login.login_minimal .register_hero_icon {
  display: flex;
  justify-content: center;
  color: rgba(255, 255, 255, 0.92);
  margin: 12px 0 0;
}

.auth_screen.auth_screen_login.login_minimal .login_hero_icon svg,
.auth_screen.auth_screen_login.login_minimal .register_hero_icon svg {
  filter: drop-shadow(0 2px 14px rgba(0, 0, 0, 0.12));
}

.auth_screen.auth_screen_login.login_minimal .login_container > h1,
.auth_screen.auth_screen_login.login_minimal .forgot_container h1 {
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.04em;
  text-align: center;
  text-shadow: 0 1px 18px rgba(0, 0, 0, 0.12);
  padding: 10px 16px 6px;
}

.auth_screen.auth_screen_login.login_minimal .login_container > h1 {
  padding-bottom: 8px;
}

.auth_screen.auth_screen_login.login_minimal .forgot_container h1 {
  padding-top: 20px;
}

.auth_screen.auth_screen_login.login_minimal .login_container > .top_msg {
  color: rgba(255, 255, 255, 0.88);
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 4px;
}

.auth_screen.auth_screen_login.login_minimal .login_container > .errors,
.auth_screen.auth_screen_login.login_minimal .forgot_container .errors {
  background: rgba(255, 236, 236, 0.96);
  color: #7a1515;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 14px;
}

.auth_screen.auth_screen_login.login_minimal .login_container form {
  padding: 0 12px 6px;
}

.auth_screen.auth_screen_login.login_minimal .login_container form .bottom {
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 12px;
  padding-right: 12px;
}

.auth_screen.auth_screen_login.login_minimal .login_container form .fld.login_fld_minimal {
  align-items: center;
  gap: 12px;
  margin: 18px 0 0;
  padding-bottom: 6px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  transition: border-color 0.2s ease;
}

.auth_screen.auth_screen_login.login_minimal .login_container form .fld.login_fld_minimal:focus-within {
  border-bottom-color: rgba(255, 255, 255, 0.95);
}

.auth_screen.auth_screen_login.login_minimal .login_fld_icon {
  flex: 0 0 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.95);
}

.auth_screen.auth_screen_login.login_minimal .login_container form .fld.login_fld_minimal input[type="text"],
.auth_screen.auth_screen_login.login_minimal .login_container form .fld.login_fld_minimal input[type="password"],
.auth_screen.auth_screen_login.login_minimal .forgot_container form .fld.login_fld_minimal input[type="text"] {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 6px 2px 4px;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff;
  font-size: 16px;
}

.auth_screen.auth_screen_login.login_minimal .login_container form .fld.login_fld_minimal input::placeholder,
.auth_screen.auth_screen_login.login_minimal .forgot_container form .fld.login_fld_minimal input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.auth_screen.auth_screen_login.login_minimal .login_container form .fld.login_fld_minimal input:focus,
.auth_screen.auth_screen_login.login_minimal .forgot_container form .fld.login_fld_minimal input:focus {
  outline: none;
}

.auth_screen.auth_screen_login.login_minimal .login_container form .fld.login_fld_minimal input:-webkit-autofill,
.auth_screen.auth_screen_login.login_minimal .login_container form .fld.login_fld_minimal input:-webkit-autofill:hover,
.auth_screen.auth_screen_login.login_minimal .forgot_container form .fld.login_fld_minimal input:-webkit-autofill {
  -webkit-text-fill-color: #fff;
  transition: background-color 99999s ease-out;
  box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.08) inset !important;
}

.auth_screen.auth_screen_login.login_minimal .forgot_container form {
  padding: 0 12px 8px;
}

.auth_screen.auth_screen_login.login_minimal .forgot_container form .fld.login_fld_minimal {
  align-items: center;
  gap: 12px;
  margin: 12px 0 0;
  padding-bottom: 6px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

.auth_screen.auth_screen_login.login_minimal .forgot_container form .fld.login_fld_minimal:focus-within {
  border-bottom-color: rgba(255, 255, 255, 0.95);
}

.auth_screen.auth_screen_login.login_minimal .forgot_container > p {
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  font-size: 15px;
  line-height: 1.45;
  padding: 4px 12px 0;
  margin: 0;
}

.auth_screen.auth_screen_login.login_minimal .forgot_container .success {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  border-radius: 12px;
  padding: 14px 16px;
  margin: 12px 12px 0;
  font-size: 15px;
  line-height: 1.45;
}

.auth_screen.auth_screen_login.login_minimal .forgot_container .backlink {
  color: #e8fffc;
  font-weight: 600;
}

.auth_screen.auth_screen_login.login_minimal .bottom {
  margin-top: 28px;
  background: rgba(255, 255, 255, 0.12);
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.95);
}

.auth_screen.auth_screen_login.login_minimal .bottom a,
.auth_screen.auth_screen_login.login_minimal .forgot a {
  color: #dffaf7;
  font-weight: 600;
}

.auth_screen.auth_screen_login.login_minimal .forgot_container .errors {
  margin-left: 12px;
  margin-right: 12px;
}

.auth_screen.auth_screen_login.login_minimal .login_container form .login_submit_wrap_main {
  margin-top: 34px;
  padding-top: 4px;
  text-align: center;
}

.auth_screen.auth_screen_login.login_minimal .login_container form .login_submit_wrap_main input[type="submit"].submit {
  width: auto;
  margin: 0;
}

.auth_screen.auth_screen_login.login_minimal .login_container form input[type="submit"].login_submit_accent.orange_button,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form input[type="submit"].login_submit_accent.orange_button {
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  background-image: none !important;
  background: linear-gradient(145deg, #a84312 0%, #d45518 40%, #e8772d 100%) !important;
  border: 1px solid rgba(120, 42, 10, 0.55) !important;
  color: #fff !important;
  box-shadow: 0 6px 22px rgba(168, 67, 18, 0.42) !important;
  border-radius: 6px !important;
  padding: 10px 30px !important;
  height: auto !important;
  line-height: 1.2 !important;
  font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.07em !important;
  transition: filter 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease !important;
}

.auth_screen.auth_screen_login.login_minimal .login_container form input[type="submit"].login_submit_accent.orange_button:hover,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form input[type="submit"].login_submit_accent.orange_button:hover {
  color: #fff !important;
  border-color: rgba(255, 232, 200, 0.45) !important;
  box-shadow: 0 8px 28px rgba(168, 67, 18, 0.5) !important;
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.auth_screen.auth_screen_login.login_minimal .login_container form input[type="submit"].login_submit_accent.orange_button:focus-visible,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form input[type="submit"].login_submit_accent.orange_button:focus-visible {
  outline: 2px solid #ffcf9e;
  outline-offset: 3px;
}

.auth_screen.auth_screen_login.login_minimal .login_container form input[type="submit"].login_submit_accent.orange_button:active,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form input[type="submit"].login_submit_accent.orange_button:active {
  transform: translateY(0);
  filter: brightness(0.98);
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_success a.orange_button.login_submit_accent {
  display: inline-block !important;
  margin-top: 20px !important;
  text-decoration: none !important;
  background-image: none !important;
  background: linear-gradient(145deg, #a84312 0%, #d45518 40%, #e8772d 100%) !important;
  border: 1px solid rgba(120, 42, 10, 0.55) !important;
  color: #fff !important;
  box-shadow: 0 6px 22px rgba(168, 67, 18, 0.42) !important;
  border-radius: 6px !important;
  padding: 10px 30px !important;
  font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.07em !important;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_success a.orange_button.login_submit_accent:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}

.auth_screen.auth_screen_login .centered > .sign_up {
  width: min(100%, 440px);
  margin: 20px auto 32px;
  padding: 0 var(--wp-gutter);
  box-sizing: border-box;
  text-align: center;
  color: var(--wp-muted);
  font-size: 15px;
  background: transparent;
}

/* Sign-up prompt on dark teal: soft white + peach-orange link */
.auth_screen.auth_screen_login.login_minimal .centered > .sign_up {
  color: rgba(255, 255, 255, 0.88);
  font-weight: 500;
  text-shadow: none;
}

.auth_screen.auth_screen_login.login_minimal .centered > .sign_up a {
  color: #ffb07a;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: rgba(255, 176, 122, 0.6);
  text-underline-offset: 3px;
}

.auth_screen.auth_screen_login.login_minimal .centered > .sign_up a:hover {
  color: #ffc9a3;
  text-decoration-color: rgba(255, 201, 163, 0.95);
}

.auth_screen.auth_screen_register .centered > .sign_up {
  width: min(100%, 680px);
}

/* Register + login_minimal: same teal page, underline fields, no header bar */
.auth_screen.auth_screen_login.login_minimal.auth_screen_register .login_box {
  width: min(100%, 680px);
  margin-top: 12px;
  padding-top: 4px;
  background: transparent;
  border: none;
  box-shadow: none;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .login_box > h1 {
  color: #e9fffb;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-align: center;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  padding: 6px 16px 4px;
  border: none;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_intro {
  margin: 0 16px 14px;
  font-size: 16px;
  line-height: 1.45;
  color: rgba(234, 255, 251, 0.92);
  text-align: center;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .login_box > .errors {
  margin: 8px 16px 16px;
  background: rgba(255, 251, 251, 0.96);
  color: #7c1f25;
  border: 1px solid rgba(187, 82, 96, 0.28);
  border-radius: 12px;
  padding: 14px 18px;
  font-size: 15px;
  box-shadow: 0 8px 26px rgba(5, 55, 51, 0.14);
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .login_box > .errors ul {
  margin: 0;
  padding-left: 20px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .login_box > .errors li {
  margin: 2px 0;
  line-height: 1.4;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form {
  padding: 0 12px 10px;
  box-sizing: border-box;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form .register_row {
  margin: 0 4px;
  gap: 12px 18px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form .register_row .fld {
  margin: 8px 0;
  padding-bottom: 5px;
  border-bottom: 2px solid rgba(232, 255, 250, 0.58);
  transition: border-color 0.2s ease;
  align-items: flex-end;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form .register_row .fld:focus-within {
  border-bottom-color: rgba(255, 255, 255, 0.98);
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form .fld:not(.fld-checkbox) label {
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  font-weight: 600;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form input[type="text"] {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  padding: 6px 2px 4px;
  font-size: 15px;
  flex: 1;
  min-width: 0;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form input[type="text"]:focus {
  outline: none;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form input[type="text"]:-webkit-autofill,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form input[type="text"]:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff !important;
  transition: background-color 99999s ease-out;
  box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.06) inset !important;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .fld-checkbox {
  border-bottom: none !important;
  margin-top: 16px;
  margin-left: 4px;
  margin-right: 4px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .fld-checkbox .lcheckbox {
  color: rgba(255, 255, 255, 0.92);
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_recaptcha {
  margin: 18px auto 0;
  padding: 8px 10px;
  width: fit-content;
  max-width: 100%;
  background: linear-gradient(145deg, rgba(9, 105, 96, 0.32), rgba(12, 122, 114, 0.26));
  border: 1px solid rgba(15, 168, 157, 0.58);
  border-radius: 12px;
  box-shadow: 0 10px 26px rgba(4, 63, 57, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form .register_submit_wrap {
  margin-top: 28px;
  text-align: center;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form .register_submit_wrap input[type="submit"].submit {
  width: auto;
  margin: 0;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_step_label {
  margin-bottom: 4px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form .register_submit_wrap_split {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form .register_back_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_form .register_back_btn:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_success {
  padding: 24px 18px 32px;
  text-align: center;
  color: rgba(255, 255, 255, 0.95);
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_success h1 {
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.03em;
  margin-bottom: 12px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_success p {
  font-size: 15px;
  line-height: 1.5;
  margin: 10px 0;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register .register_success a:not(.orange_button) {
  color: #ffd4b8;
  font-weight: 600;
}

/* Mailbox application: same shell as register; wider card; long form */
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox > .centered {
  padding-bottom: 64px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .login_box {
  width: min(100%, 860px);
  color: #fff;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .login_box label {
  color: #fff;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .register_intro {
  color: #fff;
  text-align: center;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_back_nav {
  text-align: center;
  margin: 0 0 4px;
  padding: 0 8px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_back_nav a {
  color: #ffd7a8;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_back_nav a:hover {
  text-decoration: underline;
  text-decoration-color: rgba(255, 215, 168, 0.8);
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .login_box > h1 {
  font-size: clamp(1.15rem, 2.8vw, 1.65rem);
  line-height: 1.3;
  color: #fff;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .login_box > h1.auth_application_title,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .login_box > h1.newtp_page_title {
  white-space: normal;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .login_box > .errors {
  background: rgba(6, 58, 52, 0.72);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.32);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .login_box > .errors ul,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .login_box > .errors li {
  color: #fff;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .register_success h1,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .register_success p {
  color: #fff;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .register_success a:not(.orange_button) {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form h2 {
  color: #fff;
  font-weight: 600;
  font-size: 0.82rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: 28px 10px 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(32, 124, 115, 0.55);
  text-align: left;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form h2:first-of-type {
  margin-top: 8px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_form_hint {
  margin: 4px 12px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  text-align: left;
  font-style: italic;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_form_hint_after {
  margin-top: -6px;
  margin-bottom: 4px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_form_note {
  margin: 12px 12px 16px;
  font-size: 13px;
  line-height: 1.55;
  color: #fff;
  text-align: left;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_form_note strong {
  color: #fff;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_form_legal_intro {
  margin: 8px 12px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  text-align: left;
  font-weight: 600;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_form_legal {
  margin: 6px 12px;
  font-size: 13px;
  line-height: 1.5;
  color: #fff;
  text-align: left;
}

/* Teal underline: visible on both dark (top of page) and cream (bottom of long form).
   White-only lines disappear on the light part of login_minimal gradient. */
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form > .fld {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 14px;
  margin: 8px 8px;
  padding-bottom: 5px;
  border-bottom: 2px solid rgba(32, 124, 115, 0.55);
  transition: border-color 0.2s ease;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form > .fld:focus-within {
  border-bottom-color: rgba(15, 168, 157, 0.95);
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form > .fld.fld_radios {
  align-items: flex-start;
  flex-direction: column;
  border-bottom: none;
  padding-bottom: 8px;
  margin-top: 12px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .fld_radios_heading {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .fld_radios_group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 32px;
  width: 100%;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .pay_choice {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  flex: 0 1 auto;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .pay_choice input[type="radio"] {
  accent-color: #0fa89d;
  width: 1.05em;
  height: 1.05em;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form .fld:not(.fld_radios) label {
  flex: 0 0 min(42%, 160px);
  max-width: 200px;
  text-align: left;
  color: #fff;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="text"],
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="password"],
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="email"],
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="tel"] {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 6px 2px 4px;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 15px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="text"]::placeholder,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="password"]::placeholder,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="email"]::placeholder,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="tel"]::placeholder {
  color: rgba(255, 255, 255, 0.55);
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="text"]:focus,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="password"]:focus,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="email"]:focus,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="tel"]:focus {
  outline: none;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="text"]:-webkit-autofill,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="text"]:-webkit-autofill:hover,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="password"]:-webkit-autofill,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="password"]:-webkit-autofill:hover,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="email"]:-webkit-autofill,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="email"]:-webkit-autofill:hover,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="tel"]:-webkit-autofill,
.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form input[type="tel"]:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff !important;
  transition: background-color 99999s ease-out;
  box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.06) inset !important;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form > .fld.fld-checkbox {
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  border-bottom: none;
  margin-top: 16px;
  padding-bottom: 0;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form > .fld.fld-checkbox .lcheckbox {
  flex: 1 1 auto;
  max-width: none;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.45;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form > .fld.fld-checkbox input[type="checkbox"] {
  flex: 0 0 auto;
  margin-top: 3px;
  accent-color: #0fa89d;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .register_recaptcha {
  margin: 20px 12px 0;
  display: flex;
  justify-content: center;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .auth_application_sign_up {
  text-align: center;
  margin: 20px 8px 0;
  padding: 0 12px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 15px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .auth_application_sign_up a {
  color: #ffd7a8;
  font-weight: 600;
  text-decoration: none;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .auth_application_sign_up a:hover {
  text-decoration: underline;
  text-decoration-color: rgba(255, 215, 168, 0.85);
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_debug_results {
  margin: 0 12px 16px;
  padding: 12px 14px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 13px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_debug_results ul {
  margin: 0;
  padding-left: 1.2em;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_debug_results li {
  color: #fff;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form .register_submit_wrap {
  margin-top: 32px;
}

.auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form .register_submit_wrap input[type="submit"].submit {
  width: auto;
  margin: 0;
}

@media screen and (max-width: 560px) and (max-device-width: 560px) {
  .auth_screen.auth_screen_login.login_minimal.auth_screen_register.auth_screen_mailbox .mailbox_application_form .fld:not(.fld_radios) label {
    flex: 1 1 100%;
    max-width: none;
  }
}

/* Register page: match login shell; wider card; paired field rows */
.auth_screen.auth_screen_register .login_box {
  width: min(100%, 680px);
}

.auth_screen.auth_screen_register .login_box label {
  flex: 0 0 118px;
  max-width: 118px;
  font-size: 13px;
}

.auth_screen.auth_screen_register .register_intro {
  margin: 0 16px 4px;
  font-size: 15px;
  line-height: 1.45;
  color: var(--wp-text);
}

.auth_screen.auth_screen_register .register_form .register_row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 16px;
  margin: 0 16px;
  box-sizing: border-box;
}

.auth_screen.auth_screen_register .register_form .register_row .fld {
  flex: 1 1 calc(50% - 8px);
  min-width: min(100%, 240px);
  margin: 8px 0;
}

.auth_screen.auth_screen_register .fld-checkbox {
  align-items: flex-start;
  gap: 10px;
}

.auth_screen.auth_screen_register .fld-checkbox .lcheckbox {
  flex: 1 1 auto;
  max-width: none;
  text-align: left;
  font-weight: 600;
  padding-top: 2px;
}

.auth_screen.auth_screen_register .register_recaptcha {
  margin: 12px 16px 0;
  display: flex;
  justify-content: center;
}

.auth_screen.auth_screen_register .register_success {
  padding: 8px 16px 24px;
}

.auth_screen.auth_screen_register .register_success .go {
  display: inline-block;
  margin-top: 16px;
}

@media screen and (max-width: 520px) and (max-device-width: 520px) {
  .auth_screen.auth_screen_login .fld {
    flex-wrap: wrap;
  }

  .auth_screen.auth_screen_login.login_minimal .login_fld_minimal {
    flex-wrap: nowrap;
  }

  .auth_screen.auth_screen_login .login_box label,
  .auth_screen.auth_screen_login .forgot_container label {
    flex: 1 1 100%;
    max-width: none;
    text-align: left;
  }

  .auth_screen.auth_screen_login input[type="text"],
  .auth_screen.auth_screen_login input[type="password"] {
    flex: 1 1 100%;
  }

  .auth_screen.auth_screen_login .forgot {
    text-align: left;
    width: 100%;
  }

  .auth_screen.auth_screen_login .dz_v3_geo_1 {
    top: 110px;
    left: -10px;
    width: 170px;
    height: 170px;
  }

  .auth_screen.auth_screen_login .dz_v3_geo_2 {
    bottom: 210px;
    right: -30px;
    width: 210px;
    height: 210px;
  }

  .auth_screen.auth_screen_login .dz_v3_geo_3 {
    top: 270px;
    right: 10px;
    width: 120px;
    height: 78px;
  }

  .auth_screen.auth_screen_login .dz_v3_geo_4 {
    top: 140px;
    right: -60px;
    width: 160px;
    height: 160px;
  }

  .auth_screen.auth_screen_login .dz_v3_geo_5 {
    bottom: 240px;
    left: -30px;
    width: 200px;
    height: 130px;
  }

  .auth_screen.auth_screen_register .register_form .register_row {
    flex-direction: column;
    gap: 0;
    margin: 0 16px;
  }

  .auth_screen.auth_screen_register .register_form .register_row .fld {
    flex: 1 1 100%;
    min-width: 0;
    margin: 4px 0;
  }

  .auth_screen.auth_screen_register .login_box label {
    flex: 1 1 100%;
    max-width: none;
    text-align: left;
  }
}

/* =============================================================================
   Shared hover dropdown behaviour (View Raw pattern)
   Hover the trigger → menu opens → options stay clickable (invisible bridge).
   ============================================================================= */

.dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.dropdown:hover,
.dropdown:focus-within {
  z-index: 400;
}

.dropdown:not(.dropdown--dropup):hover::after {
  content: "";
  position: absolute;
  left: -6px;
  right: -6px;
  top: 100%;
  height: 320px;
  z-index: 499;
}

.dropdown.dropdown--dropup:hover::before {
  content: "";
  position: absolute;
  left: -6px;
  right: -6px;
  bottom: 100%;
  height: 280px;
  z-index: 499;
}

.dropdown > .dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 500;
  pointer-events: auto;
}

.dropdown.dropdown--dropup > .dropdown-content {
  top: auto;
  bottom: 100%;
}

.dropdown > .dropdown-content[style*="right"] {
  left: auto;
  right: 0;
}

.dropdown > .dropdown-content[style*="left"] {
  left: 0;
  right: auto;
}

.dropdown:hover > .dropdown-content,
.dropdown:focus-within > .dropdown-content {
  display: block;
}

.dashboard .user_options .dropdown > .dropdown-content,
.dashboard .header .dropdown > .dropdown-content {
  left: auto;
  right: 0;
}

/* =============================================================================
   Project-wide dropdown styling (native <select> + custom .dropdown menus)
   Font: DM Sans; surfaces align with --wp-* tokens from :root refresh above.
   Placed at EOF so these rules win over legacy per-page overrides.
   ============================================================================= */

select:not([multiple]):not([size]) {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--wp-text) !important;
  background-color: var(--wp-surface) !important;
  border: 1px solid var(--wp-border-strong) !important;
  border-radius: var(--wp-radius-sm) !important;
  padding: 9px 40px 9px 14px !important;
  min-height: 42px !important;
  line-height: 1.35 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%233d5a66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease !important;
}

select:not([multiple]):not([size]):hover {
  border-color: rgba(var(--wp-primary-rgb), 0.42) !important;
}

select:not([multiple]):not([size]):focus {
  outline: none !important;
  border-color: var(--wp-primary) !important;
  box-shadow: 0 0 0 3px rgba(var(--wp-primary-rgb), 0.18) !important;
}

select:not([multiple]):not([size]):disabled {
  opacity: 0.62 !important;
  cursor: not-allowed !important;
  background-color: var(--wp-surface-2) !important;
}

select[multiple] {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--wp-text) !important;
  border: 1px solid var(--wp-border-strong) !important;
  border-radius: var(--wp-radius-sm) !important;
  padding: 8px !important;
  background: var(--wp-surface) !important;
  background-image: none !important;
  -webkit-appearance: listbox !important;
  -moz-appearance: listbox !important;
  appearance: auto !important;
  min-height: 7.5rem;
}

select option,
select optgroup {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 450 !important;
  font-size: 14px !important;
}

/* Custom hover/focus menus built with div.dropdown */
.dashboard .user_options .dropdown-content,
.dashboard .header .dropdown-content,
.po_report .toolbar .dropdown-content,
.asn_report .toolbar .dropdown-content,
.dropdown .dropdown-content {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  background: var(--wp-surface) !important;
  border: 1px solid var(--wp-border) !important;
  border-radius: var(--wp-radius-sm) !important;
  box-shadow: var(--wp-shadow-sm) !important;
  padding: 6px 0 !important;
  min-width: 208px !important;
  overflow: hidden;
}

.dashboard .user_options .dropdown-content a,
.dashboard .header .dropdown-content a,
.po_report .toolbar .dropdown-content a,
.asn_report .toolbar .dropdown-content a,
.dropdown .dropdown-content a {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--wp-text) !important;
  padding: 10px 16px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  display: block !important;
}

.dashboard .user_options .dropdown-content a:hover,
.dashboard .header .dropdown-content a:hover,
.po_report .toolbar .dropdown-content a:hover,
.asn_report .toolbar .dropdown-content a:hover,
.dropdown .dropdown-content a:hover {
  background: var(--wp-surface-2) !important;
  color: var(--wp-primary-600) !important;
}

/* Context skins — override shared token block where menus have custom styling */
.prepack.prepack_redesign .prepack_scroll_nav .dropdown-content {
  min-width: 0 !important;
  padding: 4px 0 !important;
  border: 1px solid #475569 !important;
  border-radius: 8px !important;
  background: #0f172a !important;
  box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.35) !important;
}

.prepack.prepack_redesign .prepack_scroll_nav .dropdown-content a {
  font-size: 11px !important;
  color: #e2e8f0 !important;
  padding: 7px 10px !important;
}

.prepack.prepack_redesign .prepack_scroll_nav .dropdown-content a:hover {
  background: #334155 !important;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .dropdown-content {
  min-width: 228px !important;
  padding: 8px 0 !important;
  border: 1px solid #c5e4de !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow:
    0 4px 12px rgba(12, 74, 68, 0.07),
    0 22px 48px -16px rgba(12, 74, 68, 0.2) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .dropdown-content a {
  margin: 2px 10px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  color: #1a2f2c !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .dropdown-content a:hover {
  background: #e8f6f3 !important;
  color: #0f584f !important;
}

.doc_ui_scope .po_export_dropdown.dropdown-content,
.doc_ui_scope .po_bulk_poa_dropdown.dropdown-content {
  min-width: 188px !important;
  padding: 6px !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.14) !important;
}

.doc_ui_scope .po_export_dropdown.dropdown-content a.po_export_option,
.doc_ui_scope .po_bulk_poa_dropdown.dropdown-content a {
  padding: 8px 10px !important;
  font-size: 12px !important;
}

/* Bulk POA toolbar — block global teal button skin on every interaction state */
.doc_ui_scope .po_bulk_poa_trigger,
.doc_ui_scope .po_bulk_poa_option {
  -webkit-tap-highlight-color: transparent;
}

.doc_ui_scope .po_bulk_poa_trigger,
.doc_ui_scope .po_bulk_poa_trigger:hover,
.doc_ui_scope .po_bulk_poa_trigger:focus,
.doc_ui_scope .po_bulk_poa_trigger:active,
.doc_ui_scope .po_bulk_poa_menu.dropdown:hover .po_bulk_poa_trigger,
.doc_ui_scope .po_bulk_poa_menu.dropdown:focus-within .po_bulk_poa_trigger {
  background: #ffffff !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

.doc_ui_scope .po_bulk_poa_trigger:hover,
.doc_ui_scope .po_bulk_poa_trigger:focus,
.doc_ui_scope .po_bulk_poa_trigger:active,
.doc_ui_scope .po_bulk_poa_menu.dropdown:hover .po_bulk_poa_trigger,
.doc_ui_scope .po_bulk_poa_menu.dropdown:focus-within .po_bulk_poa_trigger {
  background: #eff6ff !important;
  border-color: #60a5fa !important;
  color: #1e40af !important;
}

.doc_ui_scope .po_bulk_poa_trigger:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18) !important;
}

.doc_ui_scope .po_bulk_poa_option,
.doc_ui_scope .po_bulk_poa_option:hover,
.doc_ui_scope .po_bulk_poa_option:focus,
.doc_ui_scope .po_bulk_poa_option:active {
  background: transparent !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

.doc_ui_scope .po_bulk_poa_option:hover,
.doc_ui_scope .po_bulk_poa_option:focus,
.doc_ui_scope .po_bulk_poa_option:active,
.doc_ui_scope .po_bulk_poa_option:focus-visible {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  outline: 0 !important;
}

/* Nav / toolbar triggers — typography only (colours stay contextual per skin) */
.dashboard .user_options .dropbtn,
.po_report .toolbar .dropbtn,
.asn_report .toolbar .dropbtn,
.dropdown > .dropbtn {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  cursor: pointer;
}

/* ---------------------------------------------------------------------------
   Styled prompts (wpConfirm / wpAlert in webplus.js) — teal shell
   --------------------------------------------------------------------------- */
.wp-confirm-backdrop {
  position: fixed;
  inset: 0;
  z-index: 200000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  background: rgba(10, 26, 24, 0.45);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.wp-confirm {
  width: 100%;
  max-width: 420px;
  background: #fff;
  border-radius: 14px;
  border: 1px solid #d8eeec;
  box-shadow: 0 12px 40px rgba(10, 26, 24, 0.18), 0 2px 8px rgba(10, 26, 24, 0.08);
  overflow: hidden;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
}

.wp-confirm__title {
  margin: 0;
  padding: 16px 20px 0;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #0a1a18;
  line-height: 1.25;
}

.wp-confirm__body {
  margin: 0;
  padding: 12px 20px 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #3a5552;
}

.wp-confirm__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 16px 16px;
  background: #f8fbfa;
  border-top: 1px solid #d8eeec;
}

/* KJ 31 Jul 2026 — !important so global teal button skin cannot override modal actions */
button.wp-confirm__btn {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
  min-height: 0 !important;
  height: auto !important;
  box-shadow: none !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

button.wp-confirm__btn--primary {
  background: #0c7a72 !important;
  color: #fff !important;
  border-color: #096960 !important;
}

button.wp-confirm__btn--primary:hover {
  background: #085a52 !important;
  border-color: #085a52 !important;
  color: #fff !important;
}

button.wp-confirm__btn--danger {
  background: #e05252 !important;
  color: #fff !important;
  border-color: #c93434 !important;
}

button.wp-confirm__btn--danger:hover {
  background: #c93434 !important;
  border-color: #b32c2c !important;
  color: #fff !important;
}

button.wp-confirm__btn--secondary {
  background: #fff !important;
  color: #3a5552 !important;
  border-color: #d8eeec !important;
}

button.wp-confirm__btn--secondary:hover {
  background: #edf6f5 !important;
  border-color: #0fa89d !important;
  color: #0c7a72 !important;
}

/* Generate Labels dialog (ASN view — jQuery UI) */
.label_gen_dialog_wrap.ui-dialog {
  border: 1px solid #d8eeec;
  border-radius: 14px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(10, 26, 24, 0.18), 0 2px 8px rgba(10, 26, 24, 0.08);
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
}

.label_gen_dialog_wrap .ui-dialog-titlebar {
  background: #f8fbfa;
  border: none;
  border-bottom: 1px solid #d8eeec;
  border-radius: 0;
  padding: 16px 20px;
}

.label_gen_dialog_wrap .ui-dialog-title {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #0a1a18;
  line-height: 1.25;
}

.label_gen_dialog_wrap .ui-dialog-titlebar-close {
  top: 50%;
  right: 14px;
  margin: -12px 0 0;
  width: 28px;
  height: 28px;
  border: 1px solid #d8eeec;
  border-radius: 8px;
  background: #fff;
}

.label_gen_dialog_wrap .ui-dialog-titlebar-close:hover,
.label_gen_dialog_wrap .ui-dialog-titlebar-close:focus {
  border-color: #0fa89d;
  background: #edf6f5;
}

.label_gen_dialog_wrap .ui-dialog-content {
  padding: 18px 20px 8px;
  background: #fff;
  color: #3a5552;
}

.label_gen_dialog_wrap .ui-dialog-buttonpane {
  margin: 0;
  padding: 12px 16px 16px;
  background: #f8fbfa;
  border-top: 1px solid #d8eeec;
}

.label_gen_dialog_wrap .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.label_gen_dialog_wrap .ui-dialog-buttonpane button {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.label_gen_dialog_wrap .ui-dialog-buttonpane button:first-child {
  background: #fff !important;
  color: #3a5552 !important;
  border-color: #d8eeec !important;
}

.label_gen_dialog_wrap .ui-dialog-buttonpane button:first-child:hover,
.label_gen_dialog_wrap .ui-dialog-buttonpane button:first-child:focus {
  background: #edf6f5 !important;
  border-color: #0fa89d !important;
  color: #0c7a72 !important;
}

.label_gen_dialog_wrap .ui-dialog-buttonpane button:last-child {
  background: #0c7a72 !important;
  color: #fff !important;
  border-color: #096960 !important;
}

.label_gen_dialog_wrap .ui-dialog-buttonpane button:last-child:hover,
.label_gen_dialog_wrap .ui-dialog-buttonpane button:last-child:focus {
  background: #085a52 !important;
  border-color: #085a52 !important;
}

.label_gen_dialog .label_gen_dialog_note {
  margin: 0 0 16px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #fff5f5;
  border: 1px solid #fecaca;
  color: #9f1239;
  font-size: 13px;
  line-height: 1.45;
}

.label_gen_dialog .label_gen_section {
  margin: 0 0 16px;
  padding: 0;
}

.label_gen_dialog .label_gen_section_title {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #0c7a72;
}

.label_gen_dialog .label_gen_options {
  display: grid;
  gap: 8px;
}

.label_gen_dialog .label_gen_options_inline {
  grid-template-columns: 1fr 1fr;
}

.label_gen_dialog .label_gen_option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #d8eeec;
  border-radius: 10px;
  background: #f8fbfa;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}

.label_gen_dialog .label_gen_option:hover {
  border-color: #9fd9d4;
  background: #edf6f5;
}

.label_gen_dialog .label_gen_option input[type="radio"] {
  margin: 0;
  accent-color: #0c7a72;
}

.label_gen_dialog .label_gen_option span {
  font-size: 14px;
  color: #0a1a18;
  line-height: 1.3;
}

.label_gen_dialog .label_gen_section_fields .label_gen_field {
  display: grid;
  gap: 6px;
}

.label_gen_dialog .label_gen_fields_inline {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.label_gen_dialog .label_gen_fields_inline .label_gen_field input[type="text"] {
  max-width: none;
}

.label_gen_dialog .label_gen_field label {
  font-size: 13px;
  font-weight: 500;
  color: #3a5552;
}

.label_gen_dialog .label_gen_field input[type="text"] {
  width: 100%;
  max-width: 160px;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #d8eeec;
  border-radius: 10px;
  background: #fff;
  font-size: 14px;
  color: #0a1a18;
}

.label_gen_dialog .label_gen_field input[type="text"]:focus {
  outline: none;
  border-color: #0fa89d;
  box-shadow: 0 0 0 3px rgba(15, 168, 157, 0.15);
}

.label_gen_dialog_overlay.ui-widget-overlay {
  background: rgba(10, 26, 24, 0.45);
  opacity: 1;
}

/* ASN Generate Labels — loading status */
.asn_report .asn_label_loading,
.asn_document_view .asn_label_loading {
  display: none;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  padding: 12px 16px;
  border: 1px solid #99f6e4;
  border-radius: 12px;
  background: linear-gradient(180deg, #f0fdfa 0%, #ecfdf5 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  color: #0f766e;
}

.asn_report .asn_label_loading.is_visible,
.asn_document_view .asn_label_loading.is_visible {
  display: flex;
}

.asn_report .asn_label_loading_text,
.asn_document_view .asn_label_loading_text {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.3;
}

.asn_report .asn_label_loading_spinner,
.asn_document_view .asn_label_loading_spinner {
  width: 18px;
  height: 18px;
  border: 2px solid #99f6e4;
  border-top-color: #0d9488;
  border-radius: 50%;
  flex-shrink: 0;
  animation: asn_label_spin 0.75s linear infinite;
}

@keyframes asn_label_spin {
  to {
    transform: rotate(360deg);
  }
}

/* Global delete / remove actions — light red (site-wide) */
.admin_ref_delete_btn,
.delete_button,
.users_delete_button,
.products_btn_sm_del,
.prepack_remove_line,
.admin_page_delete button,
.retailer_list .group .delete,
form.del_btn input[type="submit"] {
  border: 1px solid #fca5a5 !important;
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.admin_ref_delete_btn:hover,
.delete_button:hover,
.users_delete_button:hover,
.products_btn_sm_del:hover,
.prepack_remove_line:hover,
.admin_page_delete button:hover,
.retailer_list .group .delete:hover,
form.del_btn input[type="submit"]:hover {
  background: #fee2e2 !important;
  border-color: #f87171 !important;
  color: #991b1b !important;
}

/* =============================================================================
   Merged from dashboard_v3.css
   ============================================================================= */

/* Dashboard v3 visual skin.
   Non-breaking override layer: keeps existing markup/behavior intact.
   Selectors use :not(.intro_dashboard_redesign) so this file (loaded after main.css) does not
   override the intro/documents header grid or full-width Incoming/Outgoing tab strip. */

.dashboard.dashboard_v3 {
  --dzv3-ink: #0a1a18;
  --dzv3-muted: #4a6a66;
  --dzv3-bg: #f5fbfa;
  --dzv3-card: #ffffff;
  --dzv3-teal: #0c7a72;
  --dzv3-teal-dark: #095d57;
  --dzv3-line: rgba(12, 122, 114, 0.18);
  --dzv3-shadow: 0 10px 28px rgba(9, 93, 87, 0.1);

  background: linear-gradient(180deg, #f7fcfb 0%, var(--dzv3-bg) 55%, #f2f9f8 100%);
  color: var(--dzv3-ink);
  min-height: 100vh;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .header {
  background: transparent;
  border-bottom: 1px solid var(--dzv3-line);
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .header .centered {
  max-width: 1360px;
  margin: 0 auto;
  padding: 12px 24px 14px;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .header h1 {
  font-family: "DM Sans", sans-serif;
  font-size: clamp(1.2rem, 2vw, 1.6rem);
  letter-spacing: -0.01em;
  color: #083d39;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .dashboard_demo_badge {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  color: #fff;
  background: linear-gradient(135deg, #0c7a72 0%, #149a8f 100%);
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .user_options ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .user_options .dropbtn {
  border: 1px solid var(--dzv3-line);
  background: rgba(255, 255, 255, 0.92);
  border-radius: 8px;
  color: #1d4a45;
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding: 8px 12px;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .user_options .dropbtn a {
  color: inherit;
  text-decoration: none;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .dropdown-content {
  border: 1px solid var(--dzv3-line);
  border-radius: 10px;
  box-shadow: var(--dzv3-shadow);
  overflow: hidden;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .dropdown-content a {
  font-family: "DM Sans", sans-serif;
  font-size: 13px;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .main_nav {
  margin-top: 12px;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .main_nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .main_nav li {
  margin: 0;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .main_nav a {
  display: inline-block;
  padding: 9px 14px;
  border-radius: 10px;
  border: 1px solid var(--dzv3-line);
  background: #fff;
  color: #1f4b46;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .main_nav li.selected a,
.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .main_nav a:hover {
  border-color: rgba(12, 122, 114, 0.42);
  background: #eaf8f6;
  color: var(--dzv3-teal-dark);
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .logo img {
  max-height: 48px;
  width: auto;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .content {
  max-width: 1360px;
  margin: 0 auto;
  padding: 20px 24px 28px;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .sidebar,
.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .documents_sidebar_aside {
  background: var(--dzv3-card);
  border: 1px solid var(--dzv3-line);
  border-radius: 14px;
  box-shadow: var(--dzv3-shadow);
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .side_menu li a {
  color: #275651;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .side_menu li.selected a {
  color: var(--dzv3-teal-dark);
  font-weight: 600;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .footer {
  border-top: 1px solid var(--dzv3-line);
  background: transparent;
  color: var(--dzv3-muted);
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) .footer .centered {
  max-width: 1360px;
  margin: 0 auto;
  padding: 18px 24px 26px;
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
}

.dashboard.dashboard_v3:not(.intro_dashboard_redesign) #notification {
  border: 1px solid rgba(12, 122, 114, 0.32);
  box-shadow: 0 8px 22px rgba(9, 93, 87, 0.14);
}

@media (max-width: 900px) and (max-device-width: 900px) {
  .dashboard.dashboard_v3:not(.intro_dashboard_redesign) .header .centered,
  .dashboard.dashboard_v3:not(.intro_dashboard_redesign) .content,
  .dashboard.dashboard_v3:not(.intro_dashboard_redesign) .footer .centered {
    padding-left: 14px;
    padding-right: 14px;
  }
}

/* =============================================================================
   Merged from doc UI styles
   ============================================================================= */

/* Purchase orders — layout + components matching toms_fake_stuff_purchase_orders.html
   Loaded only from polist.phtml; uses --dt-* tokens from .documents_teal_ref in main.css */

/* Shared typography + shell — document lists + viewdoc (PO, POA, invoice, ASN, etc.) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope {
  --viewdoc-ui-font: "DM Sans", sans-serif;
  --viewdoc-title-font: "DM Sans", sans-serif;
  font-family: "DM Sans", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  color: var(--dt-ink, #1a1f1e);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  box-sizing: border-box;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* Nested <form> quirks: .doc_edit_mode on .centered mirrors form.editdoc.edit show/hide */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .centered.doc_edit_mode .view_toolbar {
  display: none !important;
}

/* Must stay flex — display:block stacks Save / Cancel vertically */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .centered.doc_edit_mode .edit_toolbar {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 10px 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .centered.doc_edit_mode .input {
  display: block !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .centered.doc_edit_mode .fixed {
  display: none !important;
}

/* jQuery UI datepicker popup above header / toolbars */
#ui-datepicker-div {
  z-index: 200100 !important;
}

/* Month/year <select>s: undo project-wide select rules (min-height 42px, heavy padding)
   so the header bar is not clipped / overflowed */
#ui-datepicker-div select.ui-datepicker-month,
#ui-datepicker-div select.ui-datepicker-year {
  min-height: 0 !important;
  height: auto !important;
  padding: 1px 4px !important;
  font-size: 1em !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  border-radius: 3px !important;
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  appearance: auto !important;
  background-image: none !important;
  background-color: #fff !important;
  color: #333 !important;
  box-shadow: none !important;
}

#ui-datepicker-div select.ui-datepicker-month:focus,
#ui-datepicker-div select.ui-datepicker-year:focus {
  box-shadow: none !important;
  outline: 1px solid #4297d7;
}

#ui-datepicker-div .ui-datepicker-header {
  padding: 4px 0;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter_box #userfilters {
  display: block !important;
  width: 100% !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .doc_list_page,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .doc_list_main {
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 24px;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid var(--dt-border);
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 4px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_page_heading {
  min-width: 0;
  flex: 1 1 220px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .page-header h1 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--dt-ink);
  margin: 0;
  line-height: 1.2;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .page-header p {
  font-size: 13px;
  color: var(--dt-muted);
  margin: 4px 0 0;
  line-height: 1.45;
}

/* Incoming PO list: title + legend on one band; labels ellipsis when space is tight.
   KJ 1 Aug 2026: keep ASN/Invoice on the same line (no wrap) with ... */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .page-header {
  flex-wrap: nowrap;
  align-items: center;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .po_page_heading {
  flex: 0 0 auto;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .po_status_legend {
  flex: 1 1 0;
  min-width: 0;
  align-self: center;
}

/* Status legend — single row; pill labels truncate with ellipsis */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_status_legend {
  display: block;
  text-align: right;
  flex: 1 1 160px;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_status_legend_track {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 5px 6px;
  text-align: left;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  padding: 4px 8px;
  line-height: 1;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(45, 212, 191, 0.35);
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(15, 118, 110, 0.06);
  overflow: hidden;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_item:hover {
  border-color: rgba(45, 212, 191, 0.55);
  background: rgba(240, 253, 250, 0.95);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_status_legend .po_legend_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 2px 5px;
  min-width: 22px;
  min-height: 18px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  border-radius: 5px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_status_legend .po_legend_text {
  display: block;
  min-width: 0;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: var(--dt-muted);
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_status_legend .po_legend_changed_mark,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_status_legend .po_legend_type_mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 18px;
  min-height: 18px;
  font-size: 12px;
  line-height: 1;
}

/* Order-type markers in legend (c = created from POA, R = replacement) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_changed_mark,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_type_mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_text .po_legend_changed_mark,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_text .po_legend_type_mark {
  display: inline;
  line-height: inherit;
  margin-right: 5px;
}

/* Page subline: explains “c” (changed order) under the Purchase Orders title */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_heading_changed_hint {
  display: inline;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_changed_mark_hint {
  display: inline;
  font-size: 1.05em;
  margin: 0 2px;
  vertical-align: baseline;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_order_type_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 4px;
  min-width: 16px;
  min-height: 16px;
  padding: 1px 4px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-weight: 700;
  line-height: 1;
  border-radius: 4px;
  box-sizing: border-box;
  text-shadow: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_unread_badge,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_badge_unread {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-left: 6px;
  padding: 2px 7px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
  border-radius: 999px;
  box-sizing: border-box;
  background: #0c7a72;
  color: #fff;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_badge_unread {
  margin-left: 0;
}

/* Legacy alias */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_order_changed_mark {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 0.95em;
  font-weight: 700;
  color: #f39c12;
  text-shadow: 0 0 5px rgba(243, 156, 18, 0.45);
  margin-left: 3px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  flex-shrink: 0;
  line-height: 1.2;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_badge_poa {
  background: #dbeafe;
  color: #1e40af;
  border: 1px solid rgba(30, 64, 175, 0.2);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_badge_type_c,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_order_type_badge_c {
  background: #fff7ed;
  color: #ea580c;
  border: 1px solid rgba(234, 88, 12, 0.28);
  font-size: 11px;
  letter-spacing: -0.02em;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_badge_type_r,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_order_type_badge_r {
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid rgba(220, 38, 38, 0.28);
  font-size: 11px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_badge_asn {
  background: #dcfce7;
  color: #166534;
  border: 1px solid rgba(22, 101, 52, 0.2);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_badge_inv {
  background: #fef9c3;
  color: #a16207;
  border: 1px solid rgba(161, 98, 7, 0.25);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_legend_badge_forwarded {
  background: #f3e8ff;
  color: #7e22ce;
  border: 1px dashed #a855f7;
}

/* Filter card inner grid (reference .filter-row) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-card {
  border-radius: 14px !important;
  padding: 20px 24px !important;
  border: 1px solid var(--dt-border) !important;
  background: #fff !important;
  margin-bottom: 0 !important;
  display: block !important;
}

/* Wider Store/DC + From/To: main.css .incoming_new_style pins .select_tp_narrow to 68px — reset so grid can size them */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter_box .select_tp_narrow {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row {
  display: grid !important;
  grid-template-columns:
    minmax(100px, 1.35fr)
    minmax(88px, 0.95fr)
    minmax(128px, 1.35fr)
    minmax(112px, 1.2fr)
    minmax(112px, 1.2fr)
    minmax(76px, 0.65fr)
    auto !important;
  gap: 12px !important;
  align-items: end !important;
  width: 100% !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row > .field {
  margin: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  height: auto !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row .field label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--dt-muted);
  margin: 0 0 6px;
  line-height: 1.2;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row .field label[for="doc_po_filter_apply"] {
  visibility: hidden;
  margin-bottom: 6px;
  min-height: 1em;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row select,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row input:not([type="submit"]) {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: var(--dt-sand) !important;
  border: 1.5px solid var(--dt-border) !important;
  border-radius: 8px !important;
  min-height: 38px !important;
  padding: 8px 11px !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 13.5px !important;
  color: var(--dt-ink) !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Native selects: styled “control” + chevron (open list is still OS-native where unsupported) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row select {
  padding-right: 36px !important;
  cursor: pointer !important;
  background-color: #f8fbfa !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%233a5552' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  box-shadow:
    0 1px 2px rgba(17, 24, 22, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease,
    background-image 0.18s ease !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row select:hover {
  border-color: rgba(15, 168, 157, 0.55) !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%230c7a72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  box-shadow:
    0 2px 10px rgba(8, 90, 82, 0.09),
    0 0 0 1px rgba(15, 168, 157, 0.12) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row select:active {
  box-shadow:
    0 1px 3px rgba(17, 24, 22, 0.07),
    inset 0 1px 2px rgba(17, 24, 22, 0.04) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row .doclist_retailer_select {
  font-weight: 500 !important;
  min-height: 40px !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row .per_page_select {
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums;
}

/* Options: Chrome / Edge / Safari (limited elsewhere) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row select option {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 12px !important;
  background-color: #fff !important;
  color: #0a1a18 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row select option:checked {
  background: linear-gradient(#e2f5f3, #e2f5f3) !important;
  color: #085a52 !important;
  font-weight: 600 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row select option:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row select option:focus {
  background: linear-gradient(#edf6f5, #edf6f5) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row select:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row input:not([type="submit"]):focus {
  outline: none !important;
  border-color: var(--dt-teal-400) !important;
  box-shadow:
    0 0 0 3px rgba(15, 168, 157, 0.18),
    0 2px 12px rgba(8, 90, 82, 0.08) !important;
  background-color: #fff !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row select:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%230fa89d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row input.btn-apply,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row .btn-apply {
  background: var(--dt-teal-700) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 9px 20px !important;
  min-height: 38px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  color: #fff !important;
  cursor: pointer !important;
  width: auto !important;
  transition: background 0.15s, transform 0.1s;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row input.btn-apply:hover {
  background: var(--dt-teal-800) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row input.btn-apply:active {
  transform: scale(0.97);
}

/* Remittance advices, RCTIs, sales reports, error reports: one retailer control */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .incoming_doc_filter .incoming_filter_row_single {
  display: grid !important;
  grid-template-columns: minmax(200px, 440px) !important;
  gap: 12px !important;
  align-items: end !important;
  width: 100% !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .incoming_doc_filter .incoming_filter_row_single > .field {
  margin: 0 !important;
}

/* Outgoing: POAs (6 fields + Apply) — equal column share, even gutters */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row.outgoing_filter_poa {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) auto !important;
  column-gap: 18px !important;
  row-gap: 18px !important;
  align-items: end !important;
  width: 100% !important;
}

/* Outgoing: ASNs & Invoices (7 fields + Apply) — per-page overrides set column widths */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row.outgoing_filter_wide {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) auto !important;
  column-gap: 18px !important;
  row-gap: 18px !important;
  align-items: end !important;
  width: 100% !important;
}

/* Invoice list: label + table “Invoice number” column stay on one line */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row.outgoing_filter_wide label[for="out_inv_num"],
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row.outgoing_filter_wide label[for="out_asn_num"] {
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_doc_list_page table.doclist:not(.outgoing_poa_doclist) thead tr td:nth-child(4),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_doc_list_page table.doclist:not(.outgoing_poa_doclist) tbody tr td:nth-child(4),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_poa_doclist thead tr td:nth-child(5),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_poa_doclist tbody tr td:nth-child(5) {
  white-space: nowrap;
}

/* Outgoing tables: equal gutter between columns (symmetric cell padding) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_doc_list_page table.doclist thead td,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_doc_list_page table.doclist tbody td {
  padding: 12px 18px !important;
}

/*
 * Outgoing ASN / Invoice filters: 6 fields + Apply = cols 1–6 + auto.
 * After number col: From, To, Per page only → repeat(3, 1fr) (was repeat(4) — one too many).
 * Equal gap between all cells; retailer + order share 1fr; number column wider; last three equal.
 */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_asn_list_page .filter-row.outgoing_filter_wide {
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(340px, 3.2fr)
    repeat(3, minmax(0, 1fr))
    auto !important;
  column-gap: 18px !important;
  row-gap: 18px !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_asn_list_page .filter-row.outgoing_filter_wide #out_asn_num {
  min-width: min(100%, 300px);
  width: 100%;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_invoice_list_page .filter-row.outgoing_filter_wide {
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(400px, 3.6fr)
    repeat(3, minmax(0, 1fr))
    auto !important;
  column-gap: 18px !important;
  row-gap: 18px !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_invoice_list_page .filter-row.outgoing_filter_wide #out_inv_num {
  min-width: 12rem;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

/* Number columns: cap width so Status + View stay in view (avoid min-widths that force horizontal clip) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_invoice_list_page table.doclist thead td:nth-child(4),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_invoice_list_page table.doclist tbody td:nth-child(4) {
  min-width: 0;
  max-width: 16rem;
  width: auto;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_asn_list_page table.doclist thead td:nth-child(5),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_asn_list_page table.doclist tbody td:nth-child(5) {
  min-width: 0;
  max-width: 14rem;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Status + View: never shrink away */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_invoice_list_page table.doclist thead td:nth-child(5),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_invoice_list_page table.doclist tbody td:nth-child(5),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_invoice_list_page table.doclist thead td:nth-child(6),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_invoice_list_page table.doclist tbody td:nth-child(6),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_asn_list_page table.doclist thead td:nth-child(6),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_asn_list_page table.doclist tbody td:nth-child(6),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_asn_list_page table.doclist thead td:nth-child(7),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_asn_list_page table.doclist tbody td:nth-child(7) {
  white-space: nowrap;
  width: 1%;
}

/* Outgoing POA / ASN / Invoice: keep trading partner (“To”) on one line */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_doc_list_page table.doclist:not(.outgoing_poa_doclist) thead tr td:first-child,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_doc_list_page table.doclist tbody td.retailer {
  white-space: nowrap;
  min-width: 15rem;
  word-break: normal;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_poa_doclist thead td.poa_select_col,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_poa_doclist tbody td.poa_select_col {
  width: 48px;
  min-width: 48px;
  max-width: 52px;
  padding-left: 14px !important;
  padding-right: 8px !important;
  text-align: center;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_poa_subbar {
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_poa_subbar .po_bulk_send_btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 34px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  border-radius: 7px !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_poa_subbar .po_bulk_send_btn:hover {
  filter: brightness(1.03);
  opacity: 0.95;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_doc_list_page table.doclist tbody td.retailer .indent,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .outgoing_doc_list_page table.doclist tbody td.retailer span {
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .incoming_doc_list_page table.doclist tbody td.retailer {
  min-width: 11rem !important;
  word-break: normal;
  white-space: nowrap;
  vertical-align: middle;
}

/* Incoming lists: keep the “To” / “From” column header on one line (uppercase + letter-spacing can wrap otherwise) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .incoming_doc_list_page table.doclist thead td:first-child {
  white-space: nowrap !important;
  word-break: normal !important;
  min-width: min-content;
  max-width: none;
}

/* Empty state */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .empty-state {
  background: #fff;
  border: 1px solid var(--dt-border);
  border-radius: 14px;
  padding: 60px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .empty-icon {
  width: 60px;
  height: 60px;
  background: var(--dt-teal-50);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  color: var(--dt-teal-500);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .empty-state h3 {
  font-size: 16px;
  font-weight: 600;
  color: var(--dt-ink);
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .empty-state p {
  font-size: 13.5px;
  color: var(--dt-muted);
  max-width: 320px;
  line-height: 1.5;
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope a.btn-outline {
  margin-top: 4px;
  border: 1.5px solid var(--dt-border);
  background: none;
  border-radius: 8px;
  padding: 8px 18px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--dt-ink);
  text-decoration: none;
  display: inline-block;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope a.btn-outline:hover {
  border-color: var(--dt-teal-400);
  background: var(--dt-teal-50);
  color: var(--dt-teal-700);
  text-decoration: none;
}

/* Results: paginator stays visible; table + toolbar scroll inside the card */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .doclist_results_stack {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .doclist_results_stack .pagination {
  flex-shrink: 0;
}

/* Table card: vertical scroll when there are many rows; horizontal scroll if table is wider than card (was hidden — clipped Status/View on outgoing lists) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .doclist_results_stack .doclist_table_card {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: auto;
  overflow-y: auto;
  max-width: 100%;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

/* Lists without .doclist_results_stack (should be rare): keep prior behaviour */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .doclist_table_card {
  overflow-x: auto;
  max-width: 100%;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .doc_list_main,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .doc_list_page {
  max-width: 100%;
  min-width: 0;
}

/* Sort-by row + results bar (pills + export; grey subbar for count + selection actions) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_toolbar {
  background: #fff;
  border-bottom: 1px solid var(--dt-border);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_top_row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 20px;
  padding: 14px 18px 12px !important;
  border-bottom: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_by_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  min-width: 0;
  flex: 1 1 auto;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_label {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dt-muted);
  flex-shrink: 0;
  margin: 0;
  padding-top: 2px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  border-radius: 999px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none !important;
  border: 1px solid var(--dt-border);
  background: #fff;
  color: var(--dt-muted);
  box-shadow: 0 1px 0 rgba(17, 24, 22, 0.03);
  transition: border-color 0.15s, background 0.15s, color 0.15s, box-shadow 0.15s;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_pill:hover {
  border-color: var(--dt-teal-400);
  background: var(--dt-teal-50);
  color: var(--dt-teal-700);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_pill_active,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_pill_active:hover {
  background: var(--dt-teal-700) !important;
  border-color: var(--dt-teal-700) !important;
  color: #fff !important;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_pill_active:hover {
  background: var(--dt-teal-800) !important;
  border-color: var(--dt-teal-800) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_pill_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_pill_active .po_sort_ic {
  color: #fff;
  opacity: 1;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_pill:not(.po_sort_pill_active) .po_sort_ic_inactive {
  color: #8a9b97;
  opacity: 0.95;
}

/* Incoming PO quick filters: visually distinct from sort pills */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_quick_filters_toolbar {
  margin: 10px 0 8px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--dt-border);
  border-radius: 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_quick_filters_row {
  padding: 10px 14px;
  gap: 10px 14px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_quick_filter_pills {
  gap: 7px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_quick_filter_chip {
  padding: 7px 12px;
  border-radius: 8px;
  border-color: #cfe4e2;
  background: #f8fbfa;
  color: #2e4f4b;
  font-size: 12px;
  font-weight: 600;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_quick_filter_chip:hover {
  border-color: var(--dt-teal-500);
  background: #eef8f6;
  color: var(--dt-teal-700);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_quick_filter_chip.po_sort_pill_active,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_quick_filter_chip.po_sort_pill_active:hover {
  background: var(--dt-teal-500) !important;
  border-color: var(--dt-teal-500) !important;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_menu {
  margin-left: auto;
  position: relative;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_by_row .po_export_menu {
  margin-left: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  min-width: 0;
  border: 1px solid #7dd3c8 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #0f766e !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  padding: 0 12px 0 10px;
  cursor: pointer;
  box-shadow: none !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_btn::after {
  content: none;
  display: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_btn_icon {
  flex-shrink: 0;
  color: #14b8a6;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_btn_chevron {
  flex-shrink: 0;
  margin-left: -2px;
  opacity: 0.75;
  transition: transform 0.15s ease;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_menu.dropdown:hover .po_export_btn_chevron,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_menu.dropdown:focus-within .po_export_btn_chevron {
  transform: rotate(180deg);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_menu.dropdown:hover .po_export_btn,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_menu.dropdown:focus-within .po_export_btn,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_btn:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_btn:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_btn:active {
  background: #ecfdf5 !important;
  border-color: #2dd4bf !important;
  color: #0d9488 !important;
  transform: none;
  filter: none;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_btn:focus-visible {
  outline: 0 !important;
  background: #ecfdf5 !important;
  border-color: #14b8a6 !important;
  color: #0d9488 !important;
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.18) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_dropdown {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  left: auto;
  min-width: 240px !important;
  max-width: 280px;
  padding: 8px !important;
  border: 1px solid #b8ebe4 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(15, 118, 110, 0.14) !important;
  z-index: 500;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_note {
  margin: 0 0 8px 0;
  padding: 8px 10px;
  border-radius: 7px;
  background: #f0fdfa;
  color: #475569;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_dropdown a.po_export_option {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 9px 10px !important;
  border-radius: 7px;
  color: #134e4a !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_option_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: #ecfdf5;
  color: #0d9488;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_option_text {
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_option_action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  color: #94a3b8;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_dropdown a.po_export_option:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_dropdown a.po_export_option:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_dropdown a.po_export_option:focus-visible {
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_dropdown a.po_export_option:hover .po_export_option_icon,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_dropdown a.po_export_option:focus .po_export_option_icon,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_dropdown a.po_export_option:focus-visible .po_export_option_icon {
  background: #ccfbf1;
  color: #0f766e;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_dropdown a.po_export_option:hover .po_export_option_action,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_dropdown a.po_export_option:focus .po_export_option_action,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_export_dropdown a.po_export_option:focus-visible .po_export_option_action {
  opacity: 1;
  transform: translateX(0);
  color: #0d9488;
  background: #d1fae5;
}

#po_export_toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99999;
  max-width: min(480px, calc(100vw - 36px));
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid var(--dt-teal-500);
  background: #ffffff;
  color: var(--dt-ink);
  font-size: 13px;
  font-weight: 500;
  box-shadow: 0 10px 30px rgba(2, 6, 23, 0.18);
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

#po_export_toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Keep PO Order No values on one line */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope table.doclist td.po_cell_orderno {
  white-space: nowrap !important;
  word-break: normal !important;
  vertical-align: middle !important;
}

/* Exception summary cards above quick filters */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_exception_cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
  margin: 10px 0 8px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_exception_card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #d7e9e7;
  background: #fff;
  text-decoration: none !important;
  color: var(--dt-ink);
  box-shadow: 0 1px 0 rgba(2, 6, 23, 0.03);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_exception_card:hover {
  border-color: var(--dt-teal-500);
  background: #f7fbfb;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_exception_label {
  font-size: 12px;
  font-weight: 600;
  color: var(--dt-muted);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_exception_value {
  min-width: 26px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--dt-teal-50);
  color: var(--dt-teal-700);
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_exception_card_active {
  border-color: var(--dt-teal-500);
  background: #eef8f7;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_exception_card_active .po_exception_label {
  color: var(--dt-teal-700);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_exception_card_active .po_exception_value {
  background: var(--dt-teal-500);
  color: #fff;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_doclist_subbar_actions .po_print_selected_btn,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_doclist_subbar_actions .doclist_print_selected {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  height: 38px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: var(--dt-warning) !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_doclist_subbar_actions .doclist_print_selected:hover {
  opacity: 0.92;
  filter: brightness(1.03);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_menu {
  position: relative;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  min-width: 0;
  border: 1px solid #93c5fd !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #1d4ed8 !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1;
  padding: 0 14px;
  cursor: pointer;
  box-shadow: none !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_trigger::after {
  content: none;
  display: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_menu.dropdown:hover .po_bulk_poa_trigger,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_menu.dropdown:focus-within .po_bulk_poa_trigger,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_trigger:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_trigger:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_trigger:active {
  background: #eff6ff !important;
  border-color: #60a5fa !important;
  color: #1e40af !important;
  transform: none;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_trigger:focus-visible {
  outline: 0 !important;
  background: #eff6ff !important;
  border-color: #3b82f6 !important;
  color: #1e40af !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_dropdown {
  position: absolute;
  /* KJ 31 Jul 2026 — overlap trigger so hover doesn't drop before Accept/Reject click */
  top: calc(100% - 4px);
  right: 0;
  left: auto;
  min-width: 280px;
  max-width: 320px;
  padding: 12px 8px 8px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(30, 64, 175, 0.12);
  z-index: 500;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_note {
  margin: 0 0 8px 0;
  padding: 8px 10px;
  border-radius: 7px;
  background: #f8fafc;
  color: #475569;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option {
  display: block;
  width: 100%;
  padding: 9px 10px;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #1e3a8a !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_title {
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_desc {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option:active,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option:focus-visible {
  outline: 0 !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option:hover .po_bulk_poa_option_desc,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option:focus .po_bulk_poa_option_desc,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option:active .po_bulk_poa_option_desc,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject .po_bulk_poa_option_desc,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject:hover .po_bulk_poa_option_desc,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject:focus .po_bulk_poa_option_desc,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject:active .po_bulk_poa_option_desc {
  color: #64748b !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject {
  color: #b83a3a;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject .po_bulk_poa_option_title {
  color: #b83a3a;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject:active,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject:focus-visible {
  background: #fff4f4 !important;
  color: #9f2f2f !important;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject:hover .po_bulk_poa_option_title,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject:focus .po_bulk_poa_option_title,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_option_reject:active .po_bulk_poa_option_title {
  color: #9f2f2f !important;
}

/* Bulk POA — never show teal tooltip/green chrome on the menu wrapper */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_menu.po_tooltip_trigger::before,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_bulk_poa_menu.po_tooltip_trigger::after {
  display: none !important;
  content: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_tooltip_trigger {
  position: relative;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_tooltip_trigger::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  min-width: 210px;
  max-width: 280px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #133a36;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 20;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_tooltip_trigger::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #133a36;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease;
  z-index: 21;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_tooltip_trigger:hover::after,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_tooltip_trigger:hover::before,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_tooltip_trigger:focus-visible::after,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_tooltip_trigger:focus-visible::before {
  opacity: 1;
  visibility: visible;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_print_icon {
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_doclist_subbar.doclist_table_header {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  padding: 10px 18px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--dt-border) !important;
  background: #f5f7f6 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_orders_count {
  margin: 0 !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #4a5c58;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_doclist_subbar_actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_doclist_subbar .doclist_select_all {
  margin: 0 !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Clickable table header sort labels (neutral link style) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_th_sort_link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit !important;
  text-decoration: none !important;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_th_sort_link:hover {
  color: var(--dt-teal-700) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_th_sortable .po_th_sort_glyph {
  font-size: 0.85em;
  opacity: 0.75;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_th_sorted .po_th_sort_link {
  color: #3d524e !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_th_documents {
  text-align: left;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope table.doclist {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  table-layout: auto;
}

/* PO table only — column layout differs from other incoming doc lists */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist thead td:nth-child(1),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist tbody td:nth-child(1) {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 52px !important;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist thead td:nth-child(2),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist tbody td:nth-child(2) {
  min-width: 0 !important;
  width: 20%;
  max-width: 280px;
  white-space: normal;
  word-break: break-word;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist thead td:nth-child(3),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist tbody td:nth-child(3) {
  min-width: 0 !important;
  width: 10%;
  white-space: normal;
  word-break: break-word;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist thead td:nth-child(4),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist tbody td:nth-child(4) {
  min-width: 0 !important;
  width: 12%;
  white-space: normal;
  word-break: break-word;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist thead td:nth-child(5),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist tbody td:nth-child(5),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist thead td:nth-child(6),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist tbody td:nth-child(6),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist thead td:nth-child(7),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist tbody td:nth-child(7) {
  min-width: 0 !important;
  width: 9%;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist thead td:nth-child(8),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist tbody td:nth-child(8) {
  min-width: 72px !important;
  width: 7%;
  white-space: nowrap;
  vertical-align: middle !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist thead td:nth-child(9),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist tbody td:nth-child(9) {
  min-width: 108px !important;
  width: 11%;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope table.doclist td.operation {
  width: auto !important;
  min-width: 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist td.doctracking .doctracking_row {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  max-width: 100%;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page table.doclist td.doctracking {
  display: table-cell !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist td.doctracking {
  width: auto !important;
  min-width: 108px !important;
  max-width: 100%;
  white-space: nowrap !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist td.doctracking .doctrackingpart {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  flex-shrink: 0;
  gap: 0;
  vertical-align: middle;
  margin-right: 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist td.doctracking .doctrackingpart:last-child {
  margin-right: 0;
}

/* Row POA / ASN / INV — same palette as .po_status_legend (pending = muted; sent = filled badge) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist .doctrackingpart {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  line-height: 1.2 !important;
  margin: 0 !important;
  cursor: default;
  border-radius: 6px;
  padding: 2px 7px !important;
  border: 1px solid transparent;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist .doctrackingpart a {
  color: inherit !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist .doctrackingpart a:hover {
  text-decoration: underline !important;
}

/* Pending (not linked) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist .doctrackingpart.trackfail.track_poa {
  background: #f1f5f9 !important;
  color: #94a3b8 !important;
  border-color: rgba(148, 163, 184, 0.45) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist .doctrackingpart.trackfail.track_asn {
  background: #ecfdf5 !important;
  color: #86b89a !important;
  border-color: rgba(22, 101, 52, 0.15) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist .doctrackingpart.trackfail.track_inv {
  background: #fffbeb !important;
  color: #c4a862 !important;
  border-color: rgba(161, 98, 7, 0.2) !important;
}

/* Available (linked) — match legend badges */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist .doctrackingpart.tracksuccess.track_poa {
  background: #dbeafe !important;
  color: #1e40af !important;
  border-color: rgba(30, 64, 175, 0.2) !important;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist .doctrackingpart.tracksuccess.track_asn {
  background: #dcfce7 !important;
  color: #166534 !important;
  border-color: rgba(22, 101, 52, 0.2) !important;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist .doctrackingpart.tracksuccess.track_inv {
  background: #fef9c3 !important;
  color: #a16207 !important;
  border-color: rgba(161, 98, 7, 0.25) !important;
  cursor: pointer;
}

/* Forwarded (EDI passthrough) — one shared colour for POA, ASN, INV */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist .doctrackingpart.trackforwarded {
  background: #f3e8ff !important;
  color: #7e22ce !important;
  border: 1px dashed #a855f7 !important;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_purchase_orders_page .doclist .doctrackingpart.trackforwarded a {
  color: inherit !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope table.doclist tbody td.retailer {
  min-width: 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope table.doclist tbody tr {
  min-height: 44px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope table.doclist tbody td {
  font-size: 14px !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope table.doclist thead td {
  font-size: 12px !important;
  padding: 12px 14px !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope table.doclist tbody td {
  padding: 12px 14px !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope table.doclist tbody tr.doc_row_unread {
  background: #b8ddd6 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope table.doclist tbody tr.doc_row_unread td {
  color: var(--dt-teal-900) !important;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope table.doclist tbody tr.doc_row_unread:hover {
  background: #a3d4cb !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope table.doclist tbody tr[style*="background-color"] {
  background: rgba(46, 184, 156, 0.14) !important;
}

@media screen and (max-width: 900px) and (max-device-width: 900px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .page-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_status_legend {
    text-align: left;
    max-width: 100%;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_status_legend_track {
    justify-content: flex-start;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row.outgoing_filter_poa,
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row.outgoing_filter_wide {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 18px !important;
    row-gap: 18px !important;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row .filter_apply_cell {
    grid-column: 1 / -1;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row input.btn-apply {
    width: 100%;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_sort_top_row {
    flex-direction: column;
    align-items: stretch;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_doclist_subbar_actions {
    width: 100%;
    margin-left: 0;
    flex-wrap: wrap;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_doclist_subbar_actions .doclist_print_selected,
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_doclist_subbar_actions .doclist_select_all,
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_doclist_subbar_actions .po_bulk_poa_menu {
    flex: 1 1 auto;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_doclist_subbar_actions .doclist_print_selected,
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .po_doclist_subbar_actions .po_bulk_poa_trigger {
    justify-content: center;
    width: 100%;
  }
}

@media screen and (max-width: 560px) and (max-device-width: 560px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope .filter-row {
    grid-template-columns: 1fr !important;
  }
}

/* ---------------------------------------------------------------------------
   Document view (viewdoc.php) — PO, POA, invoice, ASN, PAD: teal shell + cards
   --------------------------------------------------------------------------- */

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 8px 0 28px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .centered {
  max-width: 100%;
  box-sizing: border-box;
}

/* Toolbar: flex row, no float — works for po_report, poa_report, asn_report */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .toolbar {
  padding: 14px 16px;
  margin: 0 0 16px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--dt-border);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(17, 24, 22, 0.04);
  overflow: visible;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .toolbar ul {
  float: none !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 12px;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: visible;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .toolbar ul li {
  float: none !important;
  margin: 0 !important;
  overflow: visible;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .toolbar ul li p {
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .toolbar .clrflt {
  display: none;
}

/* Viewdoc — hover dropdown panels (toolbar + editdoc), teal shell */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .dropdown-content {
  min-width: 228px;
  max-width: min(340px, calc(100vw - 28px));
  padding: 8px 0;
  margin: 0;
  background: #fff !important;
  border: 1px solid #c5e4de !important;
  border-radius: 14px !important;
  box-shadow:
    0 4px 12px rgba(12, 74, 68, 0.07),
    0 22px 48px -16px rgba(12, 74, 68, 0.2) !important;
  overflow: hidden;
  font-family: var(--viewdoc-ui-font);
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .toolbar .dropdown-content[style*="right"] {
  left: auto !important;
  right: 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .toolbar .dropdown-content[style*="left"] {
  left: 0 !important;
  right: auto !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .dropdown-content a {
  display: block !important;
  position: relative;
  z-index: 1;
  margin: 2px 10px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #1a2f2c !important;
  text-decoration: none !important;
  border: none !important;
  transition: background-color 0.14s ease, color 0.14s ease;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .dropdown-content a:hover {
  background: #e8f6f3 !important;
  color: var(--dt-teal-800) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .dropdown-content a:focus-visible {
  outline: 2px solid var(--dt-teal-400);
  outline-offset: 0;
  background: #e8f6f3 !important;
  color: var(--dt-teal-800) !important;
}

/* ASN Generate SSCCs — menu options (not toolbar pills) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .asn_sscc_dropdown {
  min-width: 220px !important;
  padding: 8px 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .asn_sscc_option {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  margin: 2px 10px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 0 !important;
  color: #1a2f2c !important;
  text-decoration: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .asn_sscc_option_title {
  display: block;
  font-family: var(--viewdoc-ui-font, "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  color: inherit;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .asn_sscc_option_desc {
  display: block;
  font-family: var(--viewdoc-ui-font, "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
  color: #5f7a75;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .asn_sscc_option:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .asn_sscc_option:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .asn_sscc_option:focus-visible {
  background: #e8f6f3 !important;
  color: var(--dt-teal-800) !important;
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .asn_sscc_option:hover .asn_sscc_option_desc,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .asn_sscc_option:focus .asn_sscc_option_desc {
  color: #0f766e;
}

/* PO Create ASN — stylish menu (labels only) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_create_asn_dropdown {
  min-width: 220px !important;
  padding: 8px 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_create_asn_option {
  display: block !important;
  margin: 2px 10px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 0 !important;
  font-family: var(--viewdoc-ui-font, "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #1a2f2c !important;
  text-decoration: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_create_asn_option:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_create_asn_option:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_create_asn_option:focus-visible {
  background: #e8f6f3 !important;
  color: var(--dt-teal-800, #0f766e) !important;
  box-shadow: none !important;
}

/* Chevron on toolbar dropdown triggers */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .toolbar .dropdown > button.blue_button_28 {
  display: inline-flex !important;
  align-items: center;
  gap: 0.4em;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .toolbar .dropdown > button.blue_button_28::after {
  content: "";
  width: 0.35em;
  height: 0.35em;
  margin-top: -0.2em;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: 0.75;
  flex-shrink: 0;
}

/* POA / invoice edit + view toolbars */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell form.editdoc .toolbar {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Horizontal toolbar rows (main.css also uses flex for .edit_toolbar / .view_toolbar) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell form.editdoc.edit .toolbar ul.edit_toolbar,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell form.editdoc.view .toolbar ul.view_toolbar {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell form.editdoc.edit .toolbar ul.edit_toolbar {
  flex-wrap: nowrap;
}

/* Status + validation banners (match .content .success / .errors in main.css) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell form.editdoc > .success,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell form.editdoc form.editdoc > .success {
  border-radius: 10px;
  border: 1px solid var(--dt-border);
  background: var(--dt-teal-50);
  color: var(--dt-ink);
  padding: 12px 16px;
  margin-bottom: 12px;
  font-family: var(--viewdoc-ui-font);
  font-size: 14px;
  line-height: 1.45;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell form.editdoc .errors {
  border-radius: 10px;
  border: 1px solid rgba(224, 82, 82, 0.32);
  background: rgba(254, 242, 242, 0.92);
  color: var(--dt-ink);
  padding: 12px 16px;
  margin-bottom: 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell form.editdoc .errors p {
  font-weight: 600;
  color: #9f1239;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell form.editdoc .errors ul {
  margin: 0.25rem 0 0;
  padding-left: 1.25rem;
  list-style-type: disc;
  color: #3f3f46;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell form.editdoc .errors li {
  margin: 4px 0;
  font-weight: 400;
}

/* Main report card */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .report {
  padding: 20px 22px 24px;
  margin: 0;
  border: 1px solid var(--dt-border);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(17, 24, 22, 0.06);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .report h2 {
  font-family: var(--viewdoc-title-font);
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.25;
  color: var(--dt-teal-900);
  border-bottom: 2px solid var(--dt-teal-100);
  padding-bottom: 12px;
  margin: 0 0 16px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .report h3 {
  font-family: var(--viewdoc-ui-font);
  font-weight: 600;
  color: var(--dt-muted);
  font-size: 1rem;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .summary_header {
  margin-bottom: 8px;
}

/* main.css positions .summary_header h3 absolute — it then sits on top of the grey summary table */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .summary_header {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  position: relative;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .summary_header h3 {
  position: static !important;
  top: auto !important;
  left: auto !important;
  padding: 0 0 10px !important;
  margin: 0 0 4px !important;
  font-size: 1.05rem !important;
  line-height: 1.35;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .summary_table_container {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .summary_table_container {
  border: 1px solid var(--dt-border);
  border-radius: 10px;
  overflow: hidden;
  background: var(--dt-sand);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .summary_table td {
  font-family: var(--viewdoc-ui-font);
  font-size: 13px;
  padding: 8px 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .summary_table td:first-child {
  color: var(--dt-muted);
  font-weight: 600;
  width: 42%;
}

/* Invoice: top-right summary (Order number, Invoice number, Freight, etc.) — one line per row */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table_container {
  width: auto;
  max-width: min(440px, 100%);
  min-width: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table td:first-child {
  width: auto;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table td {
  white-space: nowrap;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table input[type="text"] {
  max-width: min(200px, 42vw);
  box-sizing: border-box;
}

/* Invoice edit mode: modernise summary card + field rhythm */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 14px 18px;
  flex-wrap: wrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_header h3 {
  margin: 2px 0 0;
  font-size: 26px;
  line-height: 1.2;
  color: #154d46;
  letter-spacing: -0.02em;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table_container {
  width: min(560px, 100%);
  max-width: 100%;
  border: 1px solid #d5e8e4;
  border-radius: 12px;
  background: #fdfefe;
  padding: 12px 14px;
  box-shadow: 0 2px 8px rgba(5, 70, 62, 0.06);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table td {
  vertical-align: middle;
  white-space: normal;
  padding: 4px 8px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table td:first-child {
  width: 38%;
  min-width: 140px;
  color: #355a55;
  font-size: 14px;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table td:last-child {
  width: 62%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input input[type="text"] {
  width: min(320px, 100%) !important;
  max-width: 100% !important;
  min-height: 36px;
  padding: 7px 10px !important;
  border-radius: 8px;
  border: 1px solid #aacdc6;
  background: #fff;
  font-size: 14px;
  line-height: 1.25;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input input[type="text"]:focus {
  border-color: #0d9488;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.14);
  outline: none;
}

/* Invoice view mode: match the cleaned-up edit layout */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 14px 18px;
  flex-wrap: wrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_header h3 {
  margin: 2px 0 0;
  font-size: 26px;
  line-height: 1.2;
  color: #154d46;
  letter-spacing: -0.02em;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table_container {
  width: min(560px, 100%);
  max-width: 100%;
  border: 1px solid #d5e8e4;
  border-radius: 12px;
  background: #fdfefe;
  padding: 12px 14px;
  box-shadow: 0 2px 8px rgba(5, 70, 62, 0.06);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table td {
  vertical-align: middle;
  white-space: normal;
  padding: 4px 8px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table td:first-child {
  width: 38%;
  min-width: 140px;
  color: #355a55;
  font-size: 14px;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table td:last-child {
  width: 62%;
  color: #183b36;
  font-weight: 500;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table_container {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Invoice summary alternate look: panel rows + stronger contrast */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table_container,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table_container {
  border: 1px solid #c7e1db;
  border-radius: 14px;
  background: linear-gradient(180deg, #f5fbfa 0%, #ffffff 24%);
  padding: 14px;
  box-shadow: 0 10px 24px rgba(7, 53, 47, 0.08);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table {
  border-collapse: separate;
  border-spacing: 0 8px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table tr,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table tr {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e6f0ee;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table td,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table td {
  padding: 9px 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table td:first-child,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table td:first-child {
  color: #0f6a61;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 700;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table td:last-child,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table td:last-child {
  color: #113a35;
  font-size: 15px;
  font-weight: 600;
}

/* Invoice summary fresh look (v2): soft canvas + paired cells */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table_container,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table_container {
  border: 1px solid #bfe2db;
  border-radius: 16px;
  background: radial-gradient(circle at top right, #f1fbf8 0%, #f8fcfb 44%, #ffffff 100%);
  padding: 14px;
  box-shadow: 0 14px 26px rgba(9, 74, 66, 0.09);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table tr,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table tr {
  background: transparent;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table td,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table td {
  padding: 10px 14px;
  border: 1px solid #e0efec;
  background: #ffffff;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table td:first-child,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table td:first-child {
  width: 34%;
  border-right: 0;
  border-radius: 10px 0 0 10px;
  background: linear-gradient(180deg, #f2fbf8 0%, #eaf6f3 100%);
  color: #0f766e;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 700;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table td:last-child,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table td:last-child {
  width: 66%;
  border-left: 0;
  border-radius: 0 10px 10px 0;
  color: #13413b;
  font-size: 16px;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input input[type="text"] {
  min-height: 38px;
  border-radius: 9px;
  border: 1px solid #9fcdc4;
  background: #fcfffe;
}

/* Invoice summary classic-modern: keep original structure, polish visuals */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px 24px !important;
  flex-wrap: nowrap !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_header h3 {
  margin: 4px 0 0 !important;
  padding: 0 !important;
  font-size: 34px;
  line-height: 1.15;
  color: #0f172a;
  font-weight: 700;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table_container {
  width: min(370px, 44vw) !important;
  min-width: 320px;
  margin-left: auto !important;
  margin-right: 0 !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08) !important;
  padding: 10px 12px !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table {
  width: 100%;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table tr + tr td {
  border-top: 1px solid #eef2f7;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table td {
  padding: 6px 8px !important;
  white-space: nowrap !important;
  vertical-align: middle;
  background: transparent !important;
  border: 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table td:first-child {
  width: 46% !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table td:last-child {
  width: 54% !important;
  color: #0f172a !important;
  font-size: 22px;
  font-weight: 600 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input input[type="text"] {
  width: 100% !important;
  max-width: 170px !important;
  min-height: 34px;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

/* KJ 29 Jul 2026 — Invoice edit: hover on editable summary fields */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table tr:has(.input):hover td {
  background: #f0faf8 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input input[type="text"]:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input.inv_asn_fields .inv_asn_pick:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input.inv_asn_fields input.inv_asn_manual[type="text"]:hover {
  border-color: #0d9488 !important;
  background: #f7fffd !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input input[type="text"]:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input.inv_asn_fields .inv_asn_pick:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input.inv_asn_fields input.inv_asn_manual[type="text"]:focus {
  border-color: #0f766e !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.18) !important;
  outline: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .detail_lines table.detail tbody tr:hover td {
  background: #f3faf8;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .detail_lines table.detail tbody td input[type="text"] {
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .detail_lines table.detail tbody td input[type="text"]:hover {
  border-color: #0d9488;
  background: #f7fffd;
  box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.12);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .detail_lines table.detail tbody td input[type="text"]:focus {
  border-color: #0f766e;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.18);
  outline: none;
}

/* KJ 27 Jul 2026 — Invoice ASN: one field slot — either the select OR the text box, never both */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input.inv_asn_fields {
  display: block;
  width: 100%;
  max-width: 170px;
}
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input.inv_asn_fields .inv_asn_pick,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input.inv_asn_fields input.inv_asn_manual[type="text"] {
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  max-width: 170px !important;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #fff !important;
  font-size: 14px;
  line-height: 1.25;
  color: #0f172a;
}
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input.inv_asn_fields .inv_asn_pick:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input.inv_asn_fields input.inv_asn_manual[type="text"]:focus {
  border-color: #0d9488 !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.14);
  outline: none;
}
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input.inv_asn_fields .inv_asn_back {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
  color: #0d9488;
  text-decoration: none;
}
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table .input.inv_asn_fields .inv_asn_back:hover {
  text-decoration: underline;
}

@media screen and (max-width: 720px) and (max-device-width: 720px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table_container {
    padding: 10px 10px;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table td:first-child,
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table td:last-child {
    display: block;
    width: 100%;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.edit .summary_table td:first-child {
    padding-bottom: 2px;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table_container {
    padding: 10px 10px;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table td:first-child,
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table td:last-child {
    display: block;
    width: 100%;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc.view .summary_table td:first-child {
    padding-bottom: 2px;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_header {
    flex-wrap: wrap !important;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table_container {
    width: 100% !important;
    min-width: 0;
  }
}

/* ASN: top-right summary — one line per row (match invoice) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table_container {
  width: auto;
  max-width: min(440px, 100%);
  min-width: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table td:first-child {
  width: auto;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table td {
  white-space: nowrap;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table input[type="text"] {
  max-width: min(200px, 42vw);
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .report .delivery {
  border-radius: 10px;
  border: 1px solid var(--dt-border);
  background: var(--dt-teal-50);
  margin-top: 16px;
}

/* Scheduled ship date / delivery strip — smaller than body (POA, invoice, etc.) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .report .delivery {
  padding: 10px 14px;
  margin-top: 12px;
}

/* jQuery UI datepicker trigger (“Calendar”) next to ship / delivery date fields */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .ui-datepicker-trigger,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_report .ui-datepicker-trigger,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report .ui-datepicker-trigger {
  margin-left: 6px;
  vertical-align: middle;
  cursor: pointer;
  padding: 2px 8px;
  font-size: 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .report .delivery p {
  margin: 0 !important;
  margin-right: 0 !important;
  height: auto !important;
  line-height: 1.35 !important;
  font-size: 13px !important;
  font-weight: 600;
  color: var(--dt-teal-800);
  font-family: var(--viewdoc-ui-font);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .report .delivery input[type="text"],
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .report .delivery input.datepick {
  font-size: 13px !important;
  padding: 4px 8px !important;
  line-height: 1.3 !important;
  min-height: 0 !important;
  vertical-align: middle;
}

/* Line tables — fit viewport width; no inner horizontal scrollbars (scroll the page only) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .detail_lines {
  margin-top: 12px;
  overflow-x: visible;
  overflow-y: visible;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell table.detail {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  table-layout: fixed;
  font-family: var(--viewdoc-ui-font);
  font-size: 13px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell table.detail thead td {
  background: var(--dt-teal-50);
  color: var(--dt-ink);
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 10px 8px;
  border-bottom: 1px solid var(--dt-border);
  white-space: normal;
  line-height: 1.25;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell table.detail tbody td {
  padding: 10px 8px;
  border-bottom: 1px solid rgba(216, 238, 236, 0.7);
  vertical-align: top;
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* Keep figures / right-aligned amounts on one line where the markup uses .right */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell table.detail thead td.right,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell table.detail tbody td.right {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell table.detail tbody tr:last-child td {
  border-bottom: none;
}

/* ---------------------------------------------------------------------------
   Polished document view (PO + POA + ASN + invoice): po_v2 + shared toolbar
   --------------------------------------------------------------------------- */

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_order_view {
  width: 100%;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_view_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px 24px;
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--dt-border);
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 16px;
  box-shadow: 0 1px 2px rgba(17, 24, 22, 0.04);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_view_header .po_page_heading {
  min-width: 0;
  flex: 1 1 220px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_view_header h1 {
  font-family: var(--viewdoc-ui-font);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--dt-ink);
  margin: 0;
  line-height: 1.25;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_no {
  font-style: normal !important;
  font-weight: 700;
  color: var(--dt-teal-700);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_meta {
  font-size: 13px;
  color: var(--dt-muted);
  margin: 8px 0 0;
  line-height: 1.45;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_badge_changed {
  display: inline-block;
  margin-right: 8px;
  padding: 3px 9px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  vertical-align: middle;
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid rgba(185, 28, 28, 0.28);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_view .detail_lines {
  overflow-x: visible;
  overflow-y: visible;
  max-width: 100%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_view .footer_summary {
  width: 100%;
  max-width: 100%;
  margin: 16px 0 0;
  padding: 14px 18px;
  border-radius: 10px;
  border: 1px solid var(--dt-border);
  background: var(--dt-sand);
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_view .footer_summary .totals {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_view .footer_summary .totals .group {
  position: relative;
  clear: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  height: auto;
  min-height: 36px;
  padding: 8px 0;
  border-bottom: 1px solid var(--dt-border);
  background: transparent;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_view .footer_summary .totals .group:last-child {
  border-bottom: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_view .footer_summary .totals .group > div {
  position: static;
  padding: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_view .footer_summary .totals .group .name {
  flex: 1 1 auto;
  text-align: right;
  font-weight: 600;
  font-family: var(--viewdoc-ui-font);
  font-size: 13px;
  color: var(--dt-muted);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .po_order_view .footer_summary .totals .group .num {
  flex: 0 0 auto;
  min-width: 7rem;
  text-align: right;
  font-weight: 600;
  font-family: var(--viewdoc-ui-font);
  font-size: 14px;
  color: var(--dt-ink);
}

/* PO screen — cream page, hero title + supplier / order detail cards */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_page {
  max-width: 960px;
  margin: 0 auto;
  padding: 8px 12px 32px;
  box-sizing: border-box;
  background: #faf8f5;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_report {
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_doc_head {
  margin: 0 0 18px;
  padding-top: 8px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_doc_head_row {
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_doc_head_row .po_v2_po_title {
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_doc_head_row .page_help_btn {
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_po_title {
  font-family: var(--viewdoc-title-font);
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--dt-teal-900);
  margin: 0;
  padding: 0;
  border: none;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_po_title .po_v2_po_title_text {
  color: var(--dt-teal-900);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_po_title .po_v2_order_no {
  font-family: var(--viewdoc-title-font);
  font-style: normal !important;
  font-weight: 600;
  color: var(--dt-teal-500);
  margin-left: 0.35em;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_po_title .po_v2_badge_chg {
  display: inline-block;
  margin-right: 0.35em;
  font-family: var(--viewdoc-ui-font);
  font-size: 0.78em;
  font-style: normal;
  color: #b91c1c;
  font-weight: 700;
  letter-spacing: 0;
  background: #fee2e2;
  padding: 0.2em 0.5em;
  border-radius: 6px;
  vertical-align: middle;
}

/* Retailer + order cards first row; delivery bar + supplements second row (order no. in order details) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_main_columns {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: stretch;
  margin-bottom: 20px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_main_col_cards {
  width: 100%;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_main_col_order_addr {
  width: 100%;
  min-width: 0;
}

/* Delivery summary + per-store block — same mint bar chrome */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_delivery_summary_bar,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_store_summary_bar {
  display: grid;
  gap: 16px 24px;
  align-items: start;
  background: #f2f9f8;
  border: 1px solid #d4e8e4;
  border-radius: 10px;
  padding: 20px 22px 22px;
  margin: 0 0 16px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_delivery_summary_bar {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* View by store: store + address use same labels/values as “Deliver to” */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_store_summary_bar {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_store_card .po_v2_store_warn_txt {
  margin: 0;
  max-width: 42rem;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_delivery_summary_bar--stacked {
  grid-template-columns: 1fr;
  gap: 14px 0;
  margin-bottom: 12px;
}

@media screen and (max-width: 720px) and (max-device-width: 720px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_delivery_summary_bar:not(.po_v2_delivery_summary_bar--stacked) {
    grid-template-columns: 1fr;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_store_summary_bar {
    grid-template-columns: 1fr;
  }
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_dsb_label {
  font-family: var(--viewdoc-ui-font);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--dt-teal-700);
  margin: 0 0 8px;
  line-height: 1.3;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_dsb_value {
  font-family: var(--viewdoc-title-font);
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--dt-teal-900);
  line-height: 1.35;
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_dsb_address {
  font-family: var(--viewdoc-title-font);
  font-weight: 600;
  font-size: 1.05rem;
  letter-spacing: -0.01em;
  color: var(--dt-teal-900);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_delivery_supplement {
  margin-bottom: 16px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_store_warn {
  border-color: rgba(234, 88, 12, 0.38);
  background: #fff7ed;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_store_warn_txt {
  font-family: var(--viewdoc-ui-font);
  font-size: 13px;
  line-height: 1.45;
  color: #9a3412;
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_store_warn_txt a {
  color: #c2410c;
  font-weight: 600;
  text-decoration: underline;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_store_warn_txt a:hover {
  color: #9a3412;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_store_warn_label,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_store_warn_cell {
  color: #9a3412;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_status_banner {
  font-family: var(--viewdoc-ui-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 8px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_status_banner--accepted {
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_status_banner--rejected {
  background: #fef2f2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_status_banner--changed {
  background: #fff7ed;
  color: #c2410c;
  border: 1px solid #fed7aa;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_missing_product_note {
  display: inline-block;
  font-family: var(--viewdoc-ui-font);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  color: #b91c1c;
  margin: 4px 0 0;
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid #fecaca;
  background: #fef2f2;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_missing_products_banner {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #fcd34d;
  background: #fffbeb;
  color: #92400e;
  font-family: var(--viewdoc-ui-font);
  font-size: 13px;
  line-height: 1.45;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_missing_products_banner strong {
  font-weight: 700;
  color: #78350f;
}

/* KJ 29 Jul 2026 — PO unit price vs catalogue selling price: red * + styled tip */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card.detail_lines {
  overflow: visible;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_unitprice--mismatch {
  position: relative;
  overflow: visible;
  z-index: 1;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_price_mismatch_mark {
  position: relative;
  display: inline-block;
  margin-left: 3px;
  color: #dc2626;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  cursor: help;
  vertical-align: baseline;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_price_mismatch_tip {
  position: absolute;
  right: 0;
  bottom: calc(100% + 6px);
  z-index: 50;
  display: none;
  width: max-content;
  max-width: 240px;
  box-sizing: border-box;
  font-family: var(--viewdoc-ui-font);
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  color: #b91c1c;
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid #fecaca;
  background: #fef2f2;
  white-space: normal;
  text-align: left;
  pointer-events: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_price_mismatch_mark:hover .po_v2_price_mismatch_tip,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_price_mismatch_mark:focus .po_v2_price_mismatch_tip {
  display: inline-block;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody tr:hover td.po_v2_col_unitprice--mismatch {
  z-index: 2;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_split_cards {
  display: grid;
  /* Equal-width columns; minmax(0,1fr) avoids content min-width fighting the grid */
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px 20px;
  align-items: stretch;
}

@media screen and (max-width: 720px) and (max-device-width: 720px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_split_cards {
    grid-template-columns: 1fr;
  }
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_info_card {
  background: #fff;
  border: 1px solid #e2e0dc;
  border-radius: 8px;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  min-width: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_card_section_head {
  font-family: var(--viewdoc-ui-font);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9a9a95;
  padding: 14px 18px 10px;
  margin: 0;
  border-bottom: 1px solid #ebe9e4;
  background: #fff;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_si_body {
  padding: 16px 18px 18px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_si_block {
  margin-bottom: 18px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_si_block:last-child {
  margin-bottom: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_si_label {
  font-family: var(--viewdoc-ui-font);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9a9a95;
  margin: 0 0 6px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_si_value {
  font-family: var(--viewdoc-title-font);
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--dt-teal-900);
  line-height: 1.3;
  word-break: break-word;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_si_value .po_v2_type_emphasis {
  font-family: var(--viewdoc-title-font) !important;
  font-style: italic;
  font-weight: 600 !important;
  color: #a67c1a !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_od_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
  padding: 16px 18px 18px;
}

@media screen and (max-width: 520px) and (max-device-width: 520px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_od_grid {
    grid-template-columns: 1fr;
  }
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_od_cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_od_label {
  font-family: var(--viewdoc-ui-font);
  font-size: 11px;
  color: #8a9390;
  font-weight: 500;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_od_value {
  font-family: var(--viewdoc-title-font);
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--dt-teal-900);
  line-height: 1.3;
  word-break: break-word;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_od_cell--spacer {
  visibility: hidden;
  pointer-events: none;
  min-height: 3rem;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_od_more {
  margin: 0;
  padding: 0 18px 16px;
  border-top: 1px solid #f0eeea;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_od_more_row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  padding: 8px 0;
  font-family: var(--viewdoc-ui-font);
  font-size: 12px;
  border-bottom: 1px solid #f5f3ef;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_od_more_row:last-child {
  border-bottom: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_od_more_row dt {
  margin: 0;
  color: #8a9390;
  font-weight: 500;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_od_more_row dd {
  margin: 0;
  font-family: var(--viewdoc-title-font);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--dt-teal-900);
  text-align: left;
  width: 100%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .delivery.po_v2_delivery_card {
  background: #edf5f2;
  border-radius: 10px;
  border: 1px solid #cce0d8;
  padding: 20px 24px;
  margin-top: 0;
  margin-bottom: 16px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .delivery.po_v2_delivery_card table {
  font-family: var(--viewdoc-title-font);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .delivery.po_v2_delivery_card table td:first-child {
  font-family: var(--viewdoc-ui-font);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #5c6f6c;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #dde6e3;
  overflow: hidden;
  margin: 0 0 16px;
}

/* PO v2 line table: fit card width — no min-width, no horizontal scrollbar (wrap text; keep figures on one line) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card.detail_lines {
  overflow-x: visible;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail {
  min-width: 0;
  width: 100%;
  table-layout: fixed;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail thead td,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td {
  word-break: break-word;
  overflow-wrap: anywhere;
  hyphens: auto;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail thead td.right,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.right {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

/* PO inquiry: barcode always one full line (no …); description wraps to max 2 lines */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail thead td.po_v2_col_barcode,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_barcode {
  width: 14%;
  min-width: 9rem;
  max-width: none;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_barcode a {
  display: inline;
  max-width: none;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail thead td.po_v2_col_description,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_description {
  width: 26%;
  min-width: 7rem;
  white-space: normal;
  overflow: hidden;
  text-overflow: clip;
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: none;
  vertical-align: middle;
}

/* KJ 29 Jul 2026 — more room for Unit Price (inc.) header on PO view */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail thead td.po_v2_col_unitprice,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_unitprice {
  width: 8.5rem;
  min-width: 8.5rem;
  padding-left: 12px;
  padding-right: 14px;
  white-space: nowrap;
  overflow: visible;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_description .po_v2_desc_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  line-height: 1.35;
  word-break: break-word;
  overflow-wrap: break-word;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_description--missing_product {
  white-space: normal;
  overflow: visible;
  vertical-align: top;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail thead td {
  font-family: var(--viewdoc-ui-font);
  background: #f4f6f5;
  color: #4a6360;
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  border-bottom: 1px solid #dde6e3;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td {
  font-family: var(--viewdoc-title-font);
  font-size: 14px;
  letter-spacing: -0.01em;
  color: var(--dt-ink);
  border-bottom: 1px solid #eef2f1;
}

/* Product columns (barcode, description, vendor, buyer, retail, del date): distinct teal tone vs price/qty */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail thead td.po_v2_col_product {
  color: #0a5c55 !important;
  background: #eef8f6 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_product {
  color: #115e59 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_product a {
  color: #0d9488 !important;
  font-weight: 600 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_product a:hover {
  color: #0f766e !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody tr:hover td.po_v2_col_product {
  color: #0f3d39 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody tr:hover td.po_v2_col_product a {
  color: #0d9488 !important;
}

/* Description, vendor, buyer, unit price, UOM, quantity: match header "Home Page" link (DM Sans + #1a2228) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_description,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_vendor,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_buyer,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_unitprice,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_uom,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody td.po_v2_col_qty {
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  color: #1a2228 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody tr:hover td.po_v2_col_description,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody tr:hover td.po_v2_col_vendor,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody tr:hover td.po_v2_col_buyer,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody tr:hover td.po_v2_col_unitprice,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody tr:hover td.po_v2_col_uom,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody tr:hover td.po_v2_col_qty {
  color: #0c7a72 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody tr:hover td {
  background: #f9fbfa;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_tbl_card table.detail tbody tr:last-child td {
  border-bottom: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .footer_summary.po_v2_summary_wrap {
  float: none;
  width: max-content;
  max-width: 100%;
  min-width: 240px;
  margin: 0 0 16px auto;
  padding: 16px 20px;
  background: #f4f6f5;
  border-radius: 8px;
  border: 1px solid #dde6e3;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .footer_summary.po_v2_summary_wrap .totals .group {
  border-bottom-color: #dde6e3;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .footer_summary.po_v2_summary_wrap .totals .group .num {
  font-family: var(--viewdoc-title-font);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--dt-teal-900);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .footer_summary.po_v2_summary_wrap .totals .group:last-child {
  padding-top: 12px;
  padding-bottom: 4px;
  min-height: auto;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .footer_summary.po_v2_summary_wrap .totals .group:last-child .name {
  font-size: 14px;
  font-weight: 600;
  color: var(--dt-teal-800);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .footer_summary.po_v2_summary_wrap .totals .group:last-child .num {
  font-family: var(--viewdoc-title-font);
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  font-weight: 700;
  color: var(--dt-teal-500);
  min-width: 8.5rem;
  letter-spacing: -0.02em;
}

/* Outgoing + read-only doc views — cream band (skip po_report when PO v2 hero is present) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_report,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report:not(:has(.po_v2_root)) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 8px 0 32px;
  box-sizing: border-box;
  background: #faf8f5;
}

/* POA: same canvas as PO v2 (.po_v2_page) — cream + horizontal padding */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 8px 12px 32px;
  box-sizing: border-box;
  background: #faf8f5;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report .centered,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_report .centered,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report:not(:has(.po_v2_root)) .centered {
  max-width: 960px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report.invoice_document_view .centered {
  max-width: min(1200px, 100%);
}

/* POA (not invoice): align with PO v2 — transparent report shell, teal title, white summary card, delivery band, teal line table */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) .report {
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) .report > h2:first-of-type {
  font-family: var(--viewdoc-title-font);
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--dt-teal-900);
  border-bottom: 2px solid var(--dt-teal-100);
  padding-bottom: 12px;
  margin: 0 0 18px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) .summary_header h3 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--dt-muted);
  margin: 0 0 8px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) .summary_table_container {
  background: #fff;
  border: 1px solid #e2e0dc;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(17, 24, 22, 0.04);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) .summary_table td:last-child {
  color: var(--dt-teal-900);
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) .report .delivery {
  background: #edf5f2;
  border: 1px solid #cce0d8;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 16px 0;
  box-sizing: border-box;
}

/* KJ 29 Jul 2026 — align POA date labels so inputs line up in edit mode.
   Must use !important: .centered.doc_edit_mode .input sets display:block !important. */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report .delivery .poa_delivery_date_row {
  margin: 0 0 10px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report .delivery .poa_delivery_date_row:last-child {
  margin-bottom: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report .centered.doc_edit_mode .delivery .poa_delivery_date_row .input,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report form.editdoc.edit .delivery .poa_delivery_date_row .input,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report form.editdoc.view .delivery .poa_delivery_date_row .fixed {
  display: grid !important;
  grid-template-columns: 13em 9.5em auto;
  align-items: center;
  column-gap: 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report .delivery .poa_delivery_date_label {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--dt-teal-800);
  font-family: var(--viewdoc-ui-font);
  line-height: 1.35;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report form.editdoc.edit .delivery .poa_delivery_date_row .input input.datepick,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report form.editdoc.edit .delivery .poa_delivery_date_row .input input[type="text"],
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report .centered.doc_edit_mode .delivery .poa_delivery_date_row .input input.datepick,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report .centered.doc_edit_mode .delivery .poa_delivery_date_row .input input[type="text"] {
  width: 9.5em;
  max-width: 100%;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report .delivery .poa_delivery_date_value {
  font-size: 13px;
  font-weight: 600;
  color: var(--dt-teal-800);
  font-family: var(--viewdoc-ui-font);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines {
  border: 1px solid #dde6e3;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(17, 24, 22, 0.04);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail thead td {
  background: #eef8f6 !important;
  color: #0a5c55 !important;
  border-bottom: 1px solid #dde6e3 !important;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail tbody td {
  color: var(--dt-ink);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail tbody tr:hover td {
  background: #f9fbfa;
}

/* POA (not invoice shell): col 2 = Barcode — one line; wider min-width so typical codes fit; clip (no …) if still too long */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail thead td:nth-child(2),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail tbody td:nth-child(2) {
  width: 16%;
  min-width: 11rem;
  max-width: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail thead td:nth-child(3),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail tbody td:nth-child(3) {
  width: 30%;
  min-width: 0;
  max-width: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_report.asn_document_view .centered {
  max-width: min(1200px, 100%);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .detail_lines {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #dde6e3;
  overflow-x: visible;
  overflow-y: visible;
  max-width: 100%;
  margin: 16px 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .detail_lines table.detail thead td {
  background: #f4f6f5;
  color: #4a6360;
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  border-bottom: 1px solid #dde6e3;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .detail_lines table.detail tbody td {
  border-bottom: 1px solid #eef2f1;
  font-size: 14px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .detail_lines table.detail tbody tr:hover td {
  background: #f9fbfa;
}

/* POA: thead must come after generic form.editdoc thead rules above — stop Unit price / Quantity labels overlapping */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail thead td {
  white-space: normal;
  overflow: hidden;
  vertical-align: bottom;
  line-height: 1.25;
  font-size: 11px;
  padding: 8px 6px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail thead td.right {
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
  min-width: 0;
}

/* POA templates use .price / .qty / .total on header cells — minimum width so labels don’t collide */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail thead td.price,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail thead td.qty {
  min-width: 7.25rem;
  max-width: 11rem;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail thead td.total {
  min-width: 4.5rem;
}

/* POA edit mode: main.css sets datarow inputs to width:150px — breaks fixed columns; fit inputs inside cells */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc.edit .detail_lines table.detail {
  table-layout: fixed;
  width: 100%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc.edit .detail_lines table.detail tbody td .input {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc.edit .detail_lines table.detail tbody td .input input[type="text"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  box-sizing: border-box;
  display: block;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc.edit .detail_lines table.detail tbody td.right,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc.edit .detail_lines table.detail tbody td.price,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc.edit .detail_lines table.detail tbody td.qty,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc.edit .detail_lines table.detail tbody td.linetotal,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc.edit .detail_lines table.detail tbody td.total {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc.edit .detail_lines table.detail tbody td:nth-child(2) {
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc.edit .detail_lines table.detail tbody td.price {
  min-width: 6.5rem;
  width: 14%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc.edit .detail_lines table.detail tbody td.qty {
  min-width: 5.5rem;
  width: 10%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc.edit .detail_lines table.detail tbody td.linetotal {
  min-width: 5rem;
  width: 10%;
}

/* POA view/edit: changed qty "(was N)" stacks above value — stops overlap into Total */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail tbody td.qty,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail tbody td.linetotal {
  overflow: hidden;
  vertical-align: middle;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail tbody td.qty {
  min-width: 5.75rem;
  white-space: normal;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail tbody td.qty .fixed {
  display: block;
  line-height: 1.25;
  white-space: normal;
  overflow: hidden;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail tbody td.qty .poa_qty_was {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  margin-top: 2px;
  color: #c2410c; /* same as .po_v2_status_banner--changed */
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail tbody td.qty .poa_qty_val {
  display: block;
  line-height: 1.25;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .poa_report:not(.invoice_document_view) form.editdoc .detail_lines table.detail tbody td.linetotal {
  min-width: 5rem;
  white-space: nowrap;
}

/* Invoice line items: fixed layout, balanced cols — no inner horizontal scrollbar */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines {
  overflow-x: visible;
  overflow-y: visible;
  max-width: 100%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  table-layout: fixed;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail thead td {
  font-size: 10px;
  padding: 6px 3px;
  vertical-align: bottom;
  line-height: 1.2;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail thead td:nth-child(1) {
  width: 13%;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail thead td:nth-child(2) {
  width: 20%;
  white-space: normal;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail thead td:nth-child(3),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail thead td:nth-child(4) {
  width: 10%;
  white-space: normal;
  overflow-wrap: break-word;
  hyphens: manual;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail thead td:nth-child(5),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail thead td:nth-child(6) {
  width: 10%;
  white-space: normal;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail thead td:nth-child(7) {
  width: 7%;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail thead td:nth-child(8) {
  width: 7%;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail thead td:nth-child(9) {
  width: 13%;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td {
  padding: 8px 4px;
  vertical-align: top;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td:nth-child(5),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td:nth-child(6),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td:nth-child(7),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td:nth-child(8),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td:nth-child(9) {
  vertical-align: middle;
}

/* KJ 28 Jul 2026 — Invoice barcode always one line (no wrap / no dots) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td:nth-child(1) {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
  font-variant-numeric: tabular-nums;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td:nth-child(1) a {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td:nth-child(2) {
  min-width: 0;
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
  hyphens: auto;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td:nth-child(5),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td:nth-child(6),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td:nth-child(9) {
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .detail_lines table.detail tbody td input[type="text"] {
  width: 100% !important;
  max-width: 100px;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .footer_summary .totals .group .name {
  white-space: nowrap;
}

/* ASN line items: fit page width (no horizontal scroll); description max 2 lines + ... */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines {
  overflow-x: hidden;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  table-layout: fixed;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail thead td {
  white-space: normal;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 6px;
  vertical-align: bottom;
  line-height: 1.35;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail thead td.asn_col_barcode {
  width: 12%;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail thead td.asn_col_description {
  width: 15%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail thead td.asn_col_sscc,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_sscc {
  width: 15%;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td {
  padding: 8px 4px;
  vertical-align: middle;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td:first-child {
  overflow: visible;
  text-overflow: clip;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_barcode {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  word-break: normal;
  font-variant-numeric: tabular-nums;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_barcode a {
  white-space: nowrap;
}

/* KJ 28 Jul 2026 — SSCC is 18 digits: column wide enough to show full code */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_sscc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  word-break: normal;
  font-variant-numeric: tabular-nums;
}

/* View mode only — never force .fixed visible in edit (duplicates the input) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc.view .detail_lines table.detail tbody td.asn_col_sscc .fixed {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc.edit .detail_lines table.detail tbody td.asn_col_sscc .fixed,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .centered.doc_edit_mode .detail_lines table.detail tbody td.asn_col_sscc .fixed {
  display: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_sscc input[type="text"] {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  font-variant-numeric: tabular-nums;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_description {
  white-space: normal;
  overflow: hidden;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_description .asn_desc_text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td input[type="text"] {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

/* ASN edit: ensure Best Before / Use By values are fully visible (YYYYMMDD) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail thead td.asn_col_bestbefore,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail thead td.asn_col_useby,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_bestbefore,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_useby {
  width: 7%;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_bestbefore input[type="text"],
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_useby input[type="text"] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail thead td.asn_col_cartons,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_cartons {
  width: 6%;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .detail_lines table.detail tbody td.asn_col_cartons input[type="text"] {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* Read-only reports (APERAK, INVOICP, DESADVP, INVOICI, REMADV, SLSRPT, …) — line table card like PO v2 */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report:not(:has(.po_v2_root)) .report .detail_lines {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #dde6e3;
  overflow: hidden;
  margin: 16px 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report:not(:has(.po_v2_root)) .report .detail_lines table.detail thead td {
  background: #f4f6f5;
  color: #4a6360;
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  border-bottom: 1px solid #dde6e3;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report:not(:has(.po_v2_root)) .report .detail_lines table.detail tbody td {
  border-bottom: 1px solid #eef2f1;
  font-size: 14px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report:not(:has(.po_v2_root)) .report .detail_lines table.detail tbody tr:hover td {
  background: #f9fbfa;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .footer_summary {
  float: none;
  width: max-content;
  max-width: 100%;
  min-width: min(260px, 100%);
  margin: 16px 0 16px auto;
  padding: 12px 16px;
  background: #f4f6f5;
  border-radius: 8px;
  border: 1px solid #dde6e3;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .footer_summary .totals {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .footer_summary .totals .group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 32px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: static !important;
  height: auto !important;
  background: transparent !important;
  clear: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .footer_summary .totals .group > div {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  padding: 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .footer_summary .totals .group:last-child {
  border-bottom: none;
  padding-top: 6px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .footer_summary .totals .group .name {
  flex: 1 1 auto;
  text-align: left;
  font-weight: 600;
  font-size: 13px;
  color: var(--dt-ink);
  min-width: 0;
  padding-right: 8px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .footer_summary .totals .group:last-child .name {
  color: var(--dt-teal-500);
  font-size: 13px;
  font-weight: 600;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .footer_summary .totals .group .num,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .footer_summary .totals .group .totalgst,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .footer_summary .totals .group .totalcost {
  flex: 0 0 auto;
  min-width: 5.5rem;
  margin-left: auto;
  text-align: right;
  font-weight: 600;
  font-size: 13px;
  color: var(--dt-ink);
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .footer_summary .totals .group:last-child .num,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .footer_summary .totals .group:last-child .totalcost {
  font-size: clamp(0.9rem, 1.4vw, 1.05rem);
  font-weight: 700;
  color: var(--dt-teal-500);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report:not(:has(.po_v2_root)) .report .footer_summary {
  float: none;
  width: max-content;
  max-width: 100%;
  min-width: 240px;
  margin: 16px 0 16px auto;
  padding: 16px 20px;
  background: #f4f6f5;
  border-radius: 8px;
  border: 1px solid #dde6e3;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report:not(:has(.po_v2_root)) .report .footer_summary .totals .group:last-child .num {
  font-size: clamp(0.9rem, 1.4vw, 1.05rem);
  font-weight: 700;
  color: var(--dt-teal-500);
}

/* KJ 29 Jul 2026 — Forwarded invoice (INVOICP) view + PDF layout */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .viewdoc_report_title_row {
  margin: 0 0 16px;
  align-items: center;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report h2 {
  margin: 0;
  color: #085a52;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .fwd_inv_top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px 24px;
  margin: 0 0 16px;
  clear: both;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .fwd_inv_from {
  flex: 1 1 200px;
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  padding: 12px 8px 0 0 !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #085a52 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .fwd_inv_summary_card {
  flex: 0 1 340px;
  width: auto !important;
  max-width: min(360px, 100%) !important;
  min-width: min(240px, 100%);
  margin: 0 0 0 auto !important;
  box-sizing: border-box;
  border: 1px solid #0a5c55 !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .fwd_inv_summary_card .summary_table {
  width: 100%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .fwd_inv_summary_card .summary_table tr:first-child td {
  background: #eef8f6;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .fwd_inv_summary_card .summary_table td:first-child {
  width: auto;
  white-space: nowrap;
  padding-right: 18px;
  color: #0a5c55;
  font-weight: 700;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .fwd_inv_summary_card .summary_table td {
  white-space: nowrap;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .detail_lines {
  margin: 0 0 12px !important;
  clear: both;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .detail_lines table.detail {
  table-layout: fixed;
  width: 100%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .detail_lines table.detail thead td:nth-child(1),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .detail_lines table.detail tbody td:nth-child(1) {
  width: 58%;
  text-align: left;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .detail_lines table.detail thead td:nth-child(2),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .detail_lines table.detail tbody td:nth-child(2) {
  width: 22%;
  text-align: right;
  padding-right: 20px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .detail_lines table.detail thead td:nth-child(3),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .detail_lines table.detail tbody td:nth-child(3) {
  width: 20%;
  text-align: right;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .footer_summary {
  margin-top: 8px !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .footer_summary .totals {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: stretch;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .footer_summary .totals .group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  min-height: 32px;
  padding: 6px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: static !important;
  height: auto !important;
  background: transparent !important;
  clear: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .footer_summary .totals .group > div {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  padding: 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .footer_summary .totals .group:last-child {
  border-bottom: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .footer_summary .totals .group .name {
  flex: 1 1 auto;
  text-align: left;
  font-weight: 600;
  font-size: 13px;
  color: var(--dt-ink);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_inv_report .footer_summary .totals .group .num {
  flex: 0 0 auto;
  text-align: right;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
}

/* KJ 29 Jul 2026 — Forwarded ASN (DESADVP) view — same layout pattern as forwarded invoice */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .viewdoc_report_title_row {
  margin: 0 0 16px;
  align-items: center;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report h2 {
  margin: 0;
  color: #085a52;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .fwd_asn_top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px 24px;
  margin: 0 0 16px;
  clear: both;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .fwd_asn_to {
  flex: 1 1 200px;
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  padding: 12px 8px 0 0 !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #085a52 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .fwd_asn_summary_card {
  flex: 0 1 340px;
  width: auto !important;
  max-width: min(360px, 100%) !important;
  min-width: min(240px, 100%);
  margin: 0 0 0 auto !important;
  box-sizing: border-box;
  border: 1px solid #0a5c55 !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .fwd_asn_summary_card .summary_table {
  width: 100%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .fwd_asn_summary_card .summary_table tr:first-child td {
  background: #eef8f6;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .fwd_asn_summary_card .summary_table td:first-child {
  width: auto;
  white-space: nowrap;
  padding-right: 18px;
  color: #0a5c55;
  font-weight: 700;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .fwd_asn_summary_card .summary_table td {
  white-space: nowrap;
  vertical-align: middle;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .detail_lines {
  margin: 0 0 12px !important;
  clear: both;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .detail_lines table.detail {
  table-layout: fixed;
  width: 100%;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .detail_lines table.detail thead td:nth-child(1),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .detail_lines table.detail tbody td:nth-child(1) {
  width: 34%;
  text-align: left;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .detail_lines table.detail thead td:nth-child(2),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .detail_lines table.detail tbody td:nth-child(2) {
  width: 42%;
  text-align: left;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .detail_lines table.detail thead td:nth-child(3),
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .fwd_asn_report .detail_lines table.detail tbody td:nth-child(3) {
  width: 24%;
  text-align: right;
}

/* Toolbar — pill buttons only (no surrounding card row) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 28px 0 16px;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

/* POA / ASN / invoice: one wrapped row of actions (not two stacked bands) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .toolbar {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .toolbar ul.edit_toolbar,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc .toolbar ul.view_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 12px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar ul {
  justify-content: center;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar li p {
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > a.blue_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > a.orange_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > a.red_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > a.green_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > p > a.blue_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > p > a.orange_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar input.orange_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar .dropdown > .blue_button_28 {
  /* Compact rectangular toolbar actions */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px;
  border-radius: 6px !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer !important;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease !important;
}

/* Teal actions — white + teal border (same as Create POA) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > a.blue_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > p > a.blue_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar .dropdown > .blue_button_28 {
  background: #ffffff !important;
  border: 1px solid #5eead4 !important;
  color: #0f766e !important;
  box-shadow: 0 1px 2px rgba(15, 118, 110, 0.06) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > a.blue_button_28:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > p > a.blue_button_28:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar .dropdown > .blue_button_28:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar .dropdown:focus-within > .blue_button_28 {
  background: #0d9488 !important;
  border-color: #0f766e !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(13, 148, 136, 0.28) !important;
}

/* Download PDF / Save — white + amber border */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > a.orange_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > p > a.orange_button_28 {
  background: #ffffff !important;
  border: 1px solid #fdba74 !important;
  color: #c2410c !important;
  box-shadow: 0 1px 2px rgba(234, 88, 12, 0.08) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > a.orange_button_28:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > p > a.orange_button_28:hover {
  background: #ea580c !important;
  border-color: #c2410c !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(234, 88, 12, 0.28) !important;
}

/* Save changes (submit) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar input.orange_button_28 {
  background: #ffffff !important;
  border: 1px solid #fdba74 !important;
  color: #c2410c !important;
  box-shadow: 0 1px 2px rgba(234, 88, 12, 0.08) !important;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar input.orange_button_28:hover {
  background: #ea580c !important;
  border-color: #c2410c !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(234, 88, 12, 0.28) !important;
}

/* Send to TP */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > a.green_button_28 {
  background: #ffffff !important;
  border: 1px solid #6ee7b7 !important;
  color: #047857 !important;
  box-shadow: 0 1px 2px rgba(5, 150, 105, 0.08) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > a.green_button_28:hover {
  background: #059669 !important;
  border-color: #047857 !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(5, 150, 105, 0.28) !important;
}

/* Delete — white + red border (same shape as Create POA) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > a.red_button_28 {
  background: #ffffff !important;
  border: 1px solid #fca5a5 !important;
  color: #b91c1c !important;
  box-shadow: 0 1px 2px rgba(185, 28, 28, 0.08) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .toolbar > ul > li > a.red_button_28:hover {
  background: #dc2626 !important;
  border-color: #b91c1c !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.28) !important;
}

/* Edit mode — banded toolbar + solid save / outline cancel (POA / ASN / invoice) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc.edit .toolbar {
  background: linear-gradient(180deg, rgba(236, 253, 245, 0.98) 0%, rgba(240, 253, 250, 0.9) 100%);
  border: 1px solid #99f6e4;
  border-radius: 14px;
  padding: 10px 14px 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc.edit .toolbar ul.edit_toolbar {
  gap: 12px;
  flex-wrap: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc.edit .toolbar ul.edit_toolbar input.orange_button_28 {
  background: #0d9488 !important;
  border: 1px solid #0f766e !important;
  color: #fff !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 8px rgba(13, 148, 136, 0.28) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc.edit .toolbar ul.edit_toolbar input.orange_button_28:hover {
  background: #0f766e !important;
  border-color: #115e59 !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(13, 148, 136, 0.38) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc.edit .toolbar ul.edit_toolbar a.blue_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc.edit .toolbar ul.edit_toolbar a.cancel_button {
  background: #fff !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc.edit .toolbar ul.edit_toolbar a.blue_button_28:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish form.editdoc.edit .toolbar ul.edit_toolbar a.cancel_button:hover {
  background: #f1f5f9 !important;
  border-color: #94a3b8 !important;
  color: #1e293b !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1) !important;
  text-decoration: none !important;
}

/* Delete (.red_button_28): global rules in main.css — same pill as incoming PO */

/* PO view toolbar — rectangular action buttons (no surrounding card) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 20px 0 18px;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar ul {
  justify-content: center;
  gap: 8px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar > ul > li > a.blue_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar > ul > li > a.orange_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar > ul > li > a.red_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .dropdown > .blue_button_28 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  box-sizing: border-box;
  white-space: nowrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar > ul > li > a.blue_button_28,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .dropdown > .blue_button_28 {
  background: #ffffff !important;
  border: 1px solid #5eead4 !important;
  color: #0f766e !important;
  box-shadow: 0 1px 2px rgba(15, 118, 110, 0.06) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar > ul > li > a.blue_button_28:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .dropdown > .blue_button_28:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .dropdown:focus-within > .blue_button_28 {
  background: #0d9488 !important;
  border-color: #0f766e !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(13, 148, 136, 0.28) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar > ul > li > a.orange_button_28 {
  background: #ffffff !important;
  border: 1px solid #fdba74 !important;
  color: #c2410c !important;
  box-shadow: 0 1px 2px rgba(234, 88, 12, 0.08) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar > ul > li > a.orange_button_28:hover {
  background: #ea580c !important;
  border-color: #c2410c !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(234, 88, 12, 0.28) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar > ul > li > a.red_button_28 {
  background: #ffffff !important;
  border: 1px solid #fca5a5 !important;
  color: #b91c1c !important;
  box-shadow: 0 1px 2px rgba(185, 28, 28, 0.08) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar > ul > li > a.red_button_28:hover {
  background: #dc2626 !important;
  border-color: #b91c1c !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.28) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .dropdown > .blue_button_28::after {
  width: 7px;
  height: 7px;
  margin-top: -2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  opacity: 0.85;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_menu {
  position: relative;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: auto;
  min-width: 260px !important;
  max-width: 300px;
  padding: 8px !important;
  margin: 0 !important;
  border: 1px solid #b8ebe4 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(15, 118, 110, 0.14) !important;
  overflow: visible !important;
  z-index: 600;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_note {
  margin: 0 0 8px 0;
  padding: 8px 10px;
  border-radius: 6px;
  background: #f0fdfa;
  color: #475569;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  padding: 9px 10px !important;
  border-radius: 6px !important;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #134e4a !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  height: auto !important;
  min-height: 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #ecfdf5;
  color: #0d9488;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option_text {
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option_action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  color: #94a3b8;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option:hover,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option:focus-visible {
  background: #ecfdf5 !important;
  color: #0f766e !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option:hover .po_create_asn_option_icon,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option:focus .po_create_asn_option_icon,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option:focus-visible .po_create_asn_option_icon {
  background: #ccfbf1;
  color: #0f766e;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option:hover .po_create_asn_option_action,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option:focus .po_create_asn_option_action,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar .po_create_asn_option:focus-visible .po_create_asn_option_action {
  opacity: 1;
  transform: translateX(0);
  color: #0d9488;
  background: #d1fae5;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_v2_root .po_v2_doc_head_row .page_help_btn {
  height: 36px;
  padding: 0 14px;
  border-radius: 7px;
  border-color: #c5ddd9;
  font-size: 13px;
}

@media screen and (max-width: 720px) and (max-device-width: 720px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .po_report .po_view_toolbar ul {
    justify-content: flex-start;
  }
}

/* Viewdoc: one stack site-wide on document views (overrides body Instrument Sans on form controls too) */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell input,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell button,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell select,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell textarea {
  font-family: "DM Sans", sans-serif !important;
}

@media screen and (max-width: 720px) and (max-device-width: 720px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .toolbar ul {
    justify-content: flex-start;
  }
}

/* Invoice color theme aligned to PO view palette */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .report > h2 {
  color: var(--dt-teal-900) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_header h3 {
  color: #085a52 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table_container {
  border: 1px solid #b8d9d3 !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(8, 90, 82, 0.12) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table tr + tr td {
  border-top: 1px solid #d9ebe7 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table td:first-child {
  color: #0c7a72 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .summary_table td:last-child {
  color: #064038 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .delivery {
  border-color: #9fd9d2 !important;
  background: #f0faf8 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .detail_lines table.detail thead td {
  background: #eef8f6 !important;
  color: #0a5c55 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view .detail_lines table.detail tbody td {
  color: #115e59 !important;
  border-bottom-color: #d4e8e4 !important;
}

/* Invoice totals summary: match PO summary card style */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .footer_summary {
  float: none;
  width: max-content;
  max-width: 100%;
  min-width: 240px;
  margin: 16px 0 16px auto;
  padding: 16px 20px;
  background: #f4f6f5 !important;
  border-radius: 8px !important;
  border: 1px solid #dde6e3 !important;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .footer_summary .totals .group {
  position: static !important;
  height: auto !important;
  background: transparent !important;
  border-bottom-color: #dde6e3;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .footer_summary .totals .group > div {
  position: static !important;
  top: auto !important;
  right: auto !important;
  padding: 0 !important;
}

/* ASN header summary: same structure/style as invoice header section */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px 24px !important;
  flex-wrap: nowrap !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_header h3 {
  margin: 4px 0 0 !important;
  padding: 0 !important;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 700;
  color: #085a52 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table_container {
  width: min(370px, 44vw) !important;
  min-width: 320px;
  margin-left: auto !important;
  margin-right: 0 !important;
  border: 1px solid #b8d9d3 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(8, 90, 82, 0.12) !important;
  padding: 10px 12px !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table {
  width: 100%;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table tr + tr td {
  border-top: 1px solid #d9ebe7 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table td {
  padding: 6px 8px !important;
  white-space: nowrap !important;
  vertical-align: middle;
  background: transparent !important;
  border: 0 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table td:first-child {
  width: 46% !important;
  color: #0c7a72 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table td:last-child {
  width: 54% !important;
  color: #064038 !important;
  font-weight: 600 !important;
}

@media screen and (max-width: 720px) and (max-device-width: 720px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_header {
    flex-wrap: wrap !important;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table_container {
    width: 100% !important;
    min-width: 0;
  }
}

/* ASN page: mirror invoice page styling */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .report > h2 {
  color: var(--dt-teal-900) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_header h3 {
  color: #085a52 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table_container {
  border: 1px solid #b8d9d3 !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(8, 90, 82, 0.12) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table tr + tr td {
  border-top: 1px solid #d9ebe7 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table td:first-child {
  color: #0c7a72 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .summary_table td:last-child {
  color: #064038 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .delivery {
  border-color: #9fd9d2 !important;
  background: #f0faf8 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .detail_lines table.detail thead td {
  background: #eef8f6 !important;
  color: #0a5c55 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view .detail_lines table.detail tbody td {
  color: #115e59 !important;
  border-bottom-color: #d4e8e4 !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .asn_document_view form.editdoc .footer_summary {
  float: none;
  width: max-content;
  max-width: 100%;
  min-width: 240px;
  margin: 16px 0 16px auto;
  padding: 16px 20px;
  background: #f4f6f5 !important;
  border-radius: 8px !important;
  border: 1px solid #dde6e3 !important;
  box-sizing: border-box;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .footer_summary .totals .group .name {
  font-size: 13px;
  font-weight: 600;
  color: var(--dt-ink) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .footer_summary .totals .group .num,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .footer_summary .totals .group .totalgst,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .footer_summary .totals .group .totalcost {
  font-family: var(--viewdoc-title-font);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--dt-teal-900) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .footer_summary .totals .group:last-child {
  padding-top: 12px;
  padding-bottom: 4px;
  min-height: auto;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .footer_summary .totals .group:last-child .name {
  font-size: 14px;
  font-weight: 600;
  color: var(--dt-teal-800) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .footer_summary .totals .group:last-child .num,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .invoice_document_view form.editdoc .footer_summary .totals .group:last-child .totalcost {
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  font-weight: 700;
  color: var(--dt-teal-500) !important;
  min-width: 8.5rem;
  letter-spacing: -0.02em;
}

/* =============================================================================
   Merged from double_z_home_v3.css
   ============================================================================= */

/* Double Z homepage v3 — scoped to .home_v3 only (see double_z_homepage_v3.html) */
.home_v3,
.home_v3 * {
  box-sizing: border-box;
}

.home_v3 {
  width: 100%;
  max-width: none;
  --dz-ink: #0a1a18;
  --dz-ink-mid: #1e3532;
  --dz-white: #ffffff;
  --dz-cream: #f8fbfa;
  --dz-mist: #edf6f5;
  --dz-mist-mid: #d8eeec;
  --dz-rule: rgba(10, 80, 72, 0.1);
  --dz-teal: #0c7a72;
  --dz-teal-bright: #0fa89d;
  --dz-teal-pale: #e2f5f3;
  --dz-ember: #d94f1e;
  --dz-ember-pale: #fdf0eb;
  --dz-mono: "IBM Plex Mono", ui-monospace, monospace;
  --dz-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --dz-nav: "DM Sans", var(--dz-sans);
  --dz-serif: "Playfair Display", Georgia, serif;
  /* Nav block height for first-screen math at 100% zoom (see .dz_v3_hero) */
  --dz-nav-stack-h: 5.5rem;
  /* Same left/right inset as “Three ways to connect” and all landing sections */
  --dz-section-gutter-x: clamp(20px, 4vw, 52px);
  --dz-content-pad-left: var(--dz-section-gutter-x);
  --dz-content-pad-right: var(--dz-section-gutter-x);
  /* Optional cap for wide layouts (subpages); landing uses full width + gutter only */
  --dz-content-max: 1280px;
  /* Hero layout tokens */
  --dz-hero-copy-max: 620px;
  /* Tighter space between hero copy and callback card */
  --dz-hero-gap: clamp(24px, 3vw, 48px);
  --dz-hero-copy-top: clamp(0.15rem, 0.6vw, 0.5rem);
  --dz-hero-card-top: clamp(1.2rem, 3.8vw, 4rem);

  font-family: var(--dz-sans);
  background:
    radial-gradient(ellipse 1200px 640px at 50% -8%, rgba(15, 168, 157, 0.14) 0%, rgba(15, 168, 157, 0.04) 42%, transparent 68%),
    radial-gradient(1100px 600px at 88% 14%, rgba(15, 168, 157, 0.18) 0%, rgba(15, 168, 157, 0.05) 34%, transparent 68%),
    radial-gradient(900px 520px at 8% 82%, rgba(15, 168, 157, 0.12) 0%, rgba(12, 122, 114, 0.04) 42%, transparent 72%),
    radial-gradient(700px 400px at 72% 58%, rgba(12, 122, 114, 0.06) 0%, transparent 65%),
    linear-gradient(180deg, #f7fbfa 0%, var(--dz-cream) 28%, #f0f8f7 52%, #f5faf9 78%, #f2f9f8 100%);
  color: var(--dz-ink);
  overflow-x: hidden;
  min-height: 100vh;
}

/*
 * KJ 31 Jul 2026 — Zoom-stable desktop layout
 * Browser zoom changes CSS viewport width, which retunes clamp()/vw and can
 * trip max-width breakpoints. On real desktop devices, lock the designed
 * desktop sizes so zoom only scales — it does not reflow the layout.
 * Phones/tablets (max-device-width) keep fluid + responsive rules.
 */
@media screen and (min-device-width: 1025px) {
  html {
    min-width: 1280px;
  }

  .home_v3 {
    --dz-section-gutter-x: 52px;
    --dz-hero-gap: 48px;
    --dz-hero-copy-top: 0.5rem;
    --dz-hero-card-top: 4rem;
  }

  .home_v3 .dz_v3_logo_icon {
    height: 44px;
  }

  .home_v3 .dz_v3_logo_nav_wordmark {
    font-size: 1.32rem;
  }

  .home_v3 .dz_v3_logo_nav_img {
    height: 50px;
  }

  .home_v3 .dz_v3_footer_logo_img {
    height: 32px;
  }

  .home_v3 .dz_v3_nav_center {
    gap: 18px;
    flex-wrap: nowrap;
  }

  .home_v3 .dz_v3_nav {
    flex-wrap: nowrap;
  }

  .home_v3 .dz_v3_hero_headline {
    font-size: 74px !important;
  }

  .home_v3 .dz_v3_section_title {
    font-size: 50px;
  }

  .home_v3 .dz_v3_partners_title {
    font-size: 40px;
  }

  .dz-offer-page .hero {
    padding-left: 48px;
    padding-right: 48px;
  }

  .dz-offer-page .hero h1 {
    font-size: 72px;
  }
}

/* JS backup class (base.phtml) — same freeze if device-width is unreliable */
html.dz-zoom-stable {
  min-width: 1280px;
}

html.dz-zoom-stable .home_v3 {
  --dz-section-gutter-x: 52px;
  --dz-hero-gap: 48px;
  --dz-hero-copy-top: 0.5rem;
  --dz-hero-card-top: 4rem;
}

html.dz-zoom-stable .home_v3 .dz_v3_logo_icon {
  height: 44px;
}

html.dz-zoom-stable .home_v3 .dz_v3_logo_nav_wordmark {
  font-size: 1.32rem;
}

html.dz-zoom-stable .home_v3 .dz_v3_logo_nav_img {
  height: 50px;
}

html.dz-zoom-stable .home_v3 .dz_v3_footer_logo_img {
  height: 32px;
}

html.dz-zoom-stable .home_v3 .dz_v3_nav_center {
  gap: 18px;
  flex-wrap: nowrap;
}

html.dz-zoom-stable .home_v3 .dz_v3_nav {
  flex-wrap: nowrap;
}

html.dz-zoom-stable .home_v3 .dz_v3_hero_headline {
  font-size: 74px !important;
}

html.dz-zoom-stable .home_v3 .dz_v3_section_title {
  font-size: 50px;
}

html.dz-zoom-stable .home_v3 .dz_v3_partners_title {
  font-size: 40px;
}

html.dz-zoom-stable .dz-offer-page .hero h1 {
  font-size: 72px;
}

/* Guard rails against legacy global CSS inherited from main.css */
.home_v3 a {
  color: inherit;
}

.home_v3 p {
  margin: 0;
}

.home_v3 ul,
.home_v3 ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.home_v3 .dz_v3_nav {
  position: sticky;
  top: 0;
  z-index: 200;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 10px var(--dz-content-pad-right) 10px var(--dz-content-pad-left);
  min-height: 66px;
  height: auto;
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: none;
  box-shadow: none;
}

.home_v3 .dz_v3_logo_nav {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--dz-ink);
  background: transparent;
  border: 0;
  box-shadow: none;
  transition: opacity 0.2s ease;
}

.home_v3 .dz_v3_logo_nav:hover {
  opacity: 0.88;
}

.home_v3 .dz_v3_logo_nav_raster {
  max-width: min(100%, 28rem);
  background: transparent;
}

.home_v3 .dz_v3_logo_icon {
  display: block;
  flex-shrink: 0;
  height: clamp(34px, 5.2vw, 44px);
  aspect-ratio: 217 / 162;
  background-color: #0a6d66;
  -webkit-mask-image: url(images/dz_v3_logo_mark_alpha.png);
  mask-image: url(images/dz_v3_logo_mark_alpha.png);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  animation: none;
  transform-origin: 50% 55%;
  filter: drop-shadow(0 0 0 rgba(12, 122, 114, 0));
}

.home_v3 .dz_v3_logo_nav_wordmark {
  font-family: var(--dz-serif);
  font-size: clamp(1rem, 1.6vw, 1.32rem);
  font-weight: 900;
  letter-spacing: -0.01em;
  line-height: 1.1;
  white-space: nowrap;
  /* Match Log in button gradient family (dark teal) */
  color: #0b4f3f;
  text-shadow: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@keyframes dz_v3_logo_float {
  0% {
    transform: translateY(0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 0 rgba(12, 122, 114, 0));
  }
  50% {
    transform: translateY(-3px) rotate(-2deg) scale(1.02);
    filter: drop-shadow(0 3px 8px rgba(12, 122, 114, 0.3));
  }
  100% {
    transform: translateY(0) rotate(0deg) scale(1);
    filter: drop-shadow(0 0 0 rgba(12, 122, 114, 0));
  }
}

.home_v3 .dz_v3_logo_nav_img {
  display: block;
  width: auto;
  height: clamp(34px, 4.4vw, 50px);
  max-width: 100%;
  object-fit: contain;
  background: transparent;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
}

.home_v3 .dz_v3_footer_logo_row {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: rgba(247, 245, 240, 0.96);
  margin-bottom: 14px;
  max-width: 100%;
  transition: opacity 0.2s ease;
}

.home_v3 .dz_v3_footer_logo_row:hover {
  opacity: 0.9;
}

.home_v3 .dz_v3_footer_logo_img {
  display: block;
  width: auto;
  height: clamp(24px, 3.2vw, 32px);
  max-width: 100%;
  object-fit: contain;
}

.home_v3 .dz_v3_nav_center {
  display: flex;
  gap: clamp(10px, 2.1vw, 18px);
  list-style: none;
  margin: 0;
  padding: 6px 12px;
  flex: 1;
  justify-content: center;
  min-width: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.home_v3 .dz_v3_nav_center a {
  font-family: var(--dz-mono);
  font-size: 12px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 0;
  border-radius: 0;
  background: transparent;
  transition: color 0.2s ease;
}

.home_v3 .dz_v3_nav_center a:hover {
  color: var(--dz-teal);
}

.home_v3 .dz_v3_nav_center a:focus-visible {
  outline: 2px solid rgba(52, 189, 173, 0.45);
  outline-offset: 3px;
  color: var(--dz-teal);
  background: transparent;
  box-shadow: none;
}

.home_v3 .dz_v3_nav_right {
  display: flex;
  gap: 10px;
  align-items: center;
}

.home_v3 .dz_v3_nav_btn {
  font-family: var(--dz-nav);
  font-size: 14px;
  font-weight: 500;
  padding: 8px 18px;
  border-radius: 3px;
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: all 0.2s;
  border: none;
  cursor: pointer;
}

.home_v3 .dz_v3_nav_btn.dz_v3_nav_btn_ghost {
  background: transparent;
  border: 1px solid var(--dz-rule);
  color: #000;
}

.home_v3 .dz_v3_nav_btn.dz_v3_nav_btn_ghost:hover {
  border-color: var(--dz-teal);
  color: #000;
}

/* Log in only — match Register now CTA color (Dashboard keeps plain ghost) */
.home_v3 .dz_v3_nav_btn.dz_v3_nav_btn_login {
  background: var(--dz-ember);
  border: 1px solid #bf4318;
  color: #fff;
  box-shadow: 0 4px 16px rgba(217, 79, 30, 0.3);
}

.home_v3 .dz_v3_nav_btn.dz_v3_nav_btn_login:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: 0 6px 22px rgba(217, 79, 30, 0.4);
  background: #bf4318;
  transform: translateY(-1px);
}

.home_v3 .dz_v3_nav_btn.dz_v3_nav_btn_login:focus-visible {
  outline: 2px solid #d94f1e;
  outline-offset: 2px;
}

.home_v3 .dz_v3_nav_btn.dz_v3_nav_btn_solid {
  background: var(--dz-ember);
  color: #000;
}

.home_v3 .dz_v3_nav_btn.dz_v3_nav_btn_solid:hover {
  background: #bf4318;
}

.home_v3 .dz_v3_hero {
  /* Pull hero under nav so header teal reads as one band; pad content below nav */
  margin-top: calc(-1 * var(--dz-nav-stack-h));
  padding-top: var(--dz-nav-stack-h);
  min-height: 100vh;
  min-height: 100dvh;
  padding-bottom: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.home_v3 .dz_v3_hero_bg_circle {
  position: absolute;
  top: -160px;
  right: -160px;
  width: 640px;
  height: 640px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(14, 168, 157, 0.22) 0%, rgba(14, 168, 157, 0.09) 38%, transparent 72%);
  pointer-events: none;
}

.home_v3 .dz_v3_hero_bg_circle2 {
  position: absolute;
  bottom: 80px;
  left: -80px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(15, 168, 157, 0.18) 0%, rgba(12, 122, 114, 0.07) 44%, transparent 74%);
  pointer-events: none;
}

.home_v3 .dz_v3_hero_main {
  /* Grid: copy flexes, card fixed — full content width (matches sections), no narrow “floating” band */
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 400px);
  align-items: start;
  gap: var(--dz-hero-gap);
  flex: 0 1 auto;
  min-width: 0;
  min-height: 0;
  padding: 0 var(--dz-content-pad-right) clamp(14px, 2.2vh, 28px) var(--dz-content-pad-left);
  max-width: var(--dz-content-max);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  position: relative;
  z-index: 1;
}

.home_v3 .dz_v3_hero_main > .dz_v3_reveal {
  flex: 0 1 auto;
  text-align: left;
  width: auto;
  max-width: min(var(--dz-hero-copy-max), 100%);
  min-width: 0;
  margin-top: var(--dz-hero-copy-top);
  position: relative;
  z-index: 2;
}

.home_v3 .dz_v3_hero_main > .dz_v3_callback_card {
  flex: unset;
  align-self: flex-start;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  margin-top: max(0.35rem, calc(var(--dz-hero-card-top) - 1.5rem));
}

.home_v3 .dz_v3_geo {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  opacity: 0.55;
  filter: blur(0.2px);
}

/* Soft geometric accents (landing hero only — no grid overlay) */
.home_v3 .dz_v3_geo_1 {
  top: 120px;
  left: 30px;
  width: 210px;
  height: 210px;
  background: linear-gradient(
    140deg,
    rgba(12, 122, 114, 0.18) 0%,
    rgba(15, 168, 157, 0.08) 55%,
    rgba(12, 122, 114, 0.03) 100%
  );
  clip-path: polygon(0 0, 100% 0, 62% 100%, 0 62%);
  transform: rotate(-6deg);
}

.home_v3 .dz_v3_geo_2 {
  bottom: 140px;
  right: 60px;
  width: 260px;
  height: 260px;
  background: linear-gradient(
    135deg,
    rgba(15, 168, 157, 0.16) 0%,
    rgba(12, 122, 114, 0.06) 60%,
    rgba(15, 168, 157, 0.02) 100%
  );
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  transform: rotate(10deg);
}

.home_v3 .dz_v3_geo_3 {
  top: 250px;
  right: 140px;
  width: 150px;
  height: 90px;
  background: linear-gradient(
    180deg,
    rgba(12, 122, 114, 0.12) 0%,
    rgba(15, 168, 157, 0.04) 60%,
    rgba(12, 122, 114, 0.02) 100%
  );
  clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
  border-radius: 14px;
  transform: rotate(-12deg);
}

.home_v3 .dz_v3_geo_4 {
  top: 150px;
  right: -10px;
  width: 180px;
  height: 180px;
  opacity: 0.38;
  background: linear-gradient(
    145deg,
    rgba(15, 168, 157, 0.16) 0%,
    rgba(12, 122, 114, 0.06) 55%,
    rgba(15, 168, 157, 0.02) 100%
  );
  clip-path: polygon(12% 18%, 88% 0%, 100% 76%, 35% 100%, 0% 55%);
  transform: rotate(8deg);
}

.home_v3 .dz_v3_geo_5 {
  bottom: 210px;
  left: 40px;
  width: 220px;
  height: 140px;
  opacity: 0.32;
  background: linear-gradient(
    105deg,
    rgba(12, 122, 114, 0.14) 0%,
    rgba(15, 168, 157, 0.05) 55%,
    rgba(12, 122, 114, 0.02) 100%
  );
  clip-path: polygon(0 20%, 50% 0%, 100% 25%, 85% 100%, 15% 100%);
  transform: rotate(-10deg);
}

@media screen and (max-width: 720px) and (max-device-width: 720px) {
  .home_v3 .dz_v3_geo_1 {
    top: 110px;
    left: -10px;
    width: 170px;
    height: 170px;
  }

  .home_v3 .dz_v3_geo_2 {
    bottom: 210px;
    right: -30px;
    width: 210px;
    height: 210px;
  }

  .home_v3 .dz_v3_geo_3 {
    top: 270px;
    right: 10px;
    width: 120px;
    height: 78px;
  }

  .home_v3 .dz_v3_geo_4 {
    top: 140px;
    right: -60px;
    width: 160px;
    height: 160px;
  }

  .home_v3 .dz_v3_geo_5 {
    bottom: 240px;
    left: -30px;
    width: 200px;
    height: 130px;
  }
}

.home_v3 .dz_v3_overline {
  font-family: var(--dz-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: var(--dz-teal);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: 0.9;
}

.home_v3 .dz_v3_overline_main {
  text-transform: uppercase;
}

.home_v3 .dz_v3_overline_since {
  text-transform: lowercase !important;
  letter-spacing: 0.06em;
}

.home_v3 .dz_v3_overline::before {
  content: "";
  display: block;
  width: 24px;
  height: 1.5px;
  background: var(--dz-teal);
}

.home_v3 .dz_v3_hero_headline {
  font-family: var(--dz-serif);
  font-weight: 900;
  font-style: normal;
  font-size: clamp(38px, 5.6vw, 74px) !important;
  line-height: 0.96;
  color: var(--dz-ink);
  letter-spacing: -0.02em;
  margin: 0 0 24px 0;
  white-space: nowrap;
}

.home_v3 .dz_v3_hero_headline_em {
  font-style: normal;
  font-weight: 900;
  letter-spacing: -0.02em;
  color: var(--dz-teal); /* fallback */
  background: linear-gradient(
    120deg,
    var(--dz-teal) 0%,
    var(--dz-teal-bright) 55%,
    #085a52 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .home_v3 .dz_v3_hero_headline_em {
    color: transparent;
    text-shadow: 0 10px 28px rgba(15, 168, 157, 0.12);
  }
}

.home_v3 .dz_v3_hero_sub {
  font-family: var(--dz-nav);
  font-size: clamp(15px, 1.15vw, 16px);
  font-weight: 400;
  line-height: 1.75;
  color: var(--dz-ink-mid);
  max-width: 32rem;
  margin: 0 0 20px 0;
}

.home_v3 .dz_v3_hero_sub + .dz_v3_hero_sub {
  margin-top: -8px;
  margin-bottom: 20px;
}

.home_v3 .dz_v3_hero_actions {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.home_v3 .dz_v3_cta_primary {
  font-family: var(--dz-nav);
  font-size: 13px;
  font-weight: 500;
  padding: 14px 28px;
  border-radius: 3px;
  background: var(--dz-ember);
  color: #fff !important;
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: background 0.2s, transform 0.15s;
  display: inline-block;
}

.home_v3 .dz_v3_cta_primary:hover {
  background: #bf4318;
  transform: translateY(-1px);
  color: #fff !important;
}

.home_v3 .dz_v3_cta_ghost {
  font-family: var(--dz-nav);
  font-size: 13px;
  font-weight: 400;
  padding: 14px 28px;
  border-radius: 3px;
  border: 1px solid var(--dz-rule);
  color: var(--dz-ink-mid);
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: all 0.2s;
  display: inline-block;
}

.home_v3 .dz_v3_cta_ghost:hover {
  border-color: var(--dz-teal);
  color: var(--dz-teal);
}

.home_v3 .dz_v3_cta_ghost_inpage {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.home_v3 .dz_v3_cta_inpage_cue {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  opacity: 0.5;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.home_v3 .dz_v3_cta_ghost_inpage:hover .dz_v3_cta_inpage_cue {
  opacity: 0.85;
  transform: translateY(3px);
}

.home_v3 .dz_v3_hero_stats {
  display: flex;
  gap: clamp(28px, 4vw, 56px);
  max-width: 520px;
  margin-top: 0;
  margin-left: -2px;
  align-self: flex-start;
}

.home_v3 .dz_v3_hero_trust {
  margin-top: 16px;
  font-family: var(--dz-nav);
  font-size: 13px;
  line-height: 1.5;
  color: rgba(30, 53, 50, 0.88);
}

.home_v3 .dz_v3_hero_trust strong {
  color: #0b4f3f;
  font-weight: 600;
}

.home_v3 .dz_v3_stat_box {
  min-width: 0;
}

.home_v3 .dz_v3_stat_n {
  font-family: var(--dz-serif);
  font-size: clamp(40px, 5.4vw, 52px);
  font-weight: 700;
  color: #0b5f59;
  letter-spacing: -0.03em;
  line-height: 0.95;
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
  gap: 1px;
}

.home_v3 .dz_v3_stat_n sup {
  font-size: 0.46em;
  color: #149a8f;
}

.home_v3 .dz_v3_stat_l {
  font-family: var(--dz-nav);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.35;
  color: #173634;
  letter-spacing: 0;
  max-width: 180px;
}

/* In-page target from nav “Support” */
.home_v3 #talk-to-team {
  scroll-margin-top: 1rem;
}

/* Hero — callback / message card (teal palette aligned with hero + ticker) */
.home_v3 .dz_v3_callback_card {
  --cb-header: var(--dz-teal);
  --cb-header-muted: rgba(255, 255, 255, 0.92);
  --cb-body-bg: #ffffff;
  --cb-field-bg: var(--dz-cream);
  --cb-field-border: var(--dz-rule);
  --cb-mint: var(--dz-teal-pale);

  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--dz-rule);
  box-shadow:
    0 12px 36px rgba(12, 122, 114, 0.1),
    0 2px 8px rgba(10, 80, 72, 0.06);
  background: var(--cb-body-bg);
}

.home_v3 .dz_v3_callback_head {
  background: linear-gradient(135deg, #ffffff 0%, var(--dz-mist) 42%, rgba(226, 245, 243, 0.95) 100%);
  padding: 20px 22px 18px;
  color: var(--dz-ink);
  border-bottom: 1px solid var(--dz-rule);
}

.home_v3 .dz_v3_callback_eyebrow {
  font-family: var(--dz-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--dz-teal);
  margin: 0 0 10px;
}

.home_v3 .dz_v3_callback_title {
  font-family: var(--dz-serif);
  font-size: clamp(1.35rem, 2.4vw, 1.65rem);
  font-weight: 700;
  font-style: normal;
  margin: 0 0 8px;
  line-height: 1.15;
  color: var(--dz-ink);
}

.home_v3 .dz_v3_callback_lead {
  font-family: var(--dz-nav);
  font-size: 13px;
  line-height: 1.5;
  color: var(--dz-ink-mid);
  margin: 0;
}

.home_v3 .dz_v3_callback_body {
  padding: 16px 18px 18px;
  background: #fff;
}

/* Segmented tabs — mint track, readable inactive, lifted active chip */
.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_tabs {
  display: flex;
  gap: 5px;
  margin: 0;
  padding: 5px;
  border-radius: 14px;
  background: linear-gradient(180deg, #eef6f4 0%, #e4f0ed 100%);
  border: 1px solid #cfe4df;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 1px 3px rgba(12, 122, 114, 0.06);
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_tabs button.dz_v3_callback_tab {
  position: relative;
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  border: 1px solid transparent !important;
  cursor: pointer;
  font-family: var(--dz-nav);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  padding: 8px 10px;
  border-radius: 10px !important;
  color: #5a7570 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden;
  transition:
    background 0.24s ease,
    color 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.2s ease;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_tabs button.dz_v3_callback_tab .dz_v3_callback_tab_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.55);
  color: #5f7f78;
  border: 1px solid rgba(12, 122, 114, 0.1);
  transition:
    background 0.24s ease,
    color 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.2s ease;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_tabs button.dz_v3_callback_tab .dz_v3_callback_tab_icon svg {
  width: 14px;
  height: 14px;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_tabs button.dz_v3_callback_tab .dz_v3_callback_tab_label {
  text-align: left;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_tabs button.dz_v3_callback_tab:hover:not(.is-active) {
  color: #3f5f59 !important;
  background: rgba(255, 255, 255, 0.5) !important;
  border-color: rgba(12, 122, 114, 0.14) !important;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_tabs button.dz_v3_callback_tab:hover:not(.is-active) .dz_v3_callback_tab_icon {
  background: #fff;
  color: #0c7a72;
  border-color: rgba(12, 122, 114, 0.18);
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_tabs button.dz_v3_callback_tab.is-active {
  background: linear-gradient(180deg, #ffffff 0%, #e8f5f2 100%) !important;
  color: #0a6b63 !important;
  font-weight: 600;
  border-color: rgba(12, 122, 114, 0.28) !important;
  box-shadow:
    0 3px 12px rgba(12, 122, 114, 0.1),
    0 1px 3px rgba(12, 122, 114, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_tabs button.dz_v3_callback_tab.is-active .dz_v3_callback_tab_icon {
  background: linear-gradient(180deg, #18a99d 0%, #0c7a72 100%);
  color: #fff;
  border-color: rgba(10, 107, 99, 0.35);
  box-shadow: 0 2px 6px rgba(12, 122, 114, 0.2);
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_tabs button.dz_v3_callback_tab:focus-visible {
  outline: 2px solid rgba(12, 122, 114, 0.4);
  outline-offset: 2px;
}

@media screen and (max-width: 420px) and (max-device-width: 420px) {
  .home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_tabs button.dz_v3_callback_tab {
    flex-direction: column;
    gap: 4px;
    padding: 10px 6px;
    font-size: 11px;
  }

  .home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_tabs button.dz_v3_callback_tab .dz_v3_callback_tab_label {
    text-align: center;
  }
}

.home_v3 .dz_v3_callback_panel {
  border: none;
  border-radius: 0;
  padding: 18px 0 0;
  margin: 0;
  background: transparent;
}

.home_v3 .dz_v3_callback_form {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_status {
  font-family: var(--dz-nav);
  font-size: 13px;
  line-height: 1.45;
  margin: 0 0 12px;
  min-height: 0;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_status--ok {
  color: #0b5f59;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body .dz_v3_callback_status--err {
  color: #b45309;
}

.home_v3 .dz_v3_callback_hp_wrap {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.home_v3 .dz_v3_callback_row2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.home_v3 .dz_v3_callback_field label {
  display: block;
  font-family: var(--dz-mono);
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6b7f7c;
  margin: 0 0 5px 2px;
}

.home_v3 .dz_v3_callback_field input,
.home_v3 .dz_v3_callback_field select,
.home_v3 .dz_v3_callback_field textarea {
  width: 100%;
  box-sizing: border-box;
  font-family: var(--dz-nav);
  font-size: 13px;
  padding: 10px 11px;
  border-radius: 8px;
  border: 1px solid var(--cb-field-border);
  background: var(--cb-field-bg);
  color: var(--dz-ink);
}

.home_v3 .dz_v3_callback_field textarea {
  resize: vertical;
  min-height: 88px;
}

.home_v3 .dz_v3_callback_field input:focus,
.home_v3 .dz_v3_callback_field select:focus,
.home_v3 .dz_v3_callback_field textarea:focus {
  outline: none;
  border-color: rgba(12, 122, 114, 0.45);
  box-shadow: 0 0 0 3px rgba(12, 122, 114, 0.12);
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 4px;
  width: 100%;
  min-height: 46px;
  border-radius: 999px;
  cursor: pointer;
  font-family: var(--dz-nav);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.015em;
  padding: 11px 14px 11px 18px;
  overflow: hidden;
  transition:
    background 0.24s ease,
    color 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.2s ease;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    115deg,
    transparent 30%,
    rgba(255, 255, 255, 0.55) 48%,
    transparent 66%
  );
  transform: translateX(-130%);
  transition: transform 0.55s ease;
  pointer-events: none;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit .dz_v3_callback_submit_label {
  position: relative;
  z-index: 1;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit .dz_v3_callback_submit_arrow {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-left: auto;
  border-radius: 50%;
  font-size: 14px;
  line-height: 1;
  transition: background 0.24s ease, color 0.24s ease, transform 0.2s ease;
}

/* Send message — outlined mint CTA */
.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit:not(.dz_v3_callback_submit--callback) {
  border: 1.5px solid rgba(12, 122, 114, 0.35) !important;
  color: #0a6b63 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f0f8f6 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 2px 8px rgba(12, 122, 114, 0.08) !important;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit:not(.dz_v3_callback_submit--callback) .dz_v3_callback_submit_arrow {
  background: rgba(12, 122, 114, 0.1);
  color: #0a6b63;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit:not(.dz_v3_callback_submit--callback):hover {
  color: #fff !important;
  border-color: #0c7a72 !important;
  background: linear-gradient(180deg, #1ab5a8 0%, #0c7a72 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 5px 16px rgba(12, 122, 114, 0.22) !important;
  transform: translateY(-1px);
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit:not(.dz_v3_callback_submit--callback):hover .dz_v3_callback_submit_arrow {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
  transform: translateX(2px);
}

/* Request callback — soft teal fill CTA */
.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit--callback {
  border: 1px solid #0a6b63 !important;
  color: #fff !important;
  background: linear-gradient(180deg, #1ab5a8 0%, #0c7a72 55%, #0a6b63 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 4px 14px rgba(12, 122, 114, 0.24) !important;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit--callback .dz_v3_callback_submit_arrow {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.28);
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit--callback:hover {
  color: #fff !important;
  border-color: #0c7a72 !important;
  background: linear-gradient(180deg, #22c9bb 0%, #12a89c 55%, #0c7a72 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 6px 20px rgba(12, 122, 114, 0.28) !important;
  transform: translateY(-1px);
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit--callback:hover .dz_v3_callback_submit_arrow {
  background: rgba(255, 255, 255, 0.28);
  color: #fff;
  transform: translateX(2px);
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit--callback:focus-visible {
  outline: 2px solid rgba(12, 122, 114, 0.45);
  outline-offset: 2px;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit--callback:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit:focus-visible {
  outline: 2px solid rgba(12, 122, 114, 0.45);
  outline-offset: 2px;
}

.home_v3 .dz_v3_callback_card .dz_v3_callback_body button.dz_v3_callback_submit:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  transform: none;
}

.home_v3 .dz_v3_callback_divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 16px 0 12px;
}

.home_v3 .dz_v3_callback_divider_line {
  flex: 1;
  height: 1px;
  background: rgba(10, 80, 72, 0.12);
}

.home_v3 .dz_v3_callback_divider_text {
  font-family: var(--dz-nav);
  font-size: 11px;
  color: #7a8f8c;
  white-space: nowrap;
}

.home_v3 .dz_v3_callback_direct {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--cb-mint);
  border: 1px solid rgba(12, 122, 114, 0.12);
}

.home_v3 .dz_v3_callback_direct_icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--cb-header);
  color: #fff;
}

.home_v3 .dz_v3_callback_direct_num {
  font-family: var(--dz-mono);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--dz-ink-mid);
  text-decoration: none;
  display: inline-block;
}

.home_v3 .dz_v3_callback_direct_num:hover {
  color: var(--dz-teal-bright);
}

.home_v3 .dz_v3_callback_direct_hours {
  margin: 4px 0 0;
  font-family: var(--dz-nav);
  font-size: 11px;
  color: var(--dz-ink-mid);
  line-height: 1.35;
}

.home_v3 .dz_v3_ticker {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  align-self: stretch;
  /* Wide scrolling track must not set flex min-width — otherwise bar won’t span 100% at zoom 100% */
  min-width: 0;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  min-height: 42px;
  /* Pin partner bar to the bottom of the hero viewport; extra height sits above it, not under the stats */
  margin-top: auto;
  background: linear-gradient(90deg, #0b6d66 0%, #0c7a72 38%, #11887f 100%);
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.home_v3 .dz_v3_ticker_track {
  display: flex;
  gap: 0;
  width: max-content;
  will-change: transform;
  -webkit-animation: dz_v3_ticker_scroll 32s linear infinite;
  animation: dz_v3_ticker_scroll 32s linear infinite;
}

.home_v3 .dz_v3_ticker:hover .dz_v3_ticker_track {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes dz_v3_ticker_scroll {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@keyframes dz_v3_ticker_scroll {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.home_v3 .dz_v3_ticker_item {
  font-family: var(--dz-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  padding: 11px 28px;
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}

.home_v3 .dz_v3_ticker_item::after {
  content: none;
}

.home_v3 .dz_v3_products {
  background:
    radial-gradient(ellipse 90% 55% at 100% 0%, rgba(15, 168, 157, 0.1) 0%, transparent 58%),
    radial-gradient(ellipse 75% 50% at 0% 100%, rgba(12, 122, 114, 0.07) 0%, transparent 52%),
    linear-gradient(180deg, #ffffff 0%, #f8fcfb 45%, var(--dz-cream) 100%);
  padding: 100px var(--dz-section-gutter-x);
}

.home_v3 .dz_v3_section_head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 5vw, 64px);
  align-items: end;
  margin-bottom: 56px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--dz-rule);
}

.home_v3 .dz_v3_section_head--single {
  grid-template-columns: 1fr;
}

.home_v3 .dz_v3_section_eyebrow {
  font-family: var(--dz-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--dz-teal);
  margin-bottom: 14px;
}

.home_v3 .dz_v3_section_title {
  font-family: var(--dz-serif);
  font-size: clamp(28px, 3.8vw, 50px);
  font-weight: 900;
  color: var(--dz-ink);
  line-height: 1.05;
  letter-spacing: -0.02em;
  margin: 0;
}

.home_v3 .dz_v3_section_desc {
  font-size: 15px;
  font-weight: 400;
  color: var(--dz-ink-mid);
  line-height: 1.8;
  align-self: end;
  margin: 0;
}

.home_v3 .dz_v3_products_grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 1px;
  background: var(--dz-rule);
  border: 1px solid var(--dz-rule);
  border-radius: 8px;
  overflow: hidden;
}

.home_v3 .dz_v3_prod_card {
  background: var(--dz-white);
  padding: 44px 32px 36px;
  position: relative;
  transition: background 0.25s;
}

/* WEBPlus — lighter teal wash (same family as EDI√Plus) */
.home_v3 .dz_v3_prod_card.dz_v3_prod_card--light {
  background: linear-gradient(
    145deg,
    #f6fcfb 0%,
    #eef7f6 35%,
    #e8f4f3 68%,
    #f4fafa 100%
  );
}

.home_v3 .dz_v3_prod_card.dz_v3_prod_card--light:hover {
  background: linear-gradient(
    145deg,
    #f0f9f8 0%,
    #e6f3f2 40%,
    #dff0ee 75%,
    #ecf6f5 100%
  );
}

.home_v3 .dz_v3_prod_card.dz_v3_prod_card--light .dz_v3_prod_index {
  color: rgba(12, 122, 114, 0.22);
}

.home_v3 .dz_v3_prod_card.dz_v3_prod_card--light .dz_v3_prod_rule {
  background: rgba(12, 122, 114, 0.12);
}

.home_v3 .dz_v3_prod_card:hover {
  background: linear-gradient(160deg, var(--dz-cream) 0%, #f6fbfa 100%);
}

.home_v3 .dz_v3_prod_card.dz_v3_prod_featured {
  background: linear-gradient(145deg, #d4ebe8 0%, var(--dz-mist) 38%, #e0f2f0 72%, rgba(216, 238, 236, 0.95) 100%);
}

.home_v3 .dz_v3_prod_card.dz_v3_prod_featured:hover {
  background: linear-gradient(145deg, var(--dz-mist-mid) 0%, #cce8e4 45%, #dff0ee 100%);
}

.home_v3 .dz_v3_featured_badge {
  position: absolute;
  top: 20px;
  right: 20px;
  font-family: var(--dz-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background: var(--dz-ember-pale);
  color: var(--dz-ember);
  padding: 5px 10px;
  border-radius: 3px;
  border: 1px solid rgba(217, 79, 30, 0.15);
}

.home_v3 .dz_v3_prod_index {
  font-family: var(--dz-mono);
  font-size: 11px;
  font-weight: 400;
  color: rgba(10, 80, 72, 0.25);
  letter-spacing: 0.08em;
  margin-bottom: 32px;
}

.home_v3 .dz_v3_prod_name {
  font-family: var(--dz-serif);
  font-size: clamp(24px, 2.5vw, 30px);
  font-weight: 900;
  color: var(--dz-ink);
  letter-spacing: -0.02em;
  margin: 0 0 6px 0;
  line-height: 1;
}

.home_v3 .dz_v3_prod_tagline {
  font-family: var(--dz-mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--dz-teal);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.home_v3 .dz_v3_prod_rule {
  height: 1px;
  background: var(--dz-rule);
  margin-bottom: 20px;
}

.home_v3 .dz_v3_prod_desc {
  font-family: var(--dz-nav);
  font-size: clamp(15px, 1.15vw, 16px);
  font-weight: 400;
  color: var(--dz-ink-mid);
  line-height: 1.75;
  margin: 0 0 32px 0;
}

.home_v3 .dz_v3_prod_target {
  font-family: var(--dz-mono);
  font-size: 11px;
  font-weight: 500;
  color: var(--dz-ink-mid);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
}

.home_v3 .dz_v3_prod_target::before {
  content: none;
  display: none;
}

.home_v3 .dz_v3_prod_target a {
  color: inherit;
  text-decoration: none;
}

.home_v3 .dz_v3_prod_target a:hover {
  color: var(--dz-teal);
}

.home_v3 .dz_v3_partners {
  background:
    radial-gradient(ellipse 85% 60% at 50% 0%, rgba(15, 168, 157, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse 70% 45% at 10% 90%, rgba(12, 122, 114, 0.06) 0%, transparent 50%),
    linear-gradient(180deg, var(--dz-mist) 0%, #e8f4f3 50%, var(--dz-mist-mid) 100%);
  padding: 80px var(--dz-section-gutter-x);
  border-top: 1px solid var(--dz-rule);
  border-bottom: 1px solid var(--dz-rule);
}

.home_v3 .dz_v3_partners_head {
  text-align: center;
  margin-bottom: 48px;
}

.home_v3 .dz_v3_partners_head .dz_v3_section_eyebrow {
  justify-content: center;
  display: flex;
}

.home_v3 .dz_v3_partners_title {
  font-family: var(--dz-serif);
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 900;
  text-align: center;
  margin: 12px 0 0 0;
  color: var(--dz-ink);
  line-height: 1.1;
}

/* Partner network — horizontal logo strip (seamless marquee) */
.home_v3 .dz_v3_partners_marquee {
  position: relative;
  margin-top: 8px;
}

.home_v3 .dz_v3_partners_dup {
  display: contents;
}

.home_v3 .dz_v3_partners_marquee_inner {
  overflow: hidden;
  margin-inline: calc(-1 * var(--dz-section-gutter-x));
  padding-block: 6px;
  /* Avoid aggressive edge masks at 100% zoom / subpixel rounding hiding the whole strip */
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 2%, #000 98%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 2%, #000 98%, transparent 100%);
}

.home_v3 .dz_v3_partners_track {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: clamp(14px, 2vw, 22px);
  width: max-content;
  padding: 10px 0 18px 0;
  will-change: transform;
  -webkit-animation: dz_v3_partners_marquee 55s linear infinite;
  animation: dz_v3_partners_marquee 55s linear infinite;
}

.home_v3 .dz_v3_partners_marquee:hover .dz_v3_partners_track {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes dz_v3_partners_marquee {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@keyframes dz_v3_partners_marquee {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.home_v3 .dz_v3_partner_logo {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: clamp(100px, 11vw, 128px);
  padding: 14px 12px 16px 12px;
  background: var(--dz-white);
  border-radius: 12px;
  border: 1px solid var(--dz-rule);
  box-shadow: 0 8px 28px rgba(10, 26, 24, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.home_v3 .dz_v3_partner_logo:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(10, 26, 24, 0.09);
}

.home_v3 .dz_v3_partner_logo_imgwrap {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  display: grid;
  place-items: center;
  padding: 4px 6px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, var(--dz-cream) 100%);
  border: 1px solid rgba(10, 80, 72, 0.06);
  overflow: hidden;
}

.home_v3 .dz_v3_partner_logo_imgwrap picture {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  line-height: 0;
}

.home_v3 .dz_v3_partner_logo_img {
  display: block;
  max-width: 100%;
  max-height: 40px;
  width: auto !important;
  height: auto !important;
  margin: 0 auto;
  object-fit: contain;
  object-position: center center;
}

.home_v3 .dz_v3_partner_logo_name {
  font-family: var(--dz-mono);
  font-size: 8.5px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  color: var(--dz-ink-mid);
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
}

.home_v3 .dz_v3_difference {
  background:
    radial-gradient(ellipse 80% 50% at 0% 50%, rgba(15, 168, 157, 0.07) 0%, transparent 55%),
    radial-gradient(ellipse 70% 45% at 100% 80%, rgba(12, 122, 114, 0.05) 0%, transparent 50%),
    linear-gradient(180deg, #ffffff 0%, #fafdfc 100%);
  padding: 100px var(--dz-section-gutter-x);
}

/* KJ 30 Jul 2026 — Our ERP recommendation (after Partner network) */
.home_v3 .dz_v3_erp {
  background:
    radial-gradient(ellipse 70% 50% at 80% 10%, rgba(15, 168, 157, 0.1) 0%, transparent 55%),
    radial-gradient(ellipse 60% 40% at 10% 90%, rgba(4, 47, 41, 0.04) 0%, transparent 50%),
    linear-gradient(180deg, #f7fbfa 0%, #ffffff 55%, #f4faf9 100%);
  padding: 96px var(--dz-section-gutter-x);
  border-bottom: 1px solid var(--dz-rule);
}

.home_v3 .dz_v3_erp_inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* KJ 30 Jul 2026 — ERP Partners page intro */
.home_v3 .dz_v3_erp_intro {
  margin: 0 0 48px;
  padding: 0 0 36px;
  text-align: center;
  border-bottom: 1px solid var(--dz-rule, #d5e8e5);
}

.home_v3 .dz_v3_erp_intro_eyebrow {
  margin: 0 0 12px;
  font-family: var(--dz-mono, "IBM Plex Mono", monospace);
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--dz-teal, #0c7a72);
}

.home_v3 .dz_v3_erp_intro_title {
  margin: 0;
  font-family: var(--dz-serif, "Playfair Display", Georgia, serif);
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--dz-ink, #042f29);
}

.home_v3 .dz_v3_erp_intro_rule {
  width: 48px;
  height: 3px;
  margin: 18px auto 20px;
  border-radius: 2px;
  background: var(--dz-teal, #0c7a72);
}

.home_v3 .dz_v3_erp_intro_lead {
  margin: 0 auto;
  max-width: 38rem;
  font-family: var(--dz-sans, "IBM Plex Sans", "DM Sans", sans-serif);
  font-size: clamp(1rem, 1.6vw, 1.12rem);
  font-weight: 400;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: var(--dz-ink-mid, #3d524e);
}

.home_v3 .dz_v3_erp_intro_sub {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 14px;
  margin: 22px auto 0;
  max-width: 40rem;
  padding: 12px 18px;
  border-radius: 10px;
  background: rgba(12, 122, 114, 0.07);
  border: 1px solid rgba(12, 122, 114, 0.14);
  font-family: var(--dz-sans, "IBM Plex Sans", "DM Sans", sans-serif);
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.4;
  color: #064038;
}

.home_v3 .dz_v3_erp_intro_cta {
  margin: 22px 0 0;
}

.home_v3 .dz_v3_erp_footnote {
  margin: 18px auto 0;
  max-width: 36rem;
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--dz-ink-mid, #3d524e);
}

.home_v3 .dz_v3_erp_partners_heading {
  margin: 0 0 18px;
  font-family: var(--dz-serif, "Playfair Display", Georgia, serif);
  font-size: clamp(1.35rem, 2vw, 1.7rem);
  font-weight: 900;
  color: var(--dz-ink, #042f29);
  text-align: center;
}

/* KJ 30 Jul 2026 — WEBPlus get / save / gain (editorial columns, not cards) */
.home_v3 .dz_v3_erp_benefits {
  margin: 56px 0 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  counter-reset: erp-benefit;
  border-top: 1px solid var(--dz-rule, #d5e8e5);
  border-bottom: 1px solid var(--dz-rule, #d5e8e5);
}

.home_v3 .dz_v3_erp_benefit {
  margin: 0;
  padding: 36px 28px 40px;
  background: transparent;
  border: none;
  border-right: 1px solid var(--dz-rule, #d5e8e5);
  border-radius: 0;
  box-shadow: none;
  counter-increment: erp-benefit;
}

.home_v3 .dz_v3_erp_benefit:last-child {
  border-right: none;
}

.home_v3 .dz_v3_erp_benefit_title {
  position: relative;
  margin: 0 0 22px;
  padding-top: 1.75rem;
  font-family: var(--dz-serif, "Playfair Display", Georgia, serif);
  font-size: clamp(1.35rem, 2vw, 1.65rem);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--dz-ink, #042f29);
}

.home_v3 .dz_v3_erp_benefit_title::before {
  content: counter(erp-benefit, decimal-leading-zero);
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--dz-mono, "IBM Plex Mono", monospace);
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  color: var(--dz-teal, #0c7a72);
}

.home_v3 .dz_v3_erp_benefit_sub {
  margin: 0 0 12px;
  font-family: var(--dz-sans, "IBM Plex Sans", "DM Sans", sans-serif);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0c7a72;
}

.home_v3 .dz_v3_erp_benefit_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.home_v3 .dz_v3_erp_benefit_list li {
  position: relative;
  margin: 0 0 14px;
  padding: 0 0 0 1rem;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--dz-ink-mid, #3d524e);
}

.home_v3 .dz_v3_erp_benefit_list li:last-child {
  margin-bottom: 0;
}

.home_v3 .dz_v3_erp_benefit_list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.62em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #0c7a72;
  opacity: 0.85;
}

/* KJ 3 Aug 2026: same colour + font as .dz_v3_erp_benefit_sub (e.g. Reduce your staff load) */
.home_v3 .dz_v3_erp_benefit_list li strong {
  display: block;
  margin: 0 0 4px;
  padding: 0;
  font-family: var(--dz-sans, "IBM Plex Sans", "DM Sans", sans-serif);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.3;
  color: #0c7a72;
}

.home_v3 .dz_v3_erp_benefit_list li:has(> strong) {
  margin: 0 0 20px;
  padding: 0 0 18px;
  border-bottom: 1px solid rgba(213, 232, 229, 0.85);
}

.home_v3 .dz_v3_erp_benefit_list li:has(> strong):last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.home_v3 .dz_v3_erp_benefit_list li:has(> strong)::before {
  display: none;
}

.home_v3 .dz_v3_erp_benefit_list a {
  color: #0c7a72;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(12, 122, 114, 0.35);
}

.home_v3 .dz_v3_erp_benefit_list a:hover,
.home_v3 .dz_v3_erp_benefit_list a:focus {
  border-bottom-color: #0c7a72;
  text-decoration: none;
}

.home_v3 .dz_v3_erp_benefit_cols {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

@media (max-width: 900px) and (max-device-width: 900px) {
  .home_v3 .dz_v3_erp_benefits {
    grid-template-columns: 1fr;
    border-bottom: none;
  }

  .home_v3 .dz_v3_erp_benefit {
    padding: 28px 0;
    border-right: none;
    border-bottom: 1px solid var(--dz-rule, #d5e8e5);
  }

  .home_v3 .dz_v3_erp_benefit:last-child {
    border-bottom: 1px solid var(--dz-rule, #d5e8e5);
  }
}

@media (max-width: 720px) and (max-device-width: 720px) {
  .home_v3 .dz_v3_erp_benefit_cols {
    gap: 22px;
  }
}

.home_v3 .dz_v3_erp_intro_sub_sep {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--dz-teal, #0c7a72);
  opacity: 0.7;
}

@media (max-width: 520px) and (max-device-width: 520px) {
  .home_v3 .dz_v3_erp_intro_sub {
    flex-direction: column;
    gap: 8px;
  }

  .home_v3 .dz_v3_erp_intro_sub_sep {
    display: none;
  }
}

.home_v3 .dz_v3_erp .dz_v3_section_head--single {
  margin-bottom: 40px;
}

.home_v3 .dz_v3_erp_lead {
  margin: 14px auto 0;
  max-width: 42rem;
  text-align: center;
  font-family: var(--dz-sans, "IBM Plex Sans", "DM Sans", sans-serif);
  font-size: 1.05rem;
  line-height: 1.55;
  color: var(--dz-ink-mid, #3d524e);
}

.home_v3 .dz_v3_erp_list {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

/* KJ 30 Jul 2026 — ERP partner logo grid */
.home_v3 .dz_v3_erp_logo_grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

/* KJ 30 Jul 2026 — center lone last-row logo (Xero) in middle column */
.home_v3 .dz_v3_erp_logo_grid > #erp-xero {
  grid-column: 2;
}

.home_v3 .dz_v3_erp_logo_card {
  margin: 0;
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #ffffff;
  border: 1px solid var(--dz-rule, #d5e8e5);
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(4, 47, 41, 0.04);
}

.home_v3 .dz_v3_erp_logo_imgwrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 72px;
  margin: 0 0 12px;
  padding: 8px 12px;
}

.home_v3 .dz_v3_erp_logo_imgwrap--dark {
  background: #111;
  border-radius: 8px;
  max-width: 220px;
}

.home_v3 .dz_v3_erp_logo_imgwrap img {
  display: block;
  max-width: 100%;
  max-height: 64px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Keep QDOS mark similar visual weight to other partner logos */
.home_v3 #erp-qdos .dz_v3_erp_logo_imgwrap img,
.home_v3 .dz_v3_erp_detail_brand img {
  max-width: 168px;
  max-height: 48px;
}

.home_v3 .dz_v3_erp_logo_name {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--dz-ink, #042f29);
  line-height: 1.3;
}

.home_v3 .dz_v3_erp_logo_card_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: inherit;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer;
  font: inherit;
}

.home_v3 .dz_v3_erp_logo_card_link:hover,
.home_v3 .dz_v3_erp_logo_card_link:focus,
.home_v3 .dz_v3_erp_logo_card_link:focus-visible {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit;
  outline: none;
}

.home_v3 .dz_v3_erp_logo_card--link {
  transition: border-color 0.2s, box-shadow 0.2s;
}

.home_v3 .dz_v3_erp_logo_card--link:hover,
.home_v3 .dz_v3_erp_logo_card--link.is-active {
  border-color: rgba(12, 122, 114, 0.45);
  box-shadow: 0 10px 26px rgba(4, 47, 41, 0.08);
}

.home_v3 .dz_v3_erp_logo_card--link:hover .dz_v3_erp_logo_name,
.home_v3 .dz_v3_erp_logo_card--link.is-active .dz_v3_erp_logo_name {
  color: #0c7a72;
}

.home_v3 .dz_v3_erp_detail {
  margin: 24px 0 0;
  padding: 28px 24px;
  background: #fff;
  border: 1px solid rgba(12, 122, 114, 0.28);
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(4, 47, 41, 0.06);
}

.home_v3 .dz_v3_erp_detail_head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.home_v3 .dz_v3_erp_detail_brand {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 22px;
}

.home_v3 .dz_v3_erp_detail_brand img {
  display: block;
  max-width: 100%;
  max-height: 64px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.home_v3 .dz_v3_erp_detail_eyebrow {
  margin: 0 0 4px;
  font-family: var(--dz-mono, "IBM Plex Mono", monospace);
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--dz-teal, #0c7a72);
}

.home_v3 .dz_v3_erp_detail_title {
  margin: 0;
  font-family: var(--dz-serif, "Playfair Display", Georgia, serif);
  font-size: clamp(1.6rem, 2.5vw, 2rem);
  font-weight: 900;
  color: var(--dz-ink, #042f29);
  line-height: 1.1;
}

.home_v3 .dz_v3_erp_detail_tagline {
  margin: 6px 0 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #0c7a72;
}

.home_v3 .dz_v3_erp_detail_summary {
  margin: 0 0 22px;
  max-width: 46rem;
  font-size: 1.02rem;
  line-height: 1.6;
  color: var(--dz-ink-mid, #3d524e);
}

.home_v3 .dz_v3_erp_detail_close {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border: 1px solid var(--dz-rule, #d5e8e5);
  border-radius: 8px;
  background: #f7fbfa;
  color: var(--dz-ink, #042f29);
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
}

.home_v3 .dz_v3_erp_detail_close:hover,
.home_v3 .dz_v3_erp_detail_close:focus {
  border-color: rgba(12, 122, 114, 0.45);
  color: #0c7a72;
}

/* KJ 30 Jul 2026 — QDOS partner page */
.home_v3 .dz_v3_qdos_back {
  margin: 0 0 28px;
  font-size: 0.9rem;
}

.home_v3 .dz_v3_qdos_back a {
  color: #0c7a72;
  text-decoration: none;
  font-weight: 600;
}

.home_v3 .dz_v3_qdos_back a:hover,
.home_v3 .dz_v3_qdos_back a:focus {
  text-decoration: underline;
}

.home_v3 .dz_v3_qdos_intro {
  margin: 0 0 40px;
  padding: 0 0 36px;
  text-align: center;
  border-bottom: 1px solid var(--dz-rule, #d5e8e5);
}

.home_v3 .dz_v3_qdos_logo_wrap {
  display: flex;
  justify-content: center;
  margin: 0 0 20px;
}

.home_v3 .dz_v3_qdos_logo_wrap img {
  display: block;
  max-width: 220px;
  max-height: 72px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.home_v3 .dz_v3_qdos_tagline {
  margin: 0 auto 16px;
  max-width: 32rem;
  font-size: 1.05rem;
  font-weight: 600;
  color: #0c7a72;
}

.home_v3 .dz_v3_qdos_body {
  display: grid;
  grid-template-columns: 1.35fr minmax(200px, 1fr);
  gap: 24px 32px;
  align-items: center;
  margin: 0 0 8px;
}

.home_v3 .dz_v3_qdos_panel {
  margin: 0;
  padding: 24px 22px;
  background: #fff;
  border: 1px solid var(--dz-rule, #d5e8e5);
  border-radius: 12px;
  box-shadow: 0 8px 22px rgba(4, 47, 41, 0.04);
}

.home_v3 .dz_v3_qdos_mark {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  padding: 12px 8px;
}

.home_v3 .dz_v3_qdos_mark img {
  display: block;
  width: 100%;
  max-width: 380px;
  height: auto;
  object-fit: contain;
}

.home_v3 .dz_v3_qdos_panel--contact {
  background: #f7fbfa;
}

.home_v3 .dz_v3_qdos_panel_title {
  margin: 0 0 14px;
  font-family: var(--dz-serif, "Playfair Display", Georgia, serif);
  font-size: 1.25rem;
  font-weight: 900;
  color: var(--dz-ink, #042f29);
}

.home_v3 .dz_v3_qdos_panel .dz_v3_erp_automates {
  margin: 0;
}

.home_v3 .dz_v3_qdos_contact_person {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--dz-ink, #042f29);
}

.home_v3 .dz_v3_qdos_contact_title {
  margin: 4px 0 12px;
  font-size: 0.95rem;
  color: var(--dz-ink-mid, #3d524e);
}

.home_v3 .dz_v3_qdos_contact_phone {
  display: inline-block;
  font-size: 1.05rem;
  font-weight: 700;
  color: #064038;
  text-decoration: none;
}

.home_v3 .dz_v3_qdos_contact_phone:hover,
.home_v3 .dz_v3_qdos_contact_phone:focus {
  color: #0c7a72;
  text-decoration: underline;
}

@media (max-width: 800px) and (max-device-width: 800px) {
  .home_v3 .dz_v3_qdos_body {
    grid-template-columns: 1fr;
  }

  .home_v3 .dz_v3_qdos_mark {
    justify-content: center;
    order: 2;
    padding: 8px 0 4px;
  }

  .home_v3 .dz_v3_qdos_mark img {
    max-width: 240px;
  }
}

.home_v3 .dz_v3_erp_contact--qdos {
  margin: 20px 0 0;
}

@media (max-width: 900px) and (max-device-width: 900px) {
  .home_v3 .dz_v3_erp_logo_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* KJ 30 Jul 2026 — center Xero across the 2-col last row */
  .home_v3 .dz_v3_erp_logo_grid > #erp-xero {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - 16px) / 2);
  }
}

@media (max-width: 520px) and (max-device-width: 520px) {
  .home_v3 .dz_v3_erp_logo_grid {
    grid-template-columns: 1fr;
  }

  .home_v3 .dz_v3_erp_logo_grid > #erp-xero {
    grid-column: auto;
    justify-self: stretch;
    width: auto;
  }
}

.home_v3 .dz_v3_erp_card {
  background: #ffffff;
  border: 1px solid var(--dz-rule, #d5e8e5);
  border-radius: 12px;
  padding: clamp(24px, 3vw, 36px);
  box-shadow: 0 10px 28px rgba(4, 47, 41, 0.05);
}

.home_v3 .dz_v3_erp_card--featured {
  border-color: rgba(15, 168, 157, 0.35);
  box-shadow:
    0 0 0 1px rgba(15, 168, 157, 0.08),
    0 14px 36px rgba(4, 47, 41, 0.07);
}

.home_v3 .dz_v3_erp_badge {
  display: inline-block;
  margin: 0 0 12px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(15, 168, 157, 0.12);
  color: #0c7a72;
  font-family: var(--dz-mono, "IBM Plex Mono", monospace);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.home_v3 .dz_v3_erp_name {
  margin: 0 0 6px;
  font-family: var(--dz-serif, "Playfair Display", Georgia, serif);
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
  font-weight: 900;
  color: var(--dz-ink, #042f29);
  line-height: 1.15;
}

.home_v3 .dz_v3_erp_tagline {
  margin: 0 0 14px;
  font-size: 1rem;
  font-weight: 600;
  color: #0c7a72;
}

.home_v3 .dz_v3_erp_contact {
  margin: 16px 0 0;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid var(--dz-rule, #d5e8e5);
  background: #f7fbfa;
  font-size: 0.95rem;
  line-height: 1.45;
  color: var(--dz-ink, #042f29);
}

.home_v3 .dz_v3_erp_contact_label {
  display: block;
  margin-bottom: 4px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0c7a72;
}

.home_v3 .dz_v3_erp_contact_person {
  display: block;
  font-weight: 600;
}

.home_v3 .dz_v3_erp_contact_phone {
  display: inline-block;
  margin-top: 4px;
  font-weight: 600;
  color: #064038;
  text-decoration: none;
}

.home_v3 .dz_v3_erp_contact_phone:hover,
.home_v3 .dz_v3_erp_contact_phone:focus {
  color: #0c7a72;
  text-decoration: underline;
}

.home_v3 .dz_v3_erp_summary {
  margin: 0;
  max-width: 46rem;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--dz-ink-mid, #3d524e);
}

.home_v3 .dz_v3_erp_compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 28px 0 0;
}

.home_v3 .dz_v3_erp_compare_col {
  border-radius: 10px;
  padding: 20px 18px 18px;
  border: 1px solid transparent;
}

.home_v3 .dz_v3_erp_compare_col--without {
  background: #fff7f6;
  border-color: #f0d0cc;
}

.home_v3 .dz_v3_erp_compare_col--with {
  background: #f1faf8;
  border-color: #c5e6e1;
}

.home_v3 .dz_v3_erp_compare_heading {
  margin: 0 0 12px;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.3;
}

.home_v3 .dz_v3_erp_compare_col--without .dz_v3_erp_compare_heading {
  color: #9f2d2d;
}

.home_v3 .dz_v3_erp_compare_col--with .dz_v3_erp_compare_heading {
  color: #0a5c55;
}

.home_v3 .dz_v3_erp_compare_list,
.home_v3 .dz_v3_erp_automates {
  margin: 0;
  padding: 0 0 0 1.1rem;
  list-style: disc;
}

.home_v3 .dz_v3_erp_compare_list li,
.home_v3 .dz_v3_erp_automates li {
  margin: 0 0 8px;
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--dz-ink, #042f29);
}

.home_v3 .dz_v3_erp_compare_list li:last-child,
.home_v3 .dz_v3_erp_automates li:last-child {
  margin-bottom: 0;
}

.home_v3 .dz_v3_erp_diagram {
  margin: 24px 0 0;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--dz-rule, #d5e8e5);
  background: #fff;
}

.home_v3 .dz_v3_erp_diagram img {
  display: block;
  width: 100%;
  height: auto;
}

/* KJ 30 Jul 2026 — QDOS pipeline diagram (HTML; Double Z / WEBPlus first) */
.home_v3 .dz_v3_erp_diagram--flow {
  padding: 20px 18px 0;
  background:
    linear-gradient(180deg, #f7fbfa 0%, #ffffff 48%);
}

.home_v3 .dz_v3_erp_diagram_title {
  margin: 0;
  text-align: center;
  font-family: var(--dz-serif, "Playfair Display", Georgia, serif);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 900;
  color: var(--dz-ink, #042f29);
}

.home_v3 .dz_v3_erp_diagram_sub {
  margin: 6px auto 18px;
  max-width: 36rem;
  text-align: center;
  font-size: 0.92rem;
  line-height: 1.45;
  color: var(--dz-ink-mid, #3d524e);
}

.home_v3 .dz_v3_erp_flow {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  max-width: 34rem;
  margin: 0 auto 4px;
}

.home_v3 .dz_v3_erp_flow_retailers {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.home_v3 .dz_v3_erp_flow_retailers span {
  display: block;
  padding: 10px 8px;
  text-align: center;
  font-size: 0.78rem;
  font-weight: 600;
  color: #064038;
  background: #fff;
  border: 1px solid var(--dz-rule, #d5e8e5);
  border-radius: 8px;
}

.home_v3 .dz_v3_erp_flow_note {
  margin: 10px 0 0;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 600;
  color: #0c7a72;
}

.home_v3 .dz_v3_erp_flow_arrow {
  width: 2px;
  height: 18px;
  margin: 8px auto;
  background: #0c7a72;
  position: relative;
}

.home_v3 .dz_v3_erp_flow_arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #0c7a72;
  border-bottom: 2px solid #0c7a72;
  transform: translateX(-50%) rotate(45deg);
}

.home_v3 .dz_v3_erp_flow_link {
  display: flex;
  justify-content: center;
  margin: 2px 0;
}

.home_v3 .dz_v3_erp_flow_link span {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5a7a74;
  padding: 2px 10px;
  border: 1px dashed #a8c9c3;
  border-radius: 999px;
  background: #f7fbfa;
}

.home_v3 .dz_v3_erp_flow_step {
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid var(--dz-rule, #d5e8e5);
  background: #fff;
  text-align: center;
}

.home_v3 .dz_v3_erp_flow_step strong {
  display: block;
  font-size: 1.02rem;
  font-weight: 800;
  color: var(--dz-ink, #042f29);
}

.home_v3 .dz_v3_erp_flow_step span {
  display: block;
  margin-top: 4px;
  font-size: 0.86rem;
  line-height: 1.4;
  color: var(--dz-ink-mid, #3d524e);
}

.home_v3 .dz_v3_erp_flow_step--webplus {
  border-color: #0c7a72;
  background: linear-gradient(180deg, #e8f6f3 0%, #ffffff 100%);
}

.home_v3 .dz_v3_erp_flow_step--webplus strong {
  color: #064038;
}

.home_v3 .dz_v3_erp_flow_step--erp {
  border-color: #b7d4cf;
  background: #f3faf8;
}

.home_v3 .dz_v3_erp_flow_step--biz {
  border-color: #0c7a72;
  background: #0c7a72;
}

.home_v3 .dz_v3_erp_flow_step--biz strong,
.home_v3 .dz_v3_erp_flow_step--biz span {
  color: #fff;
}

@media (max-width: 560px) and (max-device-width: 560px) {
  .home_v3 .dz_v3_erp_flow_retailers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.home_v3 .dz_v3_erp_result {
  margin: 22px 0 0;
  font-family: var(--dz-serif, "Playfair Display", Georgia, serif);
  font-size: clamp(1.15rem, 2vw, 1.35rem);
  font-weight: 700;
  font-style: italic;
  color: #064038;
  line-height: 1.35;
}

.home_v3 .dz_v3_erp_cta {
  margin: 22px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.home_v3 .dz_v3_erp_compare--lead {
  margin: 0 0 28px;
}

.home_v3 .dz_v3_erp_bridge {
  margin: 0 0 28px;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 1.02rem;
  line-height: 1.55;
  color: var(--dz-ink-mid, #3d524e);
}

.home_v3 .dz_v3_erp_automates_label {
  margin: 22px 0 10px;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #0c7a72;
}

.home_v3 .dz_v3_erp_diagram_cap {
  margin: 0;
  padding: 10px 14px 12px;
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--dz-ink-mid, #3d524e);
  background: #f7fbfa;
  border-top: 1px solid var(--dz-rule, #d5e8e5);
}

.home_v3 .dz_v3_erp_inner > .dz_v3_erp_cta {
  margin-top: 28px;
  justify-content: center;
}

.home_v3 .dz_v3_erp_cta .dz_v3_cta_primary,
.home_v3 .dz_v3_erp_cta .dz_v3_cta_ghost {
  display: inline-flex;
}

.home_v3.dz_v3_erp_page .dz_v3_erp {
  min-height: calc(100vh - 80px);
  padding-top: 120px;
}

@media (max-width: 800px) and (max-device-width: 800px) {
  .home_v3 .dz_v3_erp {
    padding: 72px var(--dz-section-gutter-x);
  }

  .home_v3 .dz_v3_erp_compare {
    grid-template-columns: 1fr;
  }
}

.home_v3 .dz_v3_diff_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--dz-rule);
  border: 1px solid var(--dz-rule);
  border-radius: 8px;
  overflow: hidden;
  margin-top: 56px;
}

.home_v3 .dz_v3_diff_card {
  background: var(--dz-white);
  padding: 44px 32px;
  transition: background 0.25s;
}

.home_v3 .dz_v3_diff_card:hover {
  background: linear-gradient(160deg, var(--dz-cream) 0%, #f2f9f8 100%);
}

.home_v3 .dz_v3_diff_num {
  font-family: var(--dz-mono);
  font-size: 44px;
  font-weight: 500;
  color: var(--dz-mist-mid);
  letter-spacing: -0.04em;
  margin-bottom: 20px;
  line-height: 1;
}

.home_v3 .dz_v3_diff_title {
  font-family: var(--dz-serif);
  font-size: 22px;
  font-weight: 700;
  color: var(--dz-ink);
  margin: 0 0 14px 0;
  line-height: 1.2;
}

.home_v3 .dz_v3_diff_desc {
  font-family: var(--dz-nav);
  font-size: clamp(15px, 1.15vw, 16px);
  font-weight: 400;
  color: var(--dz-ink-mid);
  line-height: 1.75;
  margin: 0;
}

/* —— How it works + Client stories (after “What you get with us”) —— */
.home_v3 .dz_v3_how {
  background: linear-gradient(165deg, #0c2623 0%, #0a221f 32%, #061513 68%, #04100e 100%);
  color: var(--dz-white);
  padding: clamp(72px, 10vw, 110px) var(--dz-section-gutter-x);
  -webkit-font-smoothing: antialiased;
}

.home_v3 .dz_v3_how_inner {
  max-width: var(--dz-content-max);
  margin: 0 auto;
}

.home_v3 .dz_v3_how_head {
  max-width: 52ch;
  margin-bottom: clamp(40px, 6vw, 56px);
}

.home_v3 .dz_v3_how_eyebrow {
  font-family: var(--dz-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--dz-teal-bright);
  opacity: 0.95;
  margin: 0 0 14px 0;
}

.home_v3 .dz_v3_how_title {
  display: block;
  margin: 0 0 16px 0;
  font-family: var(--dz-serif);
  font-size: clamp(28px, 3.6vw, 46px);
  font-weight: 900;
  font-style: normal;
  letter-spacing: -0.03em;
  line-height: 1.08;
  color: var(--dz-white);
}

.home_v3 .dz_v3_how_sub {
  display: block;
  margin: 0;
  font-family: var(--dz-nav);
  font-size: clamp(15px, 1.2vw, 17px);
  font-weight: 400;
  line-height: 1.65;
  color: rgba(226, 245, 243, 0.82);
}

.home_v3 .dz_v3_how_steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 28px);
  align-items: stretch;
}

.home_v3 .dz_v3_how_step {
  position: relative;
  margin: 0;
  padding: 0 clamp(8px, 1.5vw, 20px) 0 0;
}

.home_v3 .dz_v3_how_num {
  display: block;
  font-family: var(--dz-mono);
  font-size: clamp(36px, 4.5vw, 52px);
  font-weight: 500;
  color: var(--dz-teal-bright);
  letter-spacing: -0.04em;
  line-height: 1;
  margin-bottom: 16px;
  opacity: 0.95;
}

.home_v3 .dz_v3_how_step_title {
  font-family: var(--dz-nav);
  font-size: 16px;
  font-weight: 600;
  color: var(--dz-white);
  margin: 0 0 10px 0;
  line-height: 1.3;
}

.home_v3 .dz_v3_how_step_desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.72);
  margin: 0;
}

.home_v3 .dz_v3_how_arrow {
  position: absolute;
  right: 0;
  top: 2.75rem;
  font-size: 1.25rem;
  font-weight: 400;
  color: rgba(15, 168, 157, 0.55);
  line-height: 1;
  pointer-events: none;
}

.home_v3 .dz_v3_how_step:last-child .dz_v3_how_arrow {
  display: none;
}

.home_v3 .dz_v3_stories {
  background:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(15, 168, 157, 0.14) 0%, transparent 58%),
    radial-gradient(ellipse 75% 50% at 100% 100%, rgba(12, 122, 114, 0.08) 0%, transparent 52%),
    linear-gradient(180deg, #f0f8f7 0%, #eef5f4 40%, #e6f2f1 100%);
  padding: clamp(72px, 10vw, 100px) var(--dz-section-gutter-x);
  border-top: 1px solid var(--dz-rule);
}

.home_v3 .dz_v3_stories_inner {
  max-width: var(--dz-content-max);
  margin: 0 auto;
}

.home_v3 .dz_v3_stories_head {
  margin-bottom: clamp(36px, 5vw, 48px);
}

.home_v3 .dz_v3_stories_eyebrow {
  font-family: var(--dz-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--dz-teal);
  margin: 0 0 14px 0;
}

.home_v3 .dz_v3_stories_title {
  font-family: var(--dz-serif);
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--dz-ink);
  margin: 0;
  line-height: 1.1;
}

.home_v3 .dz_v3_stories_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 28px);
}

.home_v3 .dz_v3_stories_carousel {
  position: relative;
  width: 100%;
}

.home_v3 .dz_v3_stories_viewport {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.home_v3 .dz_v3_stories_track {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  will-change: transform;
  transition: transform 0.38s ease;
}

.home_v3 .dz_v3_stories_page {
  flex-shrink: 0;
  box-sizing: border-box;
}

.home_v3 .dz_v3_stories_page .dz_v3_stories_grid {
  min-height: 100%;
}

.home_v3 .dz_v3_stories_page--single .dz_v3_stories_grid {
  grid-template-columns: 1fr;
  max-width: min(100%, 40rem);
  margin-left: auto;
  margin-right: auto;
}

.home_v3 .dz_v3_stories_controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2vw, 20px);
  flex-wrap: wrap;
  margin-top: clamp(24px, 4vw, 36px);
}

.home_v3 .dz_v3_stories_dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.home_v3 .dz_v3_stories_dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(12, 122, 114, 0.28);
  cursor: pointer;
  transition: background 0.2s, transform 0.2s;
}

.home_v3 .dz_v3_stories_dot:hover {
  background: rgba(12, 122, 114, 0.45);
}

.home_v3 .dz_v3_stories_dot.is-active {
  background: var(--dz-teal);
  transform: scale(1.15);
}

.home_v3 .dz_v3_stories_dot:focus-visible {
  outline: 2px solid var(--dz-teal);
  outline-offset: 2px;
}

.home_v3 .dz_v3_visually_hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.home_v3 .dz_v3_story_card {
  margin: 0;
  padding: clamp(24px, 3.5vw, 32px);
  background: linear-gradient(165deg, #ffffff 0%, #fafdfc 55%, rgba(237, 246, 245, 0.95) 100%);
  border-radius: 12px;
  border: 1px solid var(--dz-rule);
  box-shadow: 0 12px 40px rgba(10, 80, 72, 0.08);
}

.home_v3 .dz_v3_story_stars {
  display: flex;
  gap: 4px;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1;
  color: var(--dz-ember);
}

.home_v3 .dz_v3_story_quote {
  margin: 0 0 22px 0;
  padding: 0;
  border: 0;
}

.home_v3 .dz_v3_story_quote p {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75;
  color: var(--dz-ink-mid);
}

.home_v3 .dz_v3_story_quote p + p {
  margin-top: 0.75em;
}

.home_v3 .dz_v3_story_meta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0;
}

.home_v3 .dz_v3_story_avatar {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--dz-mono);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--dz-ink);
}

.home_v3 .dz_v3_story_avatar--a {
  background: linear-gradient(145deg, #d8eeec 0%, #b8e4df 100%);
}

.home_v3 .dz_v3_story_avatar--b {
  background: linear-gradient(145deg, #dbeafe 0%, #bfdbfe 100%);
  color: #0c4a6e;
}

.home_v3 .dz_v3_story_avatar--c {
  background: linear-gradient(145deg, #fef3e2 0%, #fde4c4 100%);
  color: #7c2d12;
}

.home_v3 .dz_v3_story_avatar--d {
  background: linear-gradient(145deg, #ede9fe 0%, #ddd6fe 100%);
  color: #5b21b6;
}

.home_v3 .dz_v3_story_avatar--e {
  background: linear-gradient(135deg, #fed7aa 0%, #86efac 100%);
  color: var(--dz-ink);
}

.home_v3 .dz_v3_story_avatar--f {
  background: linear-gradient(145deg, #e0f2fe 0%, #bae6fd 100%);
  color: #0c4a6e;
}

.home_v3 .dz_v3_story_avatar--g {
  background: linear-gradient(145deg, #ecfdf5 0%, #a7f3d0 100%);
  color: #065f46;
}

.home_v3 .dz_v3_story_who {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.home_v3 .dz_v3_story_who strong {
  font-family: var(--dz-nav);
  font-size: 15px;
  font-weight: 600;
  color: var(--dz-ink);
}

.home_v3 .dz_v3_story_role {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: var(--dz-ink-mid);
  line-height: 1.4;
}

.home_v3 .dz_v3_cta_band {
  --dz-cta-banner: #d45834;
  --dz-cta-banner-deep: #c94d2e;
  position: relative;
  overflow: hidden;
  background-color: #c94d2e;
  background-image:
    radial-gradient(ellipse 105% 130% at 0% 50%, rgba(130, 32, 18, 0.72) 0%, rgba(168, 48, 28, 0.45) 42%, transparent 72%),
    radial-gradient(ellipse 85% 90% at 0% 8%, rgba(115, 28, 14, 0.55) 0%, transparent 58%),
    radial-gradient(ellipse 78% 82% at 0% 100%, rgba(125, 34, 18, 0.5) 0%, transparent 52%),
    radial-gradient(ellipse 95% 75% at 95% 95%, rgba(255, 200, 160, 0.28) 0%, transparent 55%),
    linear-gradient(102deg, #a83a22 0%, #b84228 18%, #c94d2e 38%, #d45834 58%, #de5638 78%, #e06040 100%);
  padding: clamp(52px, 7vw, 80px) var(--dz-section-gutter-x);
  border-top: 0;
  border-bottom: 0;
  margin-bottom: 0;
  -webkit-font-smoothing: antialiased;
}

.home_v3 .dz_v3_cta_band::before {
  content: "";
  position: absolute;
  inset: 0;
  width: min(72%, 52rem);
  background:
    radial-gradient(ellipse 100% 95% at 0% 48%, rgba(100, 24, 12, 0.5) 0%, rgba(140, 38, 22, 0.28) 48%, transparent 72%),
    linear-gradient(90deg, rgba(110, 28, 14, 0.55) 0%, rgba(150, 42, 26, 0.28) 42%, transparent 100%);
  pointer-events: none;
  z-index: 0;
}

/* Soft tilted shapes — same style as hero / contact form geo accents */
.home_v3 .dz_v3_cta_geo {
  position: absolute;
  pointer-events: none;
  z-index: 0;
  opacity: 0.72;
  filter: blur(0.35px);
}

.home_v3 .dz_v3_cta_geo_1 {
  top: -32%;
  left: -8%;
  width: min(58vw, 480px);
  height: min(44vw, 320px);
  opacity: 0.7;
  background: linear-gradient(
    140deg,
    rgba(160, 45, 28, 0.45) 0%,
    rgba(140, 38, 22, 0.28) 40%,
    rgba(120, 32, 18, 0.12) 100%
  );
  clip-path: polygon(0 0, 100% 0, 62% 100%, 0 62%);
  transform: rotate(-7deg);
}

.home_v3 .dz_v3_cta_geo_2 {
  bottom: -35%;
  right: -6%;
  width: min(48vw, 380px);
  height: min(42vw, 300px);
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.38) 0%,
    rgba(255, 230, 200, 0.22) 50%,
    rgba(255, 200, 160, 0.1) 100%
  );
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  transform: rotate(11deg);
}

.home_v3 .dz_v3_cta_geo_3 {
  top: 5%;
  right: 12%;
  width: min(36vw, 260px);
  height: min(20vw, 130px);
  opacity: 0.62;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.4) 0%,
    rgba(255, 220, 185, 0.2) 55%,
    rgba(255, 190, 150, 0.08) 100%
  );
  clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
  border-radius: 14px;
  transform: rotate(-11deg);
}

.home_v3 .dz_v3_cta_geo_4 {
  bottom: -5%;
  left: -2%;
  width: min(48vw, 380px);
  height: min(32vw, 220px);
  opacity: 0.58;
  background: linear-gradient(
    105deg,
    rgba(150, 42, 26, 0.42) 0%,
    rgba(130, 36, 20, 0.25) 45%,
    rgba(110, 30, 16, 0.1) 100%
  );
  clip-path: polygon(0 20%, 50% 0%, 100% 25%, 85% 100%, 15% 100%);
  transform: rotate(-9deg);
}

.home_v3 .dz_v3_cta_geo_5 {
  top: 28%;
  left: 8%;
  width: min(34vw, 260px);
  height: min(28vw, 190px);
  opacity: 0.52;
  background: linear-gradient(
    145deg,
    rgba(145, 40, 24, 0.38) 0%,
    rgba(125, 34, 18, 0.22) 55%,
    rgba(105, 28, 14, 0.08) 100%
  );
  clip-path: polygon(12% 18%, 88% 0%, 100% 76%, 35% 100%, 0% 55%);
  transform: rotate(12deg);
}

.home_v3 .dz_v3_cta_geo_6 {
  top: 10%;
  left: 22%;
  width: min(34vw, 260px);
  height: min(18vw, 115px);
  opacity: 0.48;
  background: linear-gradient(
    180deg,
    rgba(135, 38, 22, 0.35) 0%,
    rgba(115, 30, 16, 0.15) 100%
  );
  clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
  border-radius: 14px;
  transform: rotate(-8deg);
}

.home_v3 .dz_v3_cta_band_inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: clamp(24px, 4vw, 48px);
  width: 100%;
}

.home_v3 .dz_v3_cta_band_copy {
  flex: 1 1 220px;
  max-width: min(100%, 46rem);
}

.home_v3 .dz_v3_cta_band_title {
  font-family: var(--dz-serif);
  font-size: clamp(28px, 3.5vw, 48px);
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  letter-spacing: -0.03em;
  margin: 0 0 14px 0;
  line-height: 1.08;
  text-rendering: optimizeLegibility;
}

.home_v3 .dz_v3_cta_band_sub {
  font-family: var(--dz-nav);
  font-size: clamp(15px, 1.15vw, 17px);
  font-weight: 400;
  color: rgba(255, 255, 255, 0.82);
  margin: 0;
  line-height: 1.65;
  letter-spacing: 0.01em;
  max-width: 42ch;
}

.home_v3 .dz_v3_cta_band_btns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
}

.home_v3 .dz_v3_cta_band_btns .dz_v3_cta_primary,
.home_v3 .dz_v3_cta_band_btns .dz_v3_cta_ghost {
  font-size: 14px;
  font-weight: 500;
  padding: 14px 28px;
  text-align: center;
  border-radius: 6px;
}

.home_v3 .dz_v3_cta_band_btns .dz_v3_cta_primary {
  background: #ffffff !important;
  color: var(--dz-cta-banner) !important;
  border: 1px solid transparent;
  transition: background 0.2s, color 0.2s, transform 0.15s;
}

.home_v3 .dz_v3_cta_band_btns .dz_v3_cta_primary:hover {
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--dz-cta-banner-deep) !important;
  transform: translateY(-1px);
}

.home_v3 .dz_v3_cta_band_btns .dz_v3_cta_ghost {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.95) !important;
  color: #ffffff !important;
  font-weight: 500;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.home_v3 .dz_v3_cta_band_btns .dz_v3_cta_ghost:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

.home_v3 .dz_v3_footer {
  position: relative;
  background: #071512;
  padding: 0;
  overflow: hidden;
  border-top: none;
  margin-top: 0;
}

.home_v3 .dz_v3_footer_inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(48px, 6vw, 72px) var(--dz-section-gutter-x) 28px;
  box-sizing: border-box;
}

.home_v3 .dz_v3_footer_grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 48px) clamp(24px, 3.5vw, 40px);
  align-items: start;
}

.home_v3 .dz_v3_footer_brand {
  min-width: 0;
  padding-right: clamp(0px, 2vw, 24px);
}

.home_v3 .dz_v3_footer_kicker {
  font-family: var(--dz-serif);
  font-size: clamp(1.35rem, 2.2vw, 1.65rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #ffffff;
  margin: 0 0 12px;
  line-height: 1.2;
}

.home_v3 .dz_v3_footer_desc {
  font-family: var(--dz-nav);
  font-size: 15px;
  font-weight: 400;
  color: rgba(247, 245, 240, 0.72);
  line-height: 1.6;
  max-width: 34ch;
  margin: 0 0 22px;
  letter-spacing: 0.01em;
}

.home_v3 .dz_v3_footer_contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.home_v3 .dz_v3_footer_contact .dz_v3_paypal {
  margin-top: 10px;
}

.home_v3 .dz_v3_footer_contact a {
  font-family: var(--dz-nav);
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0.01em;
  transition: color 0.18s ease;
}

.home_v3 .dz_v3_footer_contact a:hover {
  color: #9fd9d4;
}

.home_v3 .dz_v3_footer_col {
  min-width: 0;
}

.home_v3 .dz_v3_fc_title {
  font-family: var(--dz-nav);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0fa89d;
  margin: 0 0 16px;
  padding: 0 0 10px;
  border: none;
  border-bottom: 2px solid rgba(15, 168, 157, 0.28);
}

.home_v3 .dz_v3_fc_links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.home_v3 .dz_v3_fc_links a {
  font-family: var(--dz-nav);
  font-size: 14px;
  font-weight: 450;
  line-height: 1.4;
  color: rgba(247, 245, 240, 0.82);
  text-decoration: none;
  transition: color 0.15s ease, padding-left 0.15s ease;
  letter-spacing: 0.01em;
  display: inline-block;
}

.home_v3 .dz_v3_fc_links a:hover {
  color: #ffffff;
  padding-left: 4px;
  transform: none;
}

.home_v3 .dz_v3_footer_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-top: clamp(36px, 5vw, 52px);
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-family: var(--dz-nav);
  font-size: 13px;
  font-weight: 400;
  color: rgba(247, 245, 240, 0.42);
  letter-spacing: 0.02em;
}

.home_v3 .dz_v3_paypal {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 8px 10px;
  background: #003087;
  border: none;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.92);
  font-family: var(--dz-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.home_v3 .dz_v3_paypal:hover {
  background: #002c7a;
  color: #ffffff;
}

.home_v3 .dz_v3_paypal_mark {
  display: block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.home_v3 .dz_v3_reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.home_v3 .dz_v3_reveal.dz_v3_reveal_in {
  opacity: 1;
  transform: none;
}

.home_v3 .dz_v3_reveal_d1 {
  transition-delay: 0.1s;
}

.home_v3 .dz_v3_reveal_d2 {
  transition-delay: 0.2s;
}

.home_v3 #products,
.home_v3 #partners,
.home_v3 #difference,
.home_v3 #how-it-works,
.home_v3 #client-stories {
  scroll-margin-top: calc(var(--dz-nav-stack-h) + 12px);
}

@media (prefers-reduced-motion: reduce) {
  .home_v3 .dz_v3_logo_icon {
    animation: none;
  }

  .home_v3 .dz_v3_ticker_track {
    -webkit-animation: dz_v3_ticker_scroll 32s linear infinite;
    animation: dz_v3_ticker_scroll 32s linear infinite;
  }

  .home_v3 .dz_v3_partners_track {
    -webkit-animation: dz_v3_partners_marquee 55s linear infinite;
    animation: dz_v3_partners_marquee 55s linear infinite;
  }

  .home_v3 .dz_v3_partners_dup {
    display: contents;
  }

  .home_v3 .dz_v3_partners_marquee_inner {
    -webkit-mask-image: none;
    mask-image: none;
    overflow: visible;
  }

  .home_v3 .dz_v3_reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .home_v3 .dz_v3_stories_track {
    transition: none;
  }
}

@media screen and (max-width: 1024px) and (max-device-width: 1024px) {
  .home_v3 .dz_v3_hero_main {
    grid-template-columns: 1fr;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .home_v3 .dz_v3_hero_main > .dz_v3_reveal {
    width: 100%;
    max-width: none;
  }

  .home_v3 .dz_v3_hero_main > .dz_v3_callback_card {
    width: 100%;
    max-width: min(420px, 100%);
    margin-top: 0.75rem;
    margin-left: auto;
    margin-right: auto;
  }

  .home_v3 .dz_v3_callback_row2 {
    grid-template-columns: 1fr;
  }

  .home_v3 .dz_v3_section_head {
    grid-template-columns: 1fr;
  }

  .home_v3 .dz_v3_products_grid {
    grid-template-columns: 1fr;
  }

  .home_v3 .dz_v3_diff_grid {
    grid-template-columns: 1fr;
  }

  .home_v3 .dz_v3_how_steps {
    grid-template-columns: 1fr 1fr;
  }

  .home_v3 .dz_v3_how_step {
    padding-right: 0;
  }

  .home_v3 .dz_v3_how_arrow {
    display: none;
  }

  .home_v3 .dz_v3_footer_grid {
    grid-template-columns: 1fr 1fr;
  }

  .home_v3 .dz_v3_footer_brand {
    grid-column: 1 / -1;
    max-width: 36rem;
    padding-right: 0;
  }

  .home_v3 .dz_v3_cta_band_inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .home_v3 .dz_v3_cta_band_btns {
    justify-content: flex-start;
    width: 100%;
  }
}

@media screen and (max-width: 720px) and (max-device-width: 720px) {
  .home_v3 {
    --dz-nav-stack-h: 8.75rem;
  }

  .home_v3 .dz_v3_nav {
    flex-wrap: wrap;
    height: auto;
    min-height: 66px;
    padding-top: 12px;
    padding-bottom: 12px;
    gap: 12px;
  }

  .home_v3 .dz_v3_logo_nav_raster {
    max-width: min(100%, 15.5rem);
  }

  .home_v3 .dz_v3_logo_icon {
    height: clamp(28px, 7vw, 34px);
  }

  .home_v3 .dz_v3_logo_nav_wordmark {
    font-size: clamp(0.9rem, 3.6vw, 1.05rem);
  }

  .home_v3 .dz_v3_logo_nav_img {
    height: clamp(30px, 8vw, 38px);
  }

  .home_v3 .dz_v3_nav_center {
    flex: none;
    order: 3;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .home_v3 .dz_v3_hero_stats {
    flex-direction: column;
    max-width: none;
  }

  .home_v3 .dz_v3_hero_headline {
    white-space: normal;
  }

  .home_v3 .dz_v3_hero_trust {
    font-size: 12px;
    margin-top: 12px;
  }

  .home_v3 .dz_v3_stat_box {
    border-right: none;
    border-bottom: 1px solid var(--dz-rule);
  }

  .home_v3 .dz_v3_stat_box:last-child {
    border-bottom: none;
  }

  .home_v3 .dz_v3_how_steps {
    grid-template-columns: 1fr;
  }

  .home_v3 .dz_v3_stories_grid {
    grid-template-columns: 1fr;
  }

  .home_v3 .dz_v3_footer_grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

/* —— Products / marketing subpages (zzproducts) —— */
.home_v3 .dz_v3_subpage {
  position: relative;
  padding-top: 66px;
  background: var(--dz-cream);
  min-height: min(72vh, 920px);
  overflow: hidden;
}

.home_v3 .dz_v3_subpage_bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.home_v3 .dz_v3_subpage_bg .dz_v3_geo {
  opacity: 0.35;
}

.home_v3 .dz_v3_subpage_inner {
  position: relative;
  z-index: 1;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px var(--dz-section-gutter-x) 72px;
}

.home_v3 .dz_v3_dashboard_back {
  margin: 0 0 20px 0;
  font-family: var(--dz-mono);
  font-size: 12px;
}

.home_v3 .dz_v3_dashboard_back a {
  color: var(--dz-teal);
  text-decoration: none;
}

.home_v3 .dz_v3_dashboard_back a:hover {
  text-decoration: underline;
}

.home_v3 .dz_v3_subpage_hero {
  margin-bottom: 36px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--dz-rule);
}

.home_v3 .dz_v3_subpage_title {
  font-family: var(--dz-serif);
  font-size: clamp(30px, 4vw, 46px);
  font-weight: 900;
  color: var(--dz-ink);
  letter-spacing: -0.02em;
  line-height: 1.08;
  margin: 0 0 14px 0;
}

.home_v3 .dz_v3_subpage_lead {
  font-size: 16px;
  font-weight: 400;
  color: var(--dz-ink-mid);
  line-height: 1.75;
  margin: 0;
  max-width: 52ch;
}

.home_v3 .dz_v3_subpage_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-bottom: 28px;
}

.home_v3 .dz_v3_subpage_tab {
  font-family: var(--dz-nav);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--dz-ink-mid);
  text-decoration: none;
  padding: 10px 16px;
  border-radius: 3px;
  border: 1px solid var(--dz-rule);
  background: var(--dz-white);
  transition: border-color 0.2s, color 0.2s, background 0.2s;
}

.home_v3 .dz_v3_subpage_tab:hover {
  border-color: var(--dz-teal);
  color: var(--dz-teal);
}

.home_v3 .dz_v3_subpage_tab--active {
  border-color: var(--dz-teal);
  color: var(--dz-teal);
  background: var(--dz-mist);
  box-shadow: 0 1px 0 rgba(12, 122, 114, 0.12);
}

.home_v3 .dz_v3_subpage_panels {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.home_v3 .dz_v3_subpage_card {
  background: var(--dz-white);
  border: 1px solid var(--dz-rule);
  border-radius: 12px;
  padding: clamp(28px, 4vw, 40px);
  box-shadow: 0 8px 36px rgba(10, 80, 72, 0.06);
}

.home_v3 .dz_v3_prose {
  font-size: 15px;
  font-weight: 400;
  color: var(--dz-ink-mid);
  line-height: 1.8;
}

.home_v3 .dz_v3_prose > *:first-child {
  margin-top: 0;
}

.home_v3 .dz_v3_prose h2 {
  font-family: var(--dz-serif);
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 800;
  color: var(--dz-ink);
  letter-spacing: -0.02em;
  margin: 0 0 18px 0;
  line-height: 1.15;
}

.home_v3 .dz_v3_prose h3 {
  font-family: var(--dz-sans);
  font-size: 15px;
  font-weight: 600;
  color: var(--dz-ink);
  margin: 28px 0 12px 0;
  line-height: 1.35;
}

.home_v3 .dz_v3_prose h3:first-of-type {
  margin-top: 0;
}

.home_v3 .dz_v3_prose p {
  margin: 0 0 16px 0;
}

.home_v3 .dz_v3_prose a:not(.dz_v3_cta_primary):not(.dz_v3_cta_ghost) {
  color: var(--dz-teal);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.home_v3 .dz_v3_prose a:not(.dz_v3_cta_primary):not(.dz_v3_cta_ghost):hover {
  color: var(--dz-teal-bright);
}

.home_v3 .dz_v3_prose .dz_v3_cta_primary {
  margin-top: 4px;
}

.home_v3 .dz_v3_prose_list {
  margin: 0 0 20px 0;
  padding-left: 1.25em;
}

.home_v3 .dz_v3_prose_list li {
  margin-bottom: 8px;
}

.home_v3 .dz_v3_prose_list--spaced li {
  margin-bottom: 14px;
}

.home_v3 .dz_v3_prose_links {
  list-style: none;
  margin: 0 0 8px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.home_v3 .dz_v3_mig_block {
  margin-bottom: 28px;
}

.home_v3 .dz_v3_mig_block:last-child {
  margin-bottom: 0;
}

.home_v3 .dz_v3_mig_block h3 {
  margin-top: 0;
}

/* Contact page */
.home_v3 .dz_v3_contact_value {
  font-family: var(--dz-mono);
  font-size: clamp(22px, 2.8vw, 28px);
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0 0 16px 0;
  line-height: 1.25;
}

.home_v3 .dz_v3_contact_value a {
  color: var(--dz-teal);
  text-decoration: none;
}

.home_v3 .dz_v3_contact_value a:hover {
  color: var(--dz-teal-bright);
}

.home_v3 .dz_v3_prose h3 a {
  color: var(--dz-teal);
  text-decoration: none;
  font-weight: 600;
}

.home_v3 .dz_v3_prose h3 a:hover {
  color: var(--dz-teal-bright);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.home_v3 .dz_v3_social_row {
  margin: 0 0 28px 0;
}

.home_v3 .dz_v3_social_row:last-child {
  margin-bottom: 0;
}

.home_v3 .dz_v3_social_row a {
  display: inline-block;
  line-height: 0;
  border-radius: 6px;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.home_v3 .dz_v3_social_row a:hover {
  opacity: 0.92;
  transform: translateY(-2px);
}

.home_v3 .dz_v3_social_row img {
  display: block;
  height: auto;
  max-height: 44px;
  width: auto;
}

.home_v3 .dz_v3_nav_center a[aria-current="page"] {
  color: var(--dz-teal);
  font-weight: 500;
}

@media screen and (max-width: 720px) and (max-device-width: 720px) {
  .home_v3 .dz_v3_subpage_tabs {
    flex-direction: column;
    align-items: stretch;
  }

  .home_v3 .dz_v3_subpage_tab {
    text-align: center;
  }
}

/* Back to top (fixed; shared markup with marketing pages) */
.dz-back-to-top {
  position: fixed;
  right: clamp(16px, 3vw, 28px);
  bottom: clamp(16px, 3vw, 28px);
  z-index: 250;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  background: var(--dz-teal);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    visibility 0.25s ease,
    background 0.2s ease;
  box-shadow: 0 6px 22px rgba(10, 80, 72, 0.28);
}

.dz-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.dz-back-to-top:hover {
  background: var(--dz-teal-bright);
}

.dz-back-to-top:focus-visible {
  outline: 2px solid var(--dz-teal-bright);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .dz-back-to-top {
    transition: opacity 0.01s, visibility 0.01s;
  }
}

/* =============================================================================
   Merged from dz_what_we_offer.css
   ============================================================================= */

/* Shared layout: "What we offer" marketing shell — aligned with home v3 (Playfair / DM Sans / teal) */
.dz-offer-page {
  --teal: #0c7a72;
  --teal-dark: #095c56;
  --teal-bright: #0fa89d;
  --teal-light: #e2f5f3;
  --teal-mid: #d8eeec;
  --navy: #0a1a18;
  --text: #1e3532;
  --muted: rgba(30, 53, 50, 0.82);
  --bg: #f8fbfa;
  --white: #ffffff;
  --accent: #d94f1e;
  --ember: #d94f1e;
  --ember-hover: #c44518;
  --rule: rgba(10, 80, 72, 0.12);
  --font-serif: "Playfair Display", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;

  font-family: "DM Sans", var(--font-sans);
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  box-sizing: border-box;
}

.dz-offer-page *,
.dz-offer-page *::before,
.dz-offer-page *::after {
  box-sizing: border-box;
}

.dz-offer-page .dz-offer-topnav {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px 20px;
  padding: 0 clamp(16px, 4vw, 48px);
  min-height: 64px;
  background: var(--white);
  border-bottom: 1px solid var(--rule);
  position: sticky;
  top: 0;
  z-index: 100;
}

.dz-offer-page .dz-offer-topnav .nav-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--navy);
  flex-shrink: 0;
}

.dz-offer-page .nav-logo-img {
  width: 36px;
  height: auto;
  display: block;
  flex-shrink: 0;
}

.dz-offer-page .nav-logo-text {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.dz-offer-page .dz-offer-topnav .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(12px, 2vw, 36px);
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
  flex: 1;
}

.dz-offer-page .dz-offer-topnav .nav-links a {
  text-decoration: none;
  font-size: 14px;
  color: var(--muted);
  letter-spacing: 0.02em;
  transition: color 0.2s;
}

.dz-offer-page .dz-offer-topnav .nav-links a:hover,
.dz-offer-page .dz-offer-topnav .nav-links a.is-active {
  color: var(--teal-bright);
}

.dz-offer-page .dz-offer-topnav .nav-links a.is-active {
  font-weight: 600;
}

.dz-offer-page .nav-cta {
  background: var(--ember);
  color: #fff !important;
  padding: 8px 20px;
  border-radius: 6px;
  font-size: 14px !important;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.2s;
  flex-shrink: 0;
}

.dz-offer-page .nav-cta:hover {
  background: var(--ember-hover) !important;
  color: #fff !important;
}

.dz-offer-page .page-wrapper {
  position: relative;
  overflow: hidden;
}

.dz-offer-page .geo-shape {
  position: absolute;
  pointer-events: none;
}

.dz-offer-page .geo-1 {
  top: -60px;
  right: -80px;
  width: 340px;
  height: 340px;
  background: var(--teal-light);
  clip-path: polygon(30% 0%, 100% 0%, 100% 70%, 70% 100%, 0% 100%, 0% 30%);
  opacity: 0.6;
}

.dz-offer-page .geo-2 {
  top: 200px;
  left: -100px;
  width: 220px;
  height: 220px;
  background: var(--teal-mid);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  opacity: 0.3;
}

.dz-offer-page .geo-3 {
  bottom: 100px;
  right: 80px;
  width: 160px;
  height: 160px;
  background: var(--teal-light);
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
  opacity: 0.5;
}

.dz-offer-page .hero {
  padding: 80px clamp(16px, 4vw, 48px) 60px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.dz-offer-page .eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.dz-offer-page .eyebrow-line {
  width: 24px;
  height: 1.5px;
  background: var(--teal);
}

.dz-offer-page .eyebrow-text {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--teal);
  opacity: 0.9;
}

/* Same teal as hero h1 em (“Our Products”) */
.dz-offer-page .dz-offer-lead-kicker {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--teal);
}

.dz-offer-page .offer-prose-panel .dz-offer-lead-kicker {
  margin: 0 0 16px 0;
}

.dz-offer-page .hero h1 {
  font-family: var(--font-serif);
  font-weight: 900;
  font-size: clamp(36px, 5vw, 72px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--navy);
  margin: 0 0 24px 0;
}

.dz-offer-page .hero h1 em {
  font-style: italic;
  font-weight: 900;
  color: var(--teal);
}

.dz-offer-page .hero-sub {
  font-size: 17px;
  line-height: 1.7;
  color: var(--muted);
  max-width: 520px;
  margin: 0;
}

.dz-offer-page .hero-sub a {
  color: var(--teal);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.dz-offer-page .hero-sub a:hover {
  color: var(--teal-bright);
}

/* KJ 30 Jul 2026 — CTA under error / not-logged-in hero */
.dz-offer-page .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 1.25rem 0 0;
}

/* In-page targets under sticky top nav (zzproducts panels) */
.dz-offer-page .offer-prose-panel[id^="zz-"] {
  scroll-margin-top: 88px;
}

.dz-offer-page .dz-offer-backbar {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px clamp(16px, 4vw, 48px) 0;
}

.dz-offer-page .dz-offer-backbar .dz-offer-dashback {
  margin: 0;
}

.dz-offer-page .dz-offer-dashback {
  margin: 0 0 16px 0;
  font-size: 13px;
}

.dz-offer-page .dz-offer-dashback a {
  color: var(--teal);
  text-decoration: none;
}

.dz-offer-page .dz-offer-dashback a:hover {
  text-decoration: underline;
  color: var(--teal-bright);
}

.dz-offer-page .content-layout {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 0;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 48px) 80px;
}

.dz-offer-page .sidebar {
  padding-right: 40px;
  padding-top: 8px;
  border-right: 1px solid var(--rule);
}

.dz-offer-page .sidebar-label {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--teal);
  opacity: 0.85;
  margin-bottom: 16px;
}

.dz-offer-page .sidebar-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dz-offer-page .sidebar-links a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 13px;
  color: var(--text);
  transition: all 0.2s;
  font-weight: 500;
}

.dz-offer-page .sidebar-links a:hover {
  background: var(--teal-light);
  color: var(--teal);
}

.dz-offer-page .sidebar-links a.active {
  background: var(--teal-light);
  color: var(--teal);
  font-weight: 600;
}

.dz-offer-page .sidebar-links a.active::before {
  content: "";
  width: 3px;
  height: 14px;
  background: var(--teal);
  border-radius: 2px;
  flex-shrink: 0;
}

.dz-offer-page .main-content {
  padding-left: 56px;
  padding-top: 8px;
  min-width: 0;
}

.dz-offer-page .offerings {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 48px;
}

.dz-offer-page .offer-card {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 28px 32px;
  background: var(--white);
  border-radius: 12px;
  border: 1px solid var(--rule);
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  animation: dz-offer-fadeUp 0.5s ease both;
}

.dz-offer-page .offer-card:nth-child(1) {
  animation-delay: 0.05s;
}
.dz-offer-page .offer-card:nth-child(2) {
  animation-delay: 0.12s;
}
.dz-offer-page .offer-card:nth-child(3) {
  animation-delay: 0.19s;
}
.dz-offer-page .offer-card:nth-child(4) {
  animation-delay: 0.26s;
}
.dz-offer-page .offer-card:nth-child(5) {
  animation-delay: 0.33s;
}

@keyframes dz-offer-fadeUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dz-offer-page .offer-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(10, 80, 72, 0.1);
  border-color: rgba(12, 122, 114, 0.35);
}

.dz-offer-page .offer-icon {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  background: var(--teal-light);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dz-offer-page .offer-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--teal);
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dz-offer-page .offer-body h3 {
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 600;
  color: var(--navy);
  margin: 0 0 6px 0;
}

.dz-offer-page .offer-body p {
  font-size: 14px;
  line-height: 1.65;
  color: var(--muted);
  margin: 0;
}

.dz-offer-page .offer-body .dz-offer-retailer-grid {
  margin-top: 20px;
}

.dz-offer-page .offer-card--wide {
  grid-column: 1 / -1;
}

/* Long-form article (products / contact) */
.dz-offer-page .offer-prose-panel {
  background: var(--white);
  border-radius: 12px;
  border: 1px solid var(--rule);
  padding: clamp(28px, 4vw, 40px);
  margin-bottom: 24px;
  box-shadow: 0 8px 36px rgba(10, 80, 72, 0.06);
}

.dz-offer-page .offer-prose-panel h2 {
  font-family: var(--font-serif);
  font-size: clamp(22px, 2.5vw, 30px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--navy);
  margin: 0 0 16px 0;
  line-height: 1.15;
}

.dz-offer-page .offer-prose-panel h2:not(:first-child) {
  margin-top: 28px;
}

.dz-offer-page .offer-prose-panel h3 {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 600;
  color: var(--navy);
  margin: 24px 0 10px 0;
}

.dz-offer-page .offer-prose-panel p {
  font-size: 14px;
  line-height: 1.7;
  color: var(--muted);
  margin: 0 0 14px 0;
}

.dz-offer-page .offer-prose-panel ul {
  margin: 0 0 16px 0;
  padding-left: 1.2em;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}

/* Changelog page — dashboard teal redesign */
.dashboard.intro_dashboard_redesign .changelog_page {
  --cl-teal: #1a8f85;
  --cl-teal-dark: #136e66;
  --cl-teal-light: #e8f5f4;
  --cl-navy: #0d2b2a;
  --cl-muted: #5a6e6d;
  --cl-border: #d4e8e6;
  --cl-bg: #f7fbfb;
  max-width: 1120px;
  margin: 0 auto;
  padding: 8px 4px 40px;
  font-family: "DM Sans", "Instrument Sans", system-ui, sans-serif;
}

.dashboard.intro_dashboard_redesign .changelog_layout {
  display: block;
}

.dashboard.intro_dashboard_redesign .changelog_nav {
  display: none;
}

.dashboard.intro_dashboard_redesign .changelog_main {
  min-width: 0;
  max-width: 820px;
}

.dashboard.intro_dashboard_redesign .changelog_header {
  background: linear-gradient(165deg, #ffffff 0%, var(--cl-bg) 100%);
  border: 1px solid var(--cl-border);
  border-radius: 14px;
  padding: 1.6rem 1.75rem 1.5rem;
  margin-bottom: 1.15rem;
  box-shadow: 0 12px 24px rgba(2, 6, 23, 0.05);
}

.dashboard.intro_dashboard_redesign .changelog_eyebrow {
  margin: 0 0 0.45rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cl-teal);
}

.dashboard.intro_dashboard_redesign .changelog_title {
  margin: 0 0 0.55rem;
  font-family: "DM Serif Display", "DM Sans", Georgia, serif;
  font-size: clamp(1.55rem, 3.2vw, 2.05rem);
  font-weight: 400;
  color: var(--cl-navy);
  line-height: 1.1;
}

.dashboard.intro_dashboard_redesign .changelog_title em {
  font-style: italic;
  color: var(--cl-teal);
}

.dashboard.intro_dashboard_redesign .changelog_lead {
  margin: 0;
  max-width: 42rem;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--cl-muted);
}

.dashboard.intro_dashboard_redesign .changelog_panel {
  background: #fff;
  border: 1px solid var(--cl-border);
  border-radius: 14px;
  padding: 1.35rem 1.5rem 1.5rem;
  margin-bottom: 1.15rem;
  box-shadow: 0 12px 24px rgba(2, 6, 23, 0.05);
}

.dashboard.intro_dashboard_redesign .changelog_panel_past {
  background: #fbfefd;
}

.dashboard.intro_dashboard_redesign .changelog_section_title {
  margin: 0 0 0.35rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid var(--cl-border);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--cl-navy);
  letter-spacing: -0.01em;
}

.dashboard.intro_dashboard_redesign .changelog_panel_head {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-bottom: 0.35rem;
}

.dashboard.intro_dashboard_redesign .changelog_panel_head h2 {
  margin: 0;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--cl-navy);
  letter-spacing: -0.01em;
}

.dashboard.intro_dashboard_redesign .changelog_badge {
  display: none;
}

.dashboard.intro_dashboard_redesign .changelog_panel_lead {
  margin: 0 0 1.1rem;
  font-size: 0.875rem;
  color: var(--cl-muted);
}

.dashboard.intro_dashboard_redesign .changelog_feature_list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem 1.25rem;
  margin: 0 0 1.25rem;
  padding: 0.95rem 1.1rem 0.95rem 1.4rem;
  background: var(--cl-teal-light);
  border: 1px solid var(--cl-border);
  border-radius: 10px;
  color: var(--cl-navy);
  font-size: 0.875rem;
  line-height: 1.45;
  list-style: disc;
}

.dashboard.intro_dashboard_redesign .changelog_feature_list li {
  margin: 0.15rem 0;
}

@media screen and (max-width: 700px) and (max-device-width: 700px) {
  .dashboard.intro_dashboard_redesign .changelog_feature_list {
    grid-template-columns: 1fr;
  }
}

.dashboard.intro_dashboard_redesign .changelog_feed {
  display: grid;
  gap: 0.75rem;
}

.dashboard.intro_dashboard_redesign .changelog_card {
  position: relative;
  background: var(--cl-bg);
  border: 1px solid var(--cl-border);
  border-radius: 12px;
  padding: 1rem 1.1rem 1rem 1.2rem;
  border-left: 3px solid var(--cl-teal);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.dashboard.intro_dashboard_redesign .changelog_panel_past .changelog_card {
  border-left-color: #9bc5c0;
  background: #fff;
}

.dashboard.intro_dashboard_redesign .changelog_card:hover {
  border-color: #b7d9d5;
  box-shadow: 0 8px 20px rgba(26, 143, 133, 0.1);
  transform: translateY(-1px);
}

.dashboard.intro_dashboard_redesign .changelog_card h3 {
  margin: 0 0 0.4rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--cl-navy);
  line-height: 1.3;
}

.dashboard.intro_dashboard_redesign .changelog_card p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--cl-muted);
}

.dashboard.intro_dashboard_redesign .changelog_card ul {
  margin: 0.55rem 0 0;
  padding-left: 1.15em;
  color: var(--cl-muted);
  font-size: 0.875rem;
  line-height: 1.55;
}

.dashboard.intro_dashboard_redesign .changelog_card li {
  margin: 0.2rem 0;
}

.dashboard.intro_dashboard_redesign .changelog_card a {
  color: var(--cl-teal-dark);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.dashboard.intro_dashboard_redesign .changelog_card a:hover {
  color: var(--cl-teal);
}

@media screen and (max-width: 900px) and (max-device-width: 900px) {
  .dashboard.intro_dashboard_redesign .changelog_page {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Changelog page — match Information look with clear change entries (offer-page legacy) */
.dz-changelog-page .changelog_section + .changelog_section {
  margin-top: 1.25rem;
}

.dz-changelog-page .changelog_section_lead {
  margin-top: -0.35rem !important;
  margin-bottom: 1.35rem !important;
  color: var(--muted);
}

.dz-changelog-page .changelog_entry {
  padding: 1rem 0 1.15rem;
  border-top: 1px solid rgba(13, 43, 42, 0.08);
}

.dz-changelog-page .changelog_entry:first-of-type {
  border-top: none;
  padding-top: 0.25rem;
}

.dz-changelog-page .changelog_entry h3 {
  margin: 0 0 0.45rem 0 !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: var(--navy) !important;
}

.dz-changelog-page .changelog_entry p,
.dz-changelog-page .changelog_entry ul {
  margin-bottom: 0 !important;
}

.dz-changelog-page .changelog_entry ul {
  margin-top: 0.5rem !important;
}

.dz-changelog-page .sidebar-label + .sidebar-label,
.dz-changelog-page .sidebar-links + .sidebar-label {
  margin-top: 1.5rem;
}

.dz-offer-page .offer-prose-panel li {
  margin-bottom: 6px;
}

/* Trading partners list (doublez.php?page=3) */
.dz-offer-page .dz-offer-trust-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px 20px;
  align-items: center;
  margin: 0 0 18px 0;
  padding: 18px 20px;
  border-radius: 14px;
  border: 1px solid rgba(12, 122, 114, 0.28);
  background:
    linear-gradient(135deg, rgba(226, 245, 243, 0.95) 0%, #ffffff 48%, rgba(253, 240, 235, 0.55) 100%);
  box-shadow: 0 8px 28px rgba(10, 80, 72, 0.08);
}

.dz-offer-page .dz-offer-trust-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: #0c7a72;
  background: #fff;
  border: 2px solid rgba(12, 122, 114, 0.35);
  box-shadow: 0 2px 10px rgba(12, 122, 114, 0.12);
  flex: 0 0 auto;
}

.dz-offer-page .dz-offer-trust-copy {
  min-width: 0;
}

.dz-offer-page .dz-offer-trust-eyebrow {
  margin: 0 0 4px 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #d94f1e;
}

.dz-offer-page .dz-offer-trust-title {
  margin: 0 0 6px 0;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--navy, #133a36);
}

.dz-offer-page .dz-offer-trust-text {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text, #334155);
}

.dz-offer-page .dz-offer-trust-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #0c7a72;
  color: #fff;
  text-align: center;
  flex: 0 0 auto;
}

.dz-offer-page .dz-offer-trust-stat-num {
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.dz-offer-page .dz-offer-trust-stat-label {
  margin-top: 2px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.92;
}

@media screen and (max-width: 720px) and (max-device-width: 720px) {
  .dz-offer-page .dz-offer-trust-banner {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .dz-offer-page .dz-offer-trust-stat {
    grid-column: 1 / -1;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    min-width: 0;
  }

  .dz-offer-page .dz-offer-trust-stat-label {
    margin-top: 0;
  }
}

.dz-offer-page .offer-body .dz-offer-retailer-grid,
.dz-offer-page .offer-prose-panel .dz-offer-retailer-grid {
  list-style: none;
  margin: 22px 0 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
  gap: 10px 12px;
  color: var(--text);
  font-size: 14px;
  line-height: 1.35;
}

.dz-offer-page .offer-body .dz-offer-retailer-grid > li,
.dz-offer-page .offer-prose-panel .dz-offer-retailer-grid > li,
.dz-offer-page .dz-offer-retailer-item {
  margin: 0;
  padding: 10px 14px;
  font-weight: 500;
  color: var(--navy);
  background: linear-gradient(180deg, #ffffff 0%, #f8fbfa 100%);
  border: 1px solid var(--rule);
  border-radius: 10px;
  box-shadow: 0 1px 0 rgba(12, 122, 114, 0.06);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  display: block;
  text-align: left;
  min-height: 0;
}

.dz-offer-page .dz-offer-retailer-name {
  display: block;
  line-height: 1.35;
}

.dz-offer-page .offer-body .dz-offer-retailer-grid > li:hover,
.dz-offer-page .offer-prose-panel .dz-offer-retailer-grid > li:hover {
  border-color: rgba(12, 122, 114, 0.22);
  box-shadow: 0 4px 16px rgba(10, 80, 72, 0.08);
}

/* About → The Team (about.php?page=0) */
.dz-offer-page .offer-prose-panel .dz-offer-team-grid {
  margin: 12px 0 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 28px 24px;
}

.dz-offer-page .offer-prose-panel .dz-offer-team-card {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

/* Square frame: only child is position:absolute, so height must not rely on content — use padding-box trick */
.dz-offer-page .offer-prose-panel .dz-offer-team-figure {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 0;
  margin: 0 0 14px 0;
  padding: 0 0 100% 0;
  border-radius: 50%;
  overflow: hidden;
  background: var(--teal-light);
  border: 1px solid var(--rule);
  box-shadow: 0 8px 28px rgba(10, 80, 72, 0.09);
}

.dz-offer-page .offer-prose-panel .dz-offer-team-figure img {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 118%;
  height: 118%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  transform: translate(-50%, -50%);
}

.dz-offer-page .offer-prose-panel .dz-offer-team-name {
  font-family: var(--font-serif);
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--navy);
  margin: 0 0 10px 0;
  line-height: 1.2;
}

.dz-offer-page .offer-prose-panel .dz-offer-team-body p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: var(--muted);
}

.dz-offer-page .offer-prose-panel[id^="about-"] {
  scroll-margin-top: 88px;
}

.dz-offer-page .offer-prose-panel a {
  color: var(--teal);
  font-weight: 500;
}

.dz-offer-page .offer-prose-panel a:hover {
  color: var(--teal-bright);
}

/* Prose `a` rules above would beat `.btn-primary`; restore full CTA styling (matches cta-strip Register now) */
.dz-offer-page .offer-prose-panel a.btn-primary {
  display: inline-block;
  margin-top: 8px;
  background: var(--accent);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  padding: 12px 24px;
  border-radius: 8px;
  text-decoration: none;
  transition: opacity 0.2s;
  white-space: nowrap;
}

.dz-offer-page .offer-prose-panel a.btn-primary:hover {
  color: #fff;
  opacity: 0.88;
}

.dz-offer-page .offer-payment-card {
  background: linear-gradient(180deg, #fbfefe 0%, #edf6f5 100%);
  border: 1px solid var(--rule);
  border-radius: 12px;
  padding: 16px 18px;
  margin: 8px 0 20px;
}

.dz-offer-page .offer-payment-card p {
  margin: 0 0 8px 0;
  color: var(--text);
}

.dz-offer-page .offer-payment-card p:last-child {
  margin-bottom: 0;
}

.dz-offer-page .offer-payment-paypal-badge {
  display: inline-block;
  max-width: 230px;
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(10, 80, 72, 0.08);
}

.dz-offer-page .offer-contact-phone {
  font-family: "DM Sans", var(--font-sans);
  font-size: clamp(22px, 2.8vw, 28px);
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0 0 16px 0;
}

.dz-offer-page .offer-contact-phone a {
  color: var(--teal);
  text-decoration: none;
}

.dz-offer-page .offer-contact-phone a:hover {
  color: var(--teal-bright);
}

.dz-offer-page .offer-social-row {
  margin: 8px 0 28px 0;
}

.dz-offer-page .offer-social-row:last-child {
  margin-bottom: 0;
}

.dz-offer-page .offer-social-row a {
  display: inline-block;
  line-height: 0;
  border-radius: 8px;
  transition: opacity 0.2s, transform 0.2s;
}

.dz-offer-page .offer-social-row a:hover {
  opacity: 0.92;
  transform: translateY(-2px);
}

.dz-offer-page .offer-social-row img {
  display: block;
  height: auto;
  max-height: 44px;
  width: auto;
}

.dz-offer-page .offer-social-grid {
  display: flex;
  align-items: flex-start;
  gap: 42px;
  margin-top: 14px;
  flex-wrap: wrap;
}

.dz-offer-page .offer-social-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 160px;
  padding: 14px 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--rule);
  background: linear-gradient(180deg, #fbfefe 0%, #f5fbfa 100%);
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(10, 80, 72, 0.05);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.dz-offer-page .offer-social-card:hover {
  transform: translateY(-2px);
  border-color: rgba(12, 122, 114, 0.28);
  box-shadow: 0 12px 24px rgba(10, 80, 72, 0.09);
}

.dz-offer-page .offer-social-icon {
  width: 128px;
  height: 128px;
  border-radius: 12px;
  background: transparent;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 128px;
}

.dz-offer-page .offer-social-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.dz-offer-page .offer-social-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.dz-offer-page .offer-social-name {
  font-family: "DM Sans", var(--font-sans);
  font-size: 24px;
  font-weight: 600;
  color: var(--teal);
  line-height: 1.15;
  text-align: center;
}

.dz-offer-page .offer-social-action {
  display: none;
}

.dz-offer-page .cta-strip {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 32px 36px;
  background: var(--navy);
  border-radius: 16px;
  margin-bottom: 8px;
}

.dz-offer-page .cta-strip-text h4 {
  font-family: var(--font-serif);
  font-size: 22px;
  color: var(--white);
  margin: 0 0 6px 0;
  font-weight: 700;
}

.dz-offer-page .cta-strip-text p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.5;
  margin: 0;
}

.dz-offer-page .cta-strip-actions {
  display: flex;
  gap: 12px;
  margin-left: auto;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.dz-offer-page .btn-primary {
  background: var(--accent);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity 0.2s;
  white-space: nowrap;
}

.dz-offer-page .btn-primary:hover {
  opacity: 0.88;
}

.dz-offer-page .btn-ghost {
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.85);
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s;
  white-space: nowrap;
}

.dz-offer-page .btn-ghost:hover {
  border-color: rgba(255, 255, 255, 0.6);
  color: white;
}

.dz-offer-page .dz-offer-site-footer {
  background: var(--navy);
  color: rgba(255, 255, 255, 0.45);
  text-align: center;
  font-size: 13px;
  padding: 20px clamp(16px, 4vw, 48px);
  margin-top: 0;
}

.dz-offer-page .dz-offer-site-footer a {
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
}

.dz-offer-page .dz-offer-site-footer a:hover {
  color: var(--teal-light);
}

@media (max-width: 768px) and (max-device-width: 768px) {
  .dz-offer-page .dz-offer-topnav {
    grid-template-columns: 1fr auto;
    padding: 0 20px;
  }

  .dz-offer-page .dz-offer-topnav .nav-links {
    display: none;
  }

  .dz-offer-page .dz-offer-backbar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .dz-offer-page .hero {
    padding: 48px 20px 40px;
  }

  .dz-offer-page .content-layout {
    grid-template-columns: 1fr;
    padding: 0 20px 60px;
  }

  .dz-offer-page .sidebar {
    border-right: none;
    border-bottom: 1px solid var(--rule);
    padding: 0 0 24px;
    margin-bottom: 32px;
  }

  .dz-offer-page .main-content {
    padding-left: 0;
  }

  .dz-offer-page .offer-social-grid {
    gap: 18px;
  }

  .dz-offer-page .offer-social-card {
    width: 100%;
    max-width: 260px;
  }

  .dz-offer-page .cta-strip {
    flex-direction: column;
    align-items: flex-start;
  }

  .dz-offer-page .cta-strip-actions {
    margin-left: 0;
  }
}

/* Back to top (shared with home_v3) */
.dz-back-to-top {
  position: fixed;
  right: clamp(16px, 3vw, 28px);
  bottom: clamp(16px, 3vw, 28px);
  z-index: 250;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  background: var(--teal);
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    visibility 0.25s ease,
    background 0.2s ease;
  box-shadow: 0 6px 22px rgba(10, 80, 72, 0.28);
}

.dz-back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.dz-back-to-top:hover {
  background: var(--teal-bright);
}

.dz-back-to-top:focus-visible {
  outline: 2px solid var(--teal-bright);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .dz-back-to-top {
    transition: opacity 0.01s, visibility 0.01s;
  }
}

/* Cloud Accounting / Xero (dashboard/public.php → xero.phtml) */
.dz-xero-page .dz-xero-lead {
  font-size: 1.05rem;
  font-style: italic;
  color: var(--navy);
}

.dz-xero-page .dz-xero-alert {
  margin-bottom: 20px;
}

.dz-xero-page .dz-xero-alert--error {
  border-color: rgba(180, 60, 70, 0.35);
  background: linear-gradient(180deg, #fff8f8 0%, #ffffff 100%);
}

.dz-xero-page .dz-xero-alert--success {
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid rgba(12, 122, 114, 0.28);
  background: rgba(226, 245, 243, 0.65);
  color: var(--navy);
  font-weight: 500;
}

.dz-xero-page .dz-xero-alert-detail {
  font-weight: 600;
}

.dz-xero-page .dz-xero-admin-debug {
  margin-top: 16px;
  font-size: 13px;
}

.dz-xero-page .dz-xero-admin-debug pre {
  margin-top: 8px;
  padding: 12px;
  overflow: auto;
  font-size: 12px;
  background: #f4f8f7;
  border-radius: 8px;
}

.dz-xero-page .offer-prose-panel ol {
  margin: 0 0 16px 0;
  padding-left: 1.25em;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}

.dz-xero-page .offer-prose-panel li {
  margin-bottom: 6px;
}

.dz-xero-page .dz-xero-form {
  margin-top: 8px;
}

.dz-xero-page .dz-xero-form-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-bottom: 14px;
}

.dz-xero-page .dz-xero-form-row label {
  flex: 1 1 100%;
  font-size: 13px;
  font-weight: 600;
  color: var(--navy);
}

.dz-xero-page .dz-xero-form-row input[type="text"] {
  flex: 1 1 12rem;
  min-width: min(100%, 200px);
  padding: 10px 12px;
  border: 1px solid var(--rule);
  border-radius: 10px;
  font-size: 14px;
  font-family: inherit;
  background: #fff;
}

.dz-xero-page .dz-xero-form-row input[type="text"]:focus {
  outline: none;
  border-color: rgba(12, 122, 114, 0.45);
  box-shadow: 0 0 0 3px rgba(12, 122, 114, 0.12);
}

.dz-xero-page .dz-xero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border: none;
  border-radius: 10px;
  background: var(--teal);
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.dz-xero-page .dz-xero-btn:hover {
  background: var(--teal-dark);
  transform: translateY(-1px);
}

.dz-xero-page .dz-xero-connect-panel {
  text-align: center;
}

.dz-xero-page .dz-xero-connect-wrap {
  margin: 20px 0 0;
  display: flex;
  justify-content: center;
}

.dz-xero-page .dz-xero-connect-link {
  display: inline-block;
  line-height: 0;
}

.dz-xero-page .dz-xero-connect-link img {
  display: block;
  max-width: 100%;
  height: auto;
}

.dz-xero-page .dz-xero-diagram {
  margin: 12px 0 0;
  text-align: center;
}

.dz-xero-page .dz-xero-diagram img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 10px;
  border: 1px solid var(--rule);
}

/* Inventory snapshot — unchecked product rows */
.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_row_unchecked td {
  opacity: 0.45;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_snapshot_card {
  margin-bottom: 18px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_snapshot_toolbar {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_snapshot_fields {
  display: grid;
  grid-template-columns: minmax(220px, 1.6fr) minmax(160px, 1fr) minmax(160px, 1fr);
  gap: 18px;
  align-items: end;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_snapshot_fields .field {
  margin: 0;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_snapshot_fields label {
  display: block;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--dt-muted, #5f6b7a);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_snapshot_fields select,
.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_snapshot_fields input:not([type="submit"]) {
  width: 100%;
  min-height: 40px;
  box-sizing: border-box;
  border: 1.5px solid var(--dt-border, #d8dee6);
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  color: var(--dt-ink, #1a2332);
  background: #fff;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_snapshot_fields select:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_snapshot_fields input:not([type="submit"]):focus {
  outline: none;
  border-color: var(--dt-teal-500, #0fa89d);
  box-shadow: 0 0 0 3px rgba(15, 168, 157, 0.12);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_snapshot_actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  padding-top: 16px;
  border-top: 1px solid var(--dt-border, #e4e9ef);
}

/* KJ 23 Jul 2026: inventory actions — primary / outline / ghost + clearer hover */
.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_action_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  min-height: 40px;
  padding: 9px 16px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1.5px solid transparent;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transform: translateY(0);
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.15s ease;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_action_btn:focus-visible {
  outline: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_action_btn:active {
  transform: translateY(1px);
  box-shadow: none !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_action_btn--primary {
  background: #e8951a !important;
  border-color: #d48412 !important;
  color: #fff !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_action_btn--primary:hover {
  background: #f0a328 !important;
  border-color: #e8951a !important;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(212, 132, 18, 0.35) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_action_btn--primary:focus-visible {
  box-shadow: 0 0 0 3px rgba(232, 149, 26, 0.35) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_action_btn--outline {
  background: #fff !important;
  border-color: var(--dt-teal-600, #0fa89d) !important;
  color: var(--dt-teal-700, #0b7f78) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_action_btn--outline:hover {
  background: rgba(15, 168, 157, 0.12) !important;
  border-color: var(--dt-teal-700, #0b7f78) !important;
  color: var(--dt-teal-800, #086660) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(15, 168, 157, 0.22) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_action_btn--outline:focus-visible {
  box-shadow: 0 0 0 3px rgba(15, 168, 157, 0.28) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_action_btn--ghost {
  background: #fff !important;
  border-color: var(--dt-border, #d8dee6) !important;
  color: var(--dt-ink, #1a2332) !important;
  font-weight: 500;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_action_btn--ghost:hover {
  background: #f6f8fa !important;
  border-color: var(--dt-teal-500, #0fa89d) !important;
  color: var(--dt-teal-700, #0b7f78) !important;
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(26, 35, 50, 0.1) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_action_btn--ghost:focus-visible {
  box-shadow: 0 0 0 3px rgba(15, 168, 157, 0.22) !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_products_card {
  overflow: hidden;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_product_select_bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 14px 18px;
  background: var(--dt-surface-muted, #f6f8fa);
  border-bottom: 1px solid var(--dt-border, #e4e9ef);
  flex-wrap: wrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_product_select_title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--dt-ink, #1a2332);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_select_btns {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_btn_secondary {
  margin: 0;
  min-height: 34px;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  background: #fff;
  border: 1.5px solid var(--dt-border, #d8dee6);
  border-radius: 8px;
  color: var(--dt-ink, #1a2332);
  transition:
    background 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.15s ease;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_btn_secondary:hover {
  background: rgba(15, 168, 157, 0.1);
  border-color: var(--dt-teal-600, #0fa89d);
  color: var(--dt-teal-700, #0b7f78);
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(15, 168, 157, 0.18);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_btn_secondary:active {
  transform: translateY(0);
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_table_wrap {
  overflow-x: auto;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_products_table {
  width: 100%;
  table-layout: fixed;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_col_check {
  width: 48px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_col_line {
  width: 56px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_col_barcode {
  /* KJ 23 Jul 2026: wider so barcodes stay on one line */
  width: 160px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_col_vendor {
  width: 108px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_col_stock {
  width: 96px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_col_avail {
  /* KJ 23 Jul 2026: wider so "Only for zero stock" placeholder fits */
  width: 180px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_products_table thead td,
.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_products_table tbody td {
  padding: 11px 14px !important;
  vertical-align: middle;
}

/* KJ 23 Jul 2026: keep header + row checkboxes in one vertical column */
.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_products_table thead td.inventory_col_check_cell,
.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_products_table tbody td.inventory_col_check_cell {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  padding: 11px 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_col_check_cell input[type="checkbox"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 auto;
  vertical-align: middle;
  cursor: pointer;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_barcode_cell {
  font-variant-numeric: tabular-nums;
  font-size: 13px;
  white-space: nowrap;
  word-break: normal;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_desc_cell {
  white-space: normal;
  word-break: break-word;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_col_stock_cell {
  text-align: right;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_qty_input {
  width: 100%;
  max-width: 80px;
  margin-left: auto;
  display: block;
  box-sizing: border-box;
  min-height: 34px;
  padding: 6px 10px;
  border: 1.5px solid var(--dt-border, #d8dee6);
  border-radius: 6px;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  text-align: right;
  color: var(--dt-ink, #1a2332);
  background: #fff;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_avail_input {
  width: 100%;
  max-width: 168px;
  display: block;
  box-sizing: border-box;
  min-height: 34px;
  padding: 6px 10px;
  border: 1.5px solid var(--dt-border, #d8dee6);
  border-radius: 6px;
  font-size: 13px;
  text-align: center;
  color: var(--dt-ink, #1a2332);
  background: #fff;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_avail_input:disabled {
  background: #f4f6f8;
  color: #9aa5b1;
  border-color: #dfe5eb;
  cursor: not-allowed;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_avail_input:focus {
  outline: none;
  border-color: var(--dt-teal-500, #0fa89d);
  box-shadow: 0 0 0 3px rgba(15, 168, 157, 0.12);
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_qty_input:focus {
  outline: none;
  border-color: var(--dt-teal-500, #0fa89d);
  box-shadow: 0 0 0 3px rgba(15, 168, 157, 0.12);
}

@media (max-width: 900px) and (max-device-width: 900px) {
  .dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_snapshot_fields {
    grid-template-columns: 1fr;
  }

  .dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_snapshot_page .inventory_products_table {
    min-width: 760px;
  }
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .inventory_list_header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .viewdoc_shell .inr_products_table .inr_qty_input,
.dashboard.intro_dashboard_redesign.documents_teal_ref .viewdoc_shell .inr_products_table .inr_avail_input {
  width: 100%;
  max-width: 110px;
  box-sizing: border-box;
  min-height: 34px;
  padding: 6px 10px;
  border: 1.5px solid var(--dt-border, #d8dee6);
  border-radius: 6px;
  font-size: 14px;
  color: var(--dt-ink, #1a2332);
  background: #fff;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .viewdoc_shell .inr_products_table .inr_qty_input {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .viewdoc_shell .inr_products_table .inr_avail_input {
  font-size: 13px;
  text-align: center;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .viewdoc_shell .inr_products_table .inr_avail_input:disabled {
  background: #f4f6f8;
  color: #9aa5b1;
  border-color: #dfe5eb;
  cursor: not-allowed;
}


/* ===== Page help (per-page user guide drawer) ===== */
.dashboard.intro_dashboard_redesign .po_page_heading_row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

/* ASN / Invoice report titles: keep Page help on the same row as the heading */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .report .viewdoc_report_title_row {
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 2px solid var(--dt-teal-100);
  padding-bottom: 12px;
  margin: 0 0 16px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .report .viewdoc_report_title_row > h2 {
  flex: 1 1 auto;
  min-width: 0;
  border-bottom: none;
  padding-bottom: 0;
  margin: 0;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell .report .viewdoc_report_title_row .page_help_btn {
  flex-shrink: 0;
  margin-bottom: 2px;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_title_row {
  align-items: center;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_title_row .products_page_title {
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard.intro_dashboard_redesign .products_catalog .products_page_title_row .page_help_btn {
  flex-shrink: 0;
}

.dashboard.intro_dashboard_redesign .page_help_btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #c5ddd9;
  border-radius: 999px;
  background: #fff;
  color: #0e7b6e;
  font-family: "DM Sans", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: none;
}

.dashboard.intro_dashboard_redesign .page_help_btn:hover,
.dashboard.intro_dashboard_redesign .page_help_btn:focus-visible {
  background: #f0f9f8;
  border-color: #0e7b6e;
  color: #0a5f55;
  outline: none;
}

.dashboard.intro_dashboard_redesign .page_help_btn_icon {
  flex: 0 0 auto;
}

.page_help_root {
  position: fixed;
  inset: 0;
  z-index: 12000;
}

.page_help_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.35);
}

.page_help_drawer {
  position: absolute;
  top: 0;
  right: 0;
  width: min(400px, 94vw);
  height: 100%;
  background: #fff;
  border-left: 1px solid #e2e8f0;
  box-shadow: -12px 0 32px rgba(15, 23, 42, 0.12);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.page_help_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid #eef2f7;
}

.page_help_eyebrow {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0e7b6e;
}

.page_help_title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #133a36;
  line-height: 1.25;
}

.page_help_close {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: #f1f5f9;
  color: #475569;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.page_help_close:hover,
.page_help_close:focus-visible {
  background: #e2e8f0;
  color: #0f172a;
  outline: none;
}

.page_help_body {
  padding: 16px 18px 24px;
  overflow: auto;
  flex: 1 1 auto;
}

.page_help_intro {
  margin: 0 0 16px;
  font-size: 13px;
  line-height: 1.5;
  color: #475569;
}

.page_help_list {
  margin: 0;
  padding: 0;
}

.page_help_item {
  padding: 12px 0;
  border-top: 1px solid #eef2f7;
}

.page_help_item:first-child {
  border-top: 0;
  padding-top: 0;
}

.page_help_item dt {
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 700;
  color: #133a36;
}

.page_help_item dd {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #475569;
}

.page_help_item dd a.page_help_email {
  color: #0d9488;
  font-weight: 600;
  text-decoration: none;
}

.page_help_item dd a.page_help_email:hover,
.page_help_item dd a.page_help_email:focus-visible {
  color: #0f766e;
  text-decoration: underline;
}

.page_help_item--sub {
  margin-left: 10px;
  padding: 8px 0 8px 14px;
  border-top: 0;
  border-left: 3px solid #99f6e4;
}

.page_help_item--sub + .page_help_item--sub {
  padding-top: 0;
}

.page_help_item:not(.page_help_item--sub) + .page_help_item--sub {
  padding-top: 4px;
}

.page_help_item--sub dt {
  font-size: 12.5px;
  font-weight: 600;
  color: #0f766e;
}

.page_help_item--sub dd {
  font-size: 12.5px;
}

.page_help_more {
  margin: 18px 0 0;
  padding-top: 14px;
  border-top: 1px solid #eef2f7;
}

.page_help_more a {
  color: #0e7b6e;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.page_help_more a:hover {
  text-decoration: underline;
}

body.page_help_open {
  overflow: hidden;
}

/* KJ 23 Jul 2026: Inventory report view — ASN-style detail table tweaks */
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .inr_document_view .inr_col_line {
  width: 56px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .inr_document_view .inr_col_barcode {
  width: 150px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .inr_document_view .inr_col_vendor {
  width: 140px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .inr_document_view .inr_col_stock {
  width: 88px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .inr_document_view .inr_col_avail {
  width: 150px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .inr_document_view .inr_barcode_cell {
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  font-variant-numeric: tabular-nums;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .inr_document_view table.detail .inr_qty_input,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .inr_document_view table.detail .inr_avail_input {
  width: 100%;
  max-width: 140px;
  box-sizing: border-box;
  min-height: 32px;
  padding: 5px 8px;
  border: 1.5px solid var(--dt-border, #d8dee6);
  border-radius: 6px;
  font-size: 13px;
  font-family: inherit;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .inr_document_view table.detail .inr_qty_input {
  text-align: right;
  max-width: 72px;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .inr_document_view table.detail .inr_avail_input:disabled {
  background: #f4f6f8;
  color: #9aa5b1;
  cursor: not-allowed;
}

.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .inr_document_view table.detail .inr_qty_input:focus,
.dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope.viewdoc_shell.document_view_polish .inr_document_view table.detail .inr_avail_input:focus {
  outline: none;
  border-color: var(--dt-teal-500, #0fa89d);
  box-shadow: 0 0 0 3px rgba(15, 168, 157, 0.12);
}

/* ==========================================================================
   KJ 30 Jul 2026 — Document PDF styles (wkhtmltopdf), scoped under #pdf_doc.
   PO/POA compact styles appended last so they win over shared body#pdf_doc rules.
   Also: shpreport / inpreport / asn PDF blocks below.
   ========================================================================== */

/* --- shpreport_pdf.css (merged) --- */
/* KJ 30 Jul 2026 — Forwarded ASN (shpreport) PDF styles for wkhtmltopdf. */

/* Forwarded ASN PDF — match forwarded invoice / new software PDF look (wkhtmltopdf) */
#pdf_doc .toolbar, #pdf_doc .header, #pdf_doc .footer, #pdf_doc .main_nav, #pdf_doc .submenu,
#pdf_doc .page_help { display: none !important; }

body#pdf_doc {
  margin: 0 !important;
  padding: 10px 14px 14px !important;
  background: #fff !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #0f1f1c !important;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

#pdf_doc .dashboard.intro_dashboard_redesign.documents_teal_ref,
#pdf_doc .doc_ui_scope,
#pdf_doc .po_report,
#pdf_doc .fwd_asn_report {
  display: block !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow: visible !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  color: #0f1f1c !important;
}

#pdf_doc .fwd_asn_report .viewdoc_report_title_row {
  display: block !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}
#pdf_doc .fwd_asn_report .viewdoc_report_title_row .page_help,
#pdf_doc .fwd_asn_report .viewdoc_report_title_row .page_help_btn {
  display: none !important;
}
#pdf_doc .fwd_asn_report h2,
#pdf_doc .fwd_asn_report .viewdoc_report_title_row > h2 {
  display: block !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: normal !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  color: #085a52 !important;
  border: 0 !important;
  text-decoration: none !important;
}

#pdf_doc .fwd_asn_report .fwd_asn_top {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  margin: 0 0 16px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  clear: both !important;
}
#pdf_doc .fwd_asn_report .fwd_asn_to {
  display: table-cell !important;
  vertical-align: middle !important;
  width: 42% !important;
  position: static !important;
  margin: 0 !important;
  padding: 14px 20px 14px 2px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #085a52 !important;
}
#pdf_doc .fwd_asn_report .fwd_asn_summary_card {
  display: table-cell !important;
  vertical-align: top !important;
  width: 58% !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1.5px solid #0a5c55 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
#pdf_doc .fwd_asn_report .summary_table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 12px !important;
}
#pdf_doc .fwd_asn_report .summary_table tr:first-child td {
  background: #eef8f6 !important;
}
#pdf_doc .fwd_asn_report .summary_table td {
  padding: 6px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #d4e8e4 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  background: transparent !important;
}
#pdf_doc .fwd_asn_report .summary_table tr:last-child td {
  border-bottom: 0 !important;
}
#pdf_doc .fwd_asn_report .summary_table td:first-child {
  width: 42% !important;
  color: #0a5c55 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-align: left !important;
}
#pdf_doc .fwd_asn_report .summary_table td:last-child {
  width: 58% !important;
  color: #0f1f1c !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-align: left !important;
}

#pdf_doc .fwd_asn_report .detail_lines {
  clear: both !important;
  overflow: visible !important;
  width: 100% !important;
  margin: 2px 0 14px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
#pdf_doc .fwd_asn_report table.detail {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 12px !important;
  color: #0f1f1c !important;
}
#pdf_doc .fwd_asn_report table.detail thead td {
  background: #eef8f6 !important;
  color: #085a52 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  padding: 8px 12px !important;
  border: 1px solid #c5ddd8 !important;
  vertical-align: middle !important;
}
#pdf_doc .fwd_asn_report table.detail tbody td {
  color: #0f1f1c !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  padding: 7px 12px !important;
  vertical-align: middle !important;
  border: 1px solid #dceae6 !important;
}
#pdf_doc .fwd_asn_report table.detail thead td:nth-child(1),
#pdf_doc .fwd_asn_report table.detail tbody td:nth-child(1) {
  width: 34% !important;
  text-align: left !important;
  white-space: nowrap !important;
  font-weight: 600 !important;
}
#pdf_doc .fwd_asn_report table.detail thead td:nth-child(2),
#pdf_doc .fwd_asn_report table.detail tbody td:nth-child(2) {
  width: 42% !important;
  text-align: left !important;
  white-space: nowrap !important;
  font-weight: 600 !important;
}
#pdf_doc .fwd_asn_report table.detail thead td:nth-child(3),
#pdf_doc .fwd_asn_report table.detail tbody td:nth-child(3) {
  width: 24% !important;
  text-align: right !important;
  white-space: nowrap !important;
  padding-right: 14px !important;
}

/* --- inpreport_pdf.css (merged) --- */
/* KJ 30 Jul 2026 — Forwarded invoice (inpreport) PDF styles for wkhtmltopdf. */

/* Forwarded invoice PDF — match ASN / new software PDF look (wkhtmltopdf) */
#pdf_doc .toolbar, #pdf_doc .header, #pdf_doc .footer, #pdf_doc .main_nav, #pdf_doc .submenu,
#pdf_doc .page_help { display: none !important; }

body#pdf_doc {
  margin: 0 !important;
  padding: 10px 14px 14px !important;
  background: #fff !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #0f1f1c !important;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

#pdf_doc .dashboard.intro_dashboard_redesign.documents_teal_ref,
#pdf_doc .doc_ui_scope,
#pdf_doc .po_report,
#pdf_doc .fwd_inv_report {
  display: block !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow: visible !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  color: #0f1f1c !important;
}

#pdf_doc .fwd_inv_report .viewdoc_report_title_row {
  display: block !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}
#pdf_doc .fwd_inv_report .viewdoc_report_title_row .page_help,
#pdf_doc .fwd_inv_report .viewdoc_report_title_row .page_help_btn {
  display: none !important;
}
#pdf_doc .fwd_inv_report h2,
#pdf_doc .fwd_inv_report .viewdoc_report_title_row > h2 {
  display: block !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: normal !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  color: #085a52 !important;
  border: 0 !important;
  text-decoration: none !important;
}

#pdf_doc .fwd_inv_report .fwd_inv_top {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  margin: 0 0 16px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  clear: both !important;
}
#pdf_doc .fwd_inv_report .fwd_inv_from {
  display: table-cell !important;
  vertical-align: middle !important;
  width: 42% !important;
  position: static !important;
  margin: 0 !important;
  padding: 14px 20px 14px 2px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #085a52 !important;
}
#pdf_doc .fwd_inv_report .fwd_inv_summary_card {
  display: table-cell !important;
  vertical-align: top !important;
  width: 58% !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1.5px solid #0a5c55 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
#pdf_doc .fwd_inv_report .summary_table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 12px !important;
}
#pdf_doc .fwd_inv_report .summary_table tr:first-child td {
  background: #eef8f6 !important;
}
#pdf_doc .fwd_inv_report .summary_table td {
  padding: 6px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid #d4e8e4 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  background: transparent !important;
}
#pdf_doc .fwd_inv_report .summary_table tr:last-child td {
  border-bottom: 0 !important;
}
#pdf_doc .fwd_inv_report .summary_table td:first-child {
  width: 42% !important;
  color: #0a5c55 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-align: left !important;
}
#pdf_doc .fwd_inv_report .summary_table td:last-child {
  width: 58% !important;
  color: #0f1f1c !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-align: left !important;
}

#pdf_doc .fwd_inv_report .detail_lines {
  clear: both !important;
  overflow: visible !important;
  width: 100% !important;
  margin: 2px 0 14px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
#pdf_doc .fwd_inv_report table.detail {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 12px !important;
  color: #0f1f1c !important;
}
#pdf_doc .fwd_inv_report table.detail thead td {
  background: #eef8f6 !important;
  color: #085a52 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  padding: 8px 12px !important;
  border: 1px solid #c5ddd8 !important;
  vertical-align: middle !important;
}
#pdf_doc .fwd_inv_report table.detail tbody td {
  color: #0f1f1c !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  padding: 7px 12px !important;
  vertical-align: middle !important;
  border: 1px solid #dceae6 !important;
}
#pdf_doc .fwd_inv_report table.detail thead td:nth-child(1),
#pdf_doc .fwd_inv_report table.detail tbody td:nth-child(1) {
  width: 54% !important;
  text-align: left !important;
  white-space: nowrap !important;
  font-weight: 600 !important;
  padding-left: 12px !important;
  padding-right: 10px !important;
}
#pdf_doc .fwd_inv_report table.detail thead td:nth-child(2),
#pdf_doc .fwd_inv_report table.detail tbody td:nth-child(2) {
  width: 23% !important;
  text-align: right !important;
  white-space: nowrap !important;
  padding-left: 10px !important;
  padding-right: 14px !important;
}
#pdf_doc .fwd_inv_report table.detail thead td:nth-child(3),
#pdf_doc .fwd_inv_report table.detail tbody td:nth-child(3) {
  width: 23% !important;
  text-align: right !important;
  white-space: nowrap !important;
  padding-left: 10px !important;
  padding-right: 14px !important;
}

#pdf_doc .fwd_inv_report .footer_summary {
  float: none !important;
  width: 280px !important;
  max-width: 100% !important;
  margin: 12px 0 0 auto !important;
  padding: 10px 14px !important;
  background: #f4f6f5 !important;
  border: 1px solid #dde6e3 !important;
  border-radius: 6px !important;
  page-break-inside: avoid !important;
  box-sizing: border-box !important;
}
#pdf_doc .fwd_inv_report .footer_summary .totals {
  display: block !important;
}
#pdf_doc .fwd_inv_report .footer_summary .totals .group {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  position: static !important;
  height: auto !important;
  min-height: 0 !important;
  clear: none !important;
  background: transparent !important;
  border-bottom: 1px solid #e0ecea !important;
  padding: 5px 0 !important;
  margin: 0 !important;
}
#pdf_doc .fwd_inv_report .footer_summary .totals .group:last-child {
  border-bottom: 0 !important;
}
#pdf_doc .fwd_inv_report .footer_summary .totals .group > div {
  display: table-cell !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  padding: 0 !important;
  vertical-align: middle !important;
}
#pdf_doc .fwd_inv_report .footer_summary .totals .group .name {
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0f1f1c !important;
}
#pdf_doc .fwd_inv_report .footer_summary .totals .group .num {
  text-align: right !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0f1f1c !important;
  white-space: nowrap !important;
}
#pdf_doc .fwd_inv_report .footer_summary .totals .group:last-child .name,
#pdf_doc .fwd_inv_report .footer_summary .totals .group:last-child .num {
  color: #085a52 !important;
  font-size: 13px !important;
}

/* --- asn_pdf.css (merged) --- */
/* KJ 30 Jul 2026 — ASN (asn.phtml) PDF styles for wkhtmltopdf. */

/* ASN PDF — header card + readable line table (wkhtmltopdf) */
#pdf_doc .toolbar, #pdf_doc .header, #pdf_doc .footer, #pdf_doc .main_nav, #pdf_doc .submenu,
#pdf_doc .view_toolbar, #pdf_doc .edit_toolbar, #pdf_doc .success, #pdf_doc .errors,
#pdf_doc .asn_label_loading, #pdf_doc .flora, #pdf_doc #myDialog, #pdf_doc #notification,
#pdf_doc .page_help { display: none !important; }

body#pdf_doc {
  margin: 0 !important;
  padding: 10px 14px 14px !important;
  background: #fff !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: #0f1f1c !important;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

#pdf_doc .doc_ui_scope,
#pdf_doc .asn_report,
#pdf_doc .asn_document_view,
#pdf_doc .centered {
  max-width: 100% !important;
  width: 100% !important;
  overflow: visible !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  color: #0f1f1c !important;
}

#pdf_doc form.editdoc .input { display: none !important; }
#pdf_doc form.editdoc .fixed { display: block !important; }

#pdf_doc .report h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
  color: #085a52 !important;
}

#pdf_doc .summary_header {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  margin: 0 0 14px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
#pdf_doc .summary_header h3 {
  display: table-cell !important;
  vertical-align: top !important;
  width: 48% !important;
  position: static !important;
  margin: 0 !important;
  padding: 4px 16px 0 0 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #085a52 !important;
}
#pdf_doc .summary_table_container {
  display: table-cell !important;
  vertical-align: top !important;
  width: 52% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1.5px solid #0a5c55 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
#pdf_doc .summary_table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 12px !important;
}
#pdf_doc .summary_table tr:first-child td {
  background: #eef8f6 !important;
}
#pdf_doc .summary_table td {
  padding: 5px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid #d4e8e4 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  background: transparent !important;
}
#pdf_doc .summary_table tr:last-child td {
  border-bottom: 0 !important;
}
#pdf_doc .summary_table td.prompt,
#pdf_doc .summary_table td:first-child {
  width: 42% !important;
  color: #0a5c55 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
#pdf_doc .summary_table td:last-child {
  width: 58% !important;
  color: #0f1f1c !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

#pdf_doc .asn_document_view .detail_lines {
  clear: both !important;
  overflow: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 4px !important;
}
#pdf_doc .asn_document_view table.detail {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 12px !important;
  color: #0f1f1c !important;
}
#pdf_doc .asn_document_view table.detail thead td {
  background: #eef8f6 !important;
  color: #085a52 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  padding: 7px 4px !important;
  white-space: normal !important;
  vertical-align: bottom !important;
  border: 1px solid #c5ddd8 !important;
  word-wrap: break-word !important;
}
#pdf_doc .asn_document_view table.detail tbody td {
  color: #0f1f1c !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  padding: 6px 4px !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  border: 1px solid #dceae6 !important;
  word-wrap: break-word !important;
}
#pdf_doc .asn_document_view table.detail a {
  color: #0f1f1c !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}
#pdf_doc .asn_document_view table.detail a.duplicate { display: none !important; }
#pdf_doc .asn_document_view table.detail thead td:first-child,
#pdf_doc .asn_document_view table.detail tbody td:first-child { width: 3% !important; text-align: center !important; }
#pdf_doc .asn_document_view table.detail .asn_col_barcode {
  width: 13% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  font-size: 11px !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
#pdf_doc .asn_document_view table.detail .asn_col_sscc {
  width: 15% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  font-size: 11px !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
#pdf_doc .asn_document_view table.detail .asn_col_sscc .fixed {
  white-space: nowrap !important;
  display: block !important;
}
#pdf_doc .asn_document_view table.detail .asn_col_description {
  width: 20% !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  font-size: 12px !important;
}
#pdf_doc .asn_document_view table.detail .asn_col_description .asn_desc_text {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  overflow: visible !important;
  white-space: normal !important;
}
#pdf_doc .asn_document_view table.detail .asn_col_bestbefore,
#pdf_doc .asn_document_view table.detail .asn_col_useby {
  width: 7% !important;
  white-space: nowrap !important;
  font-size: 11px !important;
}
#pdf_doc .asn_document_view table.detail .asn_col_cartons,
#pdf_doc .asn_document_view table.detail .qty {
  width: 5% !important;
  white-space: nowrap !important;
  text-align: right !important;
  font-weight: 600 !important;
}

/* --- po_v2_pdf (PO / POA) — compact layout, appended last ---
   KJ 30 Jul 2026: kept in main.css; single-line barcode/description so
   short POs fit on one page (avoid float/wrap layout that spanned ~3 pages).
*/
/*
 * PO v2 PDF — wkhtmltopdf: system fonts, readable sizes, flat borders (shadows rasterise soft).
 */
@page {
  size: A4;
  margin: 0;
}
#pdf_doc .header { display: none !important; }

#pdf_doc .po_v2_card_section_head,
#pdf_doc .po_v2_si_label,
#pdf_doc .po_v2_od_label,
#pdf_doc .po_v2_dsb_label,
#pdf_doc .po_v2_od_more_row dt,
#pdf_doc .po_v2_tbl_card table.detail thead td,
#pdf_doc .po_v2_tbl_card table.detail tbody td {
  word-spacing: normal !important;
}

body#pdf_doc {
  margin: 0 !important;
  padding: 10px 12px 18px !important;
  background: #ffffff !important;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  color-adjust: exact !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #0f1f1c !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: auto !important;
}

#pdf_doc .dashboard.intro_dashboard_redesign.documents_teal_ref {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

#pdf_doc .dashboard.intro_dashboard_redesign.documents_teal_ref .doc_ui_scope {
  display: block !important;
  flex: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  max-width: 100% !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: #0f1f1c !important;
}

#pdf_doc .po_v2_root .po_v2_page {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 14px 20px 14px !important;
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#pdf_doc .po_v2_root .po_v2_report {
  background: transparent !important;
}

#pdf_doc .po_v2_doc_head {
  margin: 0 0 16px !important;
  padding: 18px 0 0 !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #e9efee !important;
}
#pdf_doc .po_v2_po_title {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #042f29 !important;
  margin: 0 !important;
  line-height: 1.22 !important;
}
#pdf_doc .po_v2_po_title .po_v2_po_title_text {
  color: #064038 !important;
  font-weight: 700 !important;
}
#pdf_doc .po_v2_po_title .po_v2_order_no {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 600 !important;
  color: #0f766e !important;
  margin-left: 0.4em !important;
}
#pdf_doc .po_v2_po_title .po_v2_badge_chg {
  display: inline-block !important;
  background: #fee2e2 !important;
  color: #b91c1c !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  margin-right: 10px !important;
  vertical-align: middle !important;
  letter-spacing: 0.02em !important;
}

#pdf_doc .po_v2_main_columns {
  display: block !important;
  margin-bottom: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* KJ 30 Jul 2026 — Retailer + Order details: outer edges match
   Requested delivery row (float pair, no border-spacing inset). */
#pdf_doc .po_v2_split_cards {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
#pdf_doc .po_v2_split_cards > .po_v2_info_card {
  display: block !important;
  float: left !important;
  width: 49% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
#pdf_doc .po_v2_split_cards > .po_v2_info_card:last-child {
  float: right !important;
  margin-right: 0 !important;
}

#pdf_doc .po_v2_info_card {
  background: #ffffff !important;
  border: 1px solid #e3ecea !important;
  border-radius: 8px !important;
  padding: 13px 14px !important;
  box-sizing: border-box !important;
  page-break-inside: avoid !important;
}
#pdf_doc .po_v2_main_col_cards {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
#pdf_doc .po_v2_main_col_order_addr {
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}
#pdf_doc .po_v2_delivery_summary_bar,
#pdf_doc .po_v2_store_summary_bar,
#pdf_doc .delivery.po_v2_delivery_card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#pdf_doc .po_v2_card_section_head {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #1f4d46 !important;
  margin: 0 0 10px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #e7efed !important;
}
#pdf_doc .po_v2_si_label,
#pdf_doc .po_v2_od_label {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #0c7a72 !important;
  display: block !important;
  margin-bottom: 4px !important;
}
#pdf_doc .po_v2_si_value,
#pdf_doc .po_v2_od_value {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  color: #173a35 !important;
}
#pdf_doc .po_v2_si_body .po_v2_si_block {
  margin-bottom: 12px !important;
}
#pdf_doc .po_v2_od_grid {
  display: block !important;
}
#pdf_doc .po_v2_od_cell {
  margin-bottom: 12px !important;
}
#pdf_doc .po_v2_od_more {
  font-size: 13px !important;
  margin-top: 8px !important;
}
#pdf_doc .po_v2_od_more_row dt {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #0c7a72 !important;
}
#pdf_doc .po_v2_od_more_row dd {
  font-size: 13px !important;
  color: #14221f !important;
  text-align: left !important;
}
#pdf_doc .po_v2_od_more_row {
  display: block !important;
}

#pdf_doc .po_v2_delivery_summary_bar,
#pdf_doc .po_v2_store_summary_bar {
  display: block !important;
  background: #fbfdfd !important;
  border: 1px solid #e0ebe9 !important;
  border-radius: 8px !important;
  padding: 13px 16px !important;
  margin: 0 0 12px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
#pdf_doc .po_v2_delivery_summary_bar .po_v2_dsb_col {
  margin-bottom: 14px !important;
}
#pdf_doc .po_v2_delivery_summary_bar .po_v2_dsb_col:last-child {
  margin-bottom: 0 !important;
}
#pdf_doc .po_v2_dsb_label {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: #0c7a72 !important;
  margin-bottom: 6px !important;
}
#pdf_doc .po_v2_dsb_value {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: #064038 !important;
}

#pdf_doc .delivery.po_v2_delivery_card {
  background: #fff !important;
  border: 1px solid #e3ecea !important;
  border-radius: 8px !important;
  padding: 12px 14px !important;
  margin: 0 0 14px !important;
}
#pdf_doc .delivery.po_v2_delivery_card table td,
#pdf_doc .delivery.po_v2_delivery_card p {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  padding: 5px 10px 5px 0 !important;
  vertical-align: top !important;
  color: #14221f !important;
  margin: 0 0 6px !important;
}

#pdf_doc .po_v2_status_banner {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  margin: 0 0 14px !important;
  padding: 12px 14px !important;
  border-radius: 8px !important;
  page-break-inside: avoid !important;
}
#pdf_doc .po_v2_status_banner--accepted {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid #a7f3d0 !important;
}
#pdf_doc .po_v2_status_banner--rejected {
  background: #fef2f2 !important;
  color: #b91c1c !important;
  border: 1px solid #fecaca !important;
}
#pdf_doc .po_v2_status_banner--changed {
  background: #fff7ed !important;
  color: #c2410c !important;
  border: 1px solid #fed7aa !important;
}

#pdf_doc .input { display: none !important; }
#pdf_doc .fixed { display: block !important; }

#pdf_doc .po_v2_tbl_card {
  background: #fff !important;
  border: 1px solid #dde9e7 !important;
  border-radius: 8px !important;
  padding: 0 !important;
  margin: 16px 0 14px !important;
  overflow: visible !important;
  page-break-inside: auto !important;
}
/* KJ 30 Jul 2026 — fixed columns + full grid lines (wkhtmltopdf drops
   vertical borders with collapse / empty cells). */
#pdf_doc .po_v2_tbl_card table.detail {
  width: 100% !important;
  table-layout: fixed !important;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 12px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #e0ebe9 !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead {
  display: table-header-group !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead td {
  background: #0e5f58 !important;
  color: #ffffff !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  padding: 6px 4px !important;
  border-top: 1px solid #0e5f58 !important;
  border-bottom: 1px solid #0a4f49 !important;
  border-left: 1px solid #0a4f49 !important;
  border-right: 1px solid #0a4f49 !important;
  text-transform: none !important;
  vertical-align: bottom !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead td:first-child {
  border-left: 1px solid #0e5f58 !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead td:last-child {
  border-right: 1px solid #0e5f58 !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody tr {
  page-break-inside: avoid !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody tr:nth-child(even) td {
  background: #fafcfc !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody tr:nth-child(odd) td {
  background: #ffffff !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody td {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  padding: 5px 4px !important;
  border-top: none !important;
  border-bottom: 1px solid #e0ebe9 !important;
  border-left: 1px solid #e0ebe9 !important;
  border-right: 1px solid #e0ebe9 !important;
  vertical-align: top !important;
  overflow: hidden !important;
  color: #0f1f1c !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody td:first-child {
  border-left: 1px solid #e0ebe9 !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody td:last-child {
  border-right: 1px solid #e0ebe9 !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody td:empty::before {
  content: "\00a0" !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead td.po_v2_col_barcode,
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_barcode {
  width: 14% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-wrap: normal !important;
  word-break: normal !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead td.po_v2_col_description,
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_description {
  width: 34% !important;
  white-space: normal !important;
  overflow: hidden !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_description .po_v2_desc_text {
  display: block !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  line-height: 1.3 !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead td.po_v2_col_vendor,
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_vendor,
#pdf_doc .po_v2_tbl_card table.detail thead td.po_v2_col_buyer,
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_buyer {
  width: 11% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-wrap: normal !important;
  word-break: normal !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead td.po_v2_col_unitprice,
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_unitprice,
#pdf_doc .po_v2_tbl_card table.detail thead td.po_v2_col_uom,
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_uom,
#pdf_doc .po_v2_tbl_card table.detail thead td.po_v2_col_qty,
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_qty {
  white-space: nowrap !important;
  border-left: 1px solid #e0ebe9 !important;
  border-right: 1px solid #e0ebe9 !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead td.po_v2_col_unitprice,
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_unitprice {
  width: 12% !important;
  overflow: hidden !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead td.po_v2_col_uom,
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_uom {
  width: 7% !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead td.po_v2_col_qty,
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_qty {
  width: 8% !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_description--missing_product {
  white-space: normal !important;
  overflow: visible !important;
  word-wrap: break-word !important;
  vertical-align: top !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody tr:last-child td {
  border-bottom: 1px solid #e0ebe9 !important;
}
#pdf_doc .po_v2_tbl_card table.detail td.right {
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}
#pdf_doc .po_v2_tbl_card a {
  color: #064038 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_barcode a {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  vertical-align: bottom !important;
}

/* KJ 30 Jul 2026 — summary on the right; "Number of lines: 17" on one line */
#pdf_doc .footer_summary.po_v2_summary_wrap {
  page-break-inside: avoid !important;
  float: none !important;
  clear: both !important;
  margin: 10px 0 0 auto !important;
  padding: 10px 12px !important;
  background: transparent !important;
  border: 1px solid #dbe9e6 !important;
  border-radius: 8px !important;
  max-width: 320px !important;
  width: auto !important;
  box-sizing: border-box !important;
}
#pdf_doc .footer_summary.po_v2_summary_wrap .totals {
  display: block !important;
}
#pdf_doc .footer_summary.po_v2_summary_wrap .totals .group {
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  display: block !important;
  width: auto !important;
  background: transparent !important;
  border: none !important;
}
#pdf_doc .footer_summary.po_v2_summary_wrap .totals .group:last-child {
  margin-bottom: 0 !important;
}
#pdf_doc .footer_summary.po_v2_summary_wrap .totals .group .name,
#pdf_doc .footer_summary.po_v2_summary_wrap .totals .group .num {
  display: inline !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  text-align: left !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
  background: transparent !important;
}
#pdf_doc .footer_summary.po_v2_summary_wrap .totals .group .name {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #5e6f6c !important;
  letter-spacing: normal !important;
}
#pdf_doc .footer_summary.po_v2_summary_wrap .totals .group .num {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #173a35 !important;
  font-variant-numeric: tabular-nums !important;
  margin-left: 0.35em !important;
}

#pdf_doc .po_v2_store_card {
  margin-bottom: 14px !important;
}
#pdf_doc .po_v2_store_warn_txt {
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: #9a3412 !important;
}
#pdf_doc .po_v2_store_warn_txt a {
  color: #c2410c !important;
}

/* KJ 30 Jul 2026 — PO/POA PDF compact pass: pull short orders back to ~1 page.
   Large title/values + row page-break-avoid was spilling to ~3 pages again. */
body#pdf_doc {
  padding: 8px 10px 12px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
#pdf_doc .po_v2_root .po_v2_page {
  padding: 0 8px 10px 8px !important;
}
#pdf_doc .po_v2_doc_head {
  margin: 0 0 8px !important;
  padding: 6px 0 0 !important;
}
#pdf_doc .po_v2_po_title {
  font-size: 22px !important;
  line-height: 1.15 !important;
}
#pdf_doc .po_v2_main_columns {
  margin-bottom: 8px !important;
}
#pdf_doc .po_v2_split_cards {
  margin: 0 0 8px 0 !important;
}
#pdf_doc .po_v2_info_card {
  padding: 8px 10px !important;
}
#pdf_doc .po_v2_card_section_head {
  margin: 0 0 6px !important;
  padding-bottom: 4px !important;
  font-size: 12px !important;
}
#pdf_doc .po_v2_si_value,
#pdf_doc .po_v2_od_value {
  font-size: 13px !important;
  line-height: 1.3 !important;
}
#pdf_doc .po_v2_si_body .po_v2_si_block,
#pdf_doc .po_v2_od_cell {
  margin-bottom: 6px !important;
}
#pdf_doc .po_v2_delivery_summary_bar,
#pdf_doc .po_v2_store_summary_bar,
#pdf_doc .delivery.po_v2_delivery_card {
  margin: 0 0 8px 0 !important;
  padding: 8px 10px !important;
}
#pdf_doc .po_v2_dsb_value {
  font-size: 13px !important;
  line-height: 1.3 !important;
}
#pdf_doc .po_v2_tbl_card {
  margin: 8px 0 8px !important;
}
#pdf_doc .po_v2_tbl_card table.detail {
  font-size: 11px !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead td {
  font-size: 10.5px !important;
  padding: 4px 3px !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody tr {
  page-break-inside: auto !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody td {
  font-size: 11px !important;
  line-height: 1.25 !important;
  padding: 3px 3px !important;
}
#pdf_doc .po_v2_tbl_card table.detail thead td.po_v2_col_description,
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_description {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  word-wrap: normal !important;
  word-break: normal !important;
}
#pdf_doc .po_v2_tbl_card table.detail tbody td.po_v2_col_description .po_v2_desc_text {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  line-height: 1.25 !important;
}
#pdf_doc .footer_summary.po_v2_summary_wrap {
  margin: 6px 0 0 auto !important;
  padding: 6px 10px !important;
}
#pdf_doc .footer_summary.po_v2_summary_wrap .totals .group {
  margin: 0 0 3px 0 !important;
}
#pdf_doc .footer_summary.po_v2_summary_wrap .totals .group .name,
#pdf_doc .footer_summary.po_v2_summary_wrap .totals .group .num {
  font-size: 12px !important;
  line-height: 1.25 !important;
}
#pdf_doc .po_v2_store_card {
  margin-bottom: 8px !important;
}

/* KJ 31 Jul 2026 — POA PDF compact (from poareport.phtml pdf_extra_head) */
#pdf_doc .poa_v2_root,
#pdf_doc .poa_v2_root .po_v2_page,
#pdf_doc .poa_v2_root .po_v2_report {
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
  width: 100% !important;
}
#pdf_doc .poa_v2_root .po_v2_doc_head {
  margin: 0 0 10px !important;
  padding: 0 0 6px !important;
  border-bottom: 1px solid #e9efee !important;
}
#pdf_doc .poa_v2_root .po_v2_po_title {
  font-size: 20px !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  font-weight: 700 !important;
  color: #042f29 !important;
  letter-spacing: -0.01em !important;
}
#pdf_doc .poa_v2_root .po_v2_po_title .po_v2_order_no {
  color: #0f766e !important;
  margin-left: 0.35em !important;
  font-weight: 600 !important;
}
#pdf_doc .poa_v2_root .po_v2_main_columns {
  margin: 0 0 10px !important;
  display: block !important;
  width: 100% !important;
}
#pdf_doc .poa_v2_root .po_v2_split_cards {
  margin: 0 0 10px !important;
  overflow: hidden !important;
  display: block !important;
  width: 100% !important;
}
#pdf_doc .poa_v2_root .po_v2_split_cards > .po_v2_info_card {
  float: left !important;
  width: 49% !important;
  box-sizing: border-box !important;
}
#pdf_doc .poa_v2_root .po_v2_split_cards > .po_v2_info_card:last-child {
  float: right !important;
}
#pdf_doc .poa_v2_root .po_v2_info_card {
  padding: 10px 12px !important;
  margin: 0 !important;
  border: 1px solid #e3ecea !important;
  border-radius: 8px !important;
  background: #fff !important;
}
#pdf_doc .poa_v2_root .po_v2_card_section_head {
  margin: 0 0 6px !important;
  padding-bottom: 5px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #1f4d46 !important;
  border-bottom: 1px solid #e7efed !important;
}
#pdf_doc .poa_v2_root .po_v2_si_label,
#pdf_doc .poa_v2_root .po_v2_od_label,
#pdf_doc .poa_v2_root .po_v2_dsb_label {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #0c7a72 !important;
  display: block !important;
  margin-bottom: 3px !important;
}
#pdf_doc .poa_v2_root .po_v2_si_value,
#pdf_doc .poa_v2_root .po_v2_od_value,
#pdf_doc .poa_v2_root .po_v2_dsb_value {
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #173a35 !important;
  font-weight: 500 !important;
}
#pdf_doc .poa_v2_root .po_v2_si_body .po_v2_si_block,
#pdf_doc .poa_v2_root .po_v2_od_cell {
  margin-bottom: 6px !important;
}
#pdf_doc .poa_v2_root .po_v2_od_more {
  margin: 6px 0 0 !important;
}
#pdf_doc .poa_v2_root .po_v2_od_more_row {
  margin: 0 !important;
}
#pdf_doc .poa_v2_root .po_v2_od_more dt {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #0c7a72 !important;
  margin: 0 0 2px !important;
}
#pdf_doc .poa_v2_root .po_v2_od_more dd {
  font-size: 12.5px !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}
#pdf_doc .poa_v2_root .po_v2_status_banner {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 0 0 8px !important;
  padding: 8px 10px !important;
  border-radius: 6px !important;
  page-break-inside: avoid !important;
}
#pdf_doc .poa_v2_root .delivery.po_v2_delivery_card {
  margin: 0 0 10px !important;
  padding: 8px 10px !important;
  border: 1px solid #e3ecea !important;
  border-radius: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  clear: both !important;
}
#pdf_doc .poa_v2_root .poa_delivery_date_row {
  margin: 0 0 4px !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}
#pdf_doc .poa_v2_root .poa_delivery_date_label {
  font-weight: 600 !important;
  color: #0c7a72 !important;
  margin-right: 0.35em !important;
}
#pdf_doc .poa_v2_root .po_v2_tbl_card {
  margin: 8px 0 !important;
  padding: 0 !important;
  border: 1px solid #dde9e7 !important;
  border-radius: 8px !important;
  clear: both !important;
  overflow: hidden !important;
}
#pdf_doc .poa_v2_root .po_v2_tbl_card table.detail {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  font-size: 11.5px !important;
}
#pdf_doc .poa_v2_root .po_v2_tbl_card table.detail thead td {
  background: #0e5f58 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 7px 6px !important;
}
#pdf_doc .poa_v2_root .po_v2_tbl_card table.detail tbody td {
  font-size: 11.5px !important;
  padding: 6px 6px !important;
  line-height: 1.3 !important;
  border-bottom: 1px solid #e0ebe9 !important;
  vertical-align: top !important;
  overflow: hidden !important;
}
#pdf_doc .poa_v2_root .po_v2_tbl_card table.detail tbody tr {
  page-break-inside: auto !important;
}
/* Description is 3rd column across POA table variants */
#pdf_doc .poa_v2_root .po_v2_tbl_card table.detail tbody td:nth-child(3) {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#pdf_doc .poa_v2_root .poa_qty_was {
  font-size: 10.5px !important;
  color: #c2410c !important;
  white-space: nowrap !important;
}
#pdf_doc .poa_v2_root .footer_summary.po_v2_summary_wrap {
  margin: 8px 0 0 auto !important;
  padding: 8px 12px !important;
  border: 1px solid #dbe9e6 !important;
  border-radius: 8px !important;
  max-width: 300px !important;
  clear: both !important;
}
#pdf_doc .poa_v2_root .footer_summary.po_v2_summary_wrap .totals .group {
  margin: 0 0 4px !important;
}
#pdf_doc .poa_v2_root .footer_summary.po_v2_summary_wrap .totals .group .name,
#pdf_doc .poa_v2_root .footer_summary.po_v2_summary_wrap .totals .group .num {
  display: inline !important;
  font-size: 12.5px !important;
  white-space: nowrap !important;
}
#pdf_doc .poa_v2_root .footer_summary.po_v2_summary_wrap .totals .group .name {
  font-weight: 600 !important;
  color: #5e6f6c !important;
}
#pdf_doc .poa_v2_root .footer_summary.po_v2_summary_wrap .totals .group .num {
  font-weight: 700 !important;
  color: #173a35 !important;
  margin-left: 0.35em !important;
}