:root{--blue:#087d83;--teal:#087d83;--bg:#f3f6f9;--ink:#133149;--line:#dce5ea}.sidebar{background:#fff;border-right:1px solid var(--line);color:var(--ink);width:240px}.logo img{width:190px;height:auto;display:block}.logo span{color:#687e8b;font-size:.7rem;letter-spacing:.16em}.sidebar nav{margin-top:28px;gap:3px}.sidebar nav a{color:#526d7d;font-weight:500}.sidebar nav a:hover,.sidebar nav a.current{background:#e8f4f4;color:#076c70}.sidebar-foot{color:#637987}.workspace{margin-left:240px}.topbar{background:#fff;min-height:65px}.topbar form span{font-weight:600}.topbar-logo{max-width:150px}main{padding:30px;max-width:1720px}.metric{border-radius:14px;box-shadow:0 3px 15px #15354c03}.metric strong{font-weight:650}.eyebrow{color:#087d83}h1{font-size:1.9rem}.button,button{min-height:46px}.test-banner{padding:11px 18px;background:#fff3d9;border:1px solid #ecd6a7;border-radius:8px;color:#684d17;margin-bottom:20px;font-size:.875rem}.workspace-cards,.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{background:#12364b;color:#fff;border-radius:16px;overflow:hidden;display:flex;align-items:center;min-height:230px;padding:28px;position:relative}.feature-card:hover{text-decoration:none}.feature-card>div{position:relative;z-index:1;width:65%}.feature-card h2{font-size:1.6rem;max-width:280px}.feature-card .eyebrow{color:#7fdddd}.feature-card p{color:#d0e3e9}.feature-card img{width:42%;height:190px;object-fit:contain;background:#fff;border-radius:100px;mix-blend-mode:screen}.feature-card.light{background:#e0eeee;color:var(--ink)}.feature-card.light .eyebrow,.feature-card.light p{color:#4d747a}.feature-card.light img{mix-blend-mode:multiply}.feature-link{font-weight:600;font-size:.875rem}.appointment-row{display:flex;align-items:center;gap:16px;padding:18px 24px;border-top:1px solid #eef2f5;color:var(--ink)}.appointment-row>div:nth-child(2){flex:1}.appointment-row small{display:block;color:var(--muted);font-size:.8125rem}.date-block{text-align:center;font-size:1.4rem;font-weight:650;background:#edf6f6;padding:8px 14px;border-radius:8px}.date-block small{font-size:.75rem}.module-links{display:flex;flex-wrap:wrap;gap:12px}.module-links a{background:white;border:1px solid var(--line);padding:20px;border-radius:10px;flex:1;min-width:130px;color:var(--ink);font-weight:600}.pos-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}#pos{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}.pos-search{display:flex;gap:8px}.pos-search input{min-width:0;flex:1}.pos-search button{flex-shrink:0}.category-tabs{display:flex;gap:8px;margin:20px 0;overflow-x:auto}.category-tabs button{background:white;border-color:var(--line);color:#536c7c;white-space:nowrap;padding:9px 17px}.category-tabs button.selected{background:var(--nav);color:#fff;border-color:var(--nav)}.catalog-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.875rem;margin:16px 0}.product-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{background:#fff;border:1px solid var(--line);color:var(--ink);padding:0 14px 14px;text-align:left;display:flex;flex-direction:column;font-weight:400;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #19384705}.product-card:hover{border-color:var(--teal);box-shadow:0 4px 18px #087d8318;filter:none;transform:translateY(-1px)}.product-photo{height:155px;margin:0 -14px 10px;background:white;display:flex;align-items:center;justify-content:center}.product-photo img{width:100%;height:100%;object-fit:contain}.product-card strong{font-size:.95rem;line-height:1.35;margin-bottom:5px}.product-card small{font-size:.75rem;color:#637987}.product-card .product-price{margin-top:10px;color:#0c6d75;font-size:1.1rem}.product-card .barcode{font-size:.75rem;letter-spacing:.025em}.no-image{color:#8295a0;font-size:.875rem}.invoice-dock{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;position:sticky;top:15px}.dock-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dock-title h2{margin:0}.dock-title span{font-size:.8rem;color:var(--muted)}#pos-lines{max-height:390px;overflow-y:auto;margin:20px -8px;padding:0 8px;min-height:160px}.cart-line{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--line);padding:14px 0}.cart-line img{object-fit:contain;border:1px solid #edf2f5;border-radius:8px}.cart-line>div{flex:1}.cart-line strong{font-size:.875rem;display:block}.cart-line small{font-size:.75rem;color:var(--muted)}.quantity-controls{display:flex;align-items:center;gap:12px;margin-top:9px}.quantity-controls button{min-width:44px;min-height:44px;font-size:1.4rem;background:#edf5f5;color:var(--ink);padding:2px}.quantity-controls span{font-weight:700;min-width:20px;text-align:center}.pos-totals{display:grid;grid-template-columns:1fr auto;margin:16px 0;gap:10px}.pos-totals dd{font-weight:700}.pos-totals dt:last-of-type,.pos-totals dd:last-of-type{font-size:1.3rem;color:var(--ink);border-top:1px solid var(--line);padding-top:13px}.checkout{width:100%;padding:15px 10px}.dock-actions{display:flex;gap:8px;margin-top:12px}.dock-actions button{flex:1;font-size:.875rem;padding:10px}.tiny{font-size:.75rem}.pager{display:flex;align-items:center;justify-content:space-between;margin:24px 0;gap:12px}dialog{border:1px solid var(--line);border-radius:14px;max-width:640px;width:90%;padding:24px;color:var(--ink)}dialog::backdrop{background:#102c40aa}#held-list{padding:10px}#camera-video{width:100%;max-height:400px;background:#102c40;border-radius:10px}.import-thumb{display:block;width:100px;height:90px;object-fit:contain}.error-text{color:#a12431!important}.warning-text{color:#876005}.calendar-controls{display:flex;gap:10px;max-width:650px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);margin-top:24px}.calendar-grid section{background:white;min-height:140px;border:1px solid #e4ebef;padding:10px}.calendar-grid h3{font-size:.8125rem}.calendar-grid a{display:block;background:#e9f5f4;padding:8px;margin:5px 0;font-size:.8125rem;overflow-wrap:anywhere}.calendar-grid small{display:block;font-size:.75rem}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-grid small{display:block;color:var(--muted);font-size:.8125rem}.stat-grid strong{display:block;font-size:1.25rem;margin:5px 0}.recommendation{background:#edf7f6;border-left:3px solid #118b87;padding:15px 20px;margin:25px 0}.recommendation h3{margin-top:0}.ocr-field input,.ocr-field textarea{border-left:4px solid #d8aa40}.product-gallery{display:flex;gap:15px;overflow:auto}.product-gallery img{width:180px;height:180px;object-fit:contain;border:1px solid var(--line);border-radius:10px}.camera-adjacent{display:flex;gap:8px}.camera-adjacent input{min-width:0}.invoice-logo{width:230px;height:auto;margin-bottom:15px}.login .brand-login{width:280px;height:auto;margin-bottom:30px}#reminder-region .notice{display:flex;justify-content:space-between;align-items:center;gap:15px}@media(min-width:1550px){.product-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){#pos{grid-template-columns:minmax(0,1fr) 335px}.product-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:210px}.workspace{margin-left:210px}.logo img{width:165px}main{padding:24px}.feature-card{padding:20px}.feature-card img{height:140px}.feature-card h2{font-size:1.3rem}}@media(max-width:950px){#pos{grid-template-columns:1fr}.invoice-dock{position:static}.product-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-cards,.dashboard-columns{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.sidebar{width:100%;border:0}.workspace{margin:0}.logo img{width:175px}.sidebar nav{margin-top:15px}.product-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-heading{align-items:flex-start;gap:12px;flex-direction:column}.pos-search{flex-wrap:wrap}.pos-search input{flex-basis:100%}.catalog-meta{gap:10px;font-size:.8rem}.product-photo{height:145px}main{padding:18px 14px}.feature-card{min-height:210px}.calendar-controls{flex-wrap:wrap}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid strong{font-size:1.05rem}.invoice-dock{padding:18px}.pos-totals{grid-template-columns:1fr auto}.pos-totals dd{margin-bottom:0}}@media print{.sidebar,.topbar,.no-print,#reminder-region{display:none!important}.workspace{margin:0}.panel{break-inside:auto}.product-gallery{display:none}.stat-grid{grid-template-columns:repeat(4,1fr)}.invoice-logo{width:200px}.dashboard-columns{display:block}}
@media(min-width:701px){
  .sidebar{
    height:100vh!important;
    max-height:100vh!important;
    overflow:hidden!important;
  }
  .sidebar nav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:8px!important;
  }
  .sidebar-toggle{
    display:block!important;
    position:fixed!important;
    left:198px!important;
    top:20px!important;
    z-index:99999!important;
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    background:#087d83!important;
    color:white!important;
    border:0!important;
    font-size:28px!important;
  }
  body.sidebar-collapsed .sidebar{transform:translateX(-100%)!important}
  body.sidebar-collapsed .workspace{margin-left:0!important}
  body.sidebar-collapsed .sidebar-toggle{
    left:0!important;
    transform:rotate(180deg)!important;
  }
}
@media(min-width:1201px){
  .sidebar-toggle{left:228px!important}
}

/* FINAL sidebar arrow position */
@media (min-width:701px){
  #sidebar-toggle.sidebar-toggle{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    left:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:2147483647!important;
    width:30px!important;
    height:58px!important;
    min-height:58px!important;
    padding:0!important;
    border:0!important;
    border-radius:0 9px 9px 0!important;
    background:#087d83!important;
    color:#fff!important;
    font-size:28px!important;
    line-height:58px!important;
    text-align:center!important;
    cursor:pointer!important;
  }

  body.sidebar-collapsed #sidebar-toggle.sidebar-toggle{
    left:0!important;
    transform:translateY(-50%)!important;
  }
}

/* FINAL SIDEBAR ARROW POSITION */
@media (min-width:701px){
  .sidebar-toggle{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:fixed!important;
    left:0!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:9999999!important;
    width:32px!important;
    height:54px!important;
    min-height:54px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0 10px 10px 0!important;
    background:#087d83!important;
    color:#fff!important;
    font-size:30px!important;
    line-height:54px!important;
    text-align:center!important;
    cursor:pointer!important;
  }

  body.sidebar-collapsed .sidebar-toggle{
    left:0!important;
    transform:translateY(-50%)!important;
  }
}

/* Premium module landing dashboard */
.module-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;min-height:360px;margin:-6px 0 42px;padding:48px 54px;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#0d3548 0%,#0a6269 62%,#0e7b78 100%);box-shadow:0 24px 60px rgba(13,53,72,.18);color:#fff}
.module-hero:before{content:"";position:absolute;inset:auto auto -150px -80px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.04)}
.module-hero-copy{position:relative;z-index:2;max-width:760px}.module-hero .eyebrow{color:#8fe2d8}.module-hero h1{max-width:760px;margin:14px 0 18px;font-size:clamp(2.35rem,4vw,4.7rem);line-height:1.02;letter-spacing:-.055em}.module-hero-text{max-width:630px;margin:0 0 26px;color:#d7eef0;font-size:1.06rem;line-height:1.7}.module-sign-in{margin-right:14px;background:#fff;color:#0b5961;border-radius:12px;box-shadow:0 10px 25px rgba(2,27,38,.16)}.module-public-note{color:#c5e3e4;font-size:.86rem}.module-session{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border:1px solid rgba(255,255,255,.19);border-radius:999px;background:rgba(255,255,255,.1);font-size:.86rem}.session-dot{width:9px;height:9px;border-radius:50%;background:#7ff0b5;box-shadow:0 0 0 5px rgba(127,240,181,.13)}.session-roles{padding-left:9px;border-left:1px solid rgba(255,255,255,.22);color:#bfe3e3}
.module-hero-visual{position:relative;min-height:270px;z-index:1}.visual-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.orbit-one{width:310px;height:310px;right:5px;top:-20px}.orbit-two{width:220px;height:220px;right:50px;top:25px;background:rgba(255,255,255,.07)}.hero-product{position:absolute;z-index:2;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(2,29,37,.28))}.hero-product-main{right:60px;top:10px;width:230px;height:250px}.hero-product-side{right:-15px;bottom:-5px;width:120px;height:130px;transform:rotate(8deg)}.hero-paw{position:absolute;left:18px;bottom:8px;z-index:3;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#fff;color:#0b6669;font-size:1.65rem;box-shadow:0 14px 30px rgba(2,29,37,.2);transform:rotate(-7deg)}
.module-section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:0 2px 22px}.module-section-head h2{margin:5px 0 0;font-size:1.75rem}.module-section-head>p{max-width:500px;margin:0;color:var(--muted);text-align:right;font-size:.9rem}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.module-card{--card-accent:#0d7d80;position:relative;display:flex;min-height:218px;flex-direction:column;padding:23px;overflow:hidden;border:1px solid #dce7ea;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 8px 28px rgba(28,67,83,.065);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.module-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--card-accent)}a.module-card:hover{transform:translateY(-2px);border-color:var(--card-accent);box-shadow:0 15px 34px rgba(28,67,83,.12);text-decoration:none}a.module-card:active{transform:translateY(0)}.module-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:20px;border-radius:17px;background:#edf7f6;font-size:1.75rem;box-shadow:inset 0 0 0 1px #e2efed}.module-card-copy{display:block}.module-card-copy strong{display:block;margin-bottom:8px;color:var(--ink);font-size:1.02rem;letter-spacing:-.01em}.module-card-copy small{display:block;color:#647b88;font-size:.81rem;line-height:1.5}.module-card-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:17px;color:var(--card-accent);font-size:.79rem;font-weight:750}.module-card.is-locked{background:#f4f6f7;border-color:#e4e8ea;box-shadow:none;cursor:not-allowed}.module-card.is-locked:before{background:#aeb8bd}.module-card.is-locked .module-icon,.module-card.is-locked .module-card-copy{filter:grayscale(1);opacity:.58}.module-card.is-locked .locked-label{justify-content:flex-start;color:#829097}.accent-navy{--card-accent:#153f57}.accent-teal{--card-accent:#087d83}.accent-aqua{--card-accent:#168e9d}.accent-blue{--card-accent:#3478c8}.accent-slate{--card-accent:#607584}.accent-orange{--card-accent:#d27939}.accent-green{--card-accent:#328b63}.accent-rose{--card-accent:#b65e74}.accent-violet{--card-accent:#7d65b5}.accent-cyan{--card-accent:#2589a4}.accent-emerald{--card-accent:#218b73}.accent-gold{--card-accent:#b98a26}.accent-indigo{--card-accent:#536ab1}.accent-plum{--card-accent:#92608d}
.module-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:34px 0 4px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--line)}.module-trust-strip>div{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;padding:22px 25px;background:#fff}.module-trust-strip>div>span{grid-row:1/3;align-self:center;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e8f4f2;color:#087d83;font-weight:800}.module-trust-strip strong{font-size:.86rem}.module-trust-strip small{color:var(--muted);font-size:.75rem}
@media(max-width:1250px){.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-hero{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);padding:42px}.hero-product-main{right:25px;width:205px}.hero-product-side{right:-35px}.orbit-one{right:-28px}}
@media(max-width:900px){.module-hero{grid-template-columns:1fr;min-height:auto;padding:38px}.module-hero-copy{padding-right:150px}.module-hero-visual{position:absolute;right:-30px;bottom:-15px;width:225px;min-height:230px;opacity:.75}.hero-product-main{right:20px;width:180px;height:210px}.hero-product-side,.hero-paw,.visual-orbit{display:none}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-section-head{align-items:start;flex-direction:column;gap:8px}.module-section-head>p{text-align:left}.module-trust-strip{grid-template-columns:1fr}}
@media(max-width:560px){.module-hero{margin-top:0;margin-bottom:30px;padding:30px 24px;border-radius:20px}.module-hero-copy{padding-right:0}.module-hero h1{font-size:2.25rem}.module-hero-visual{display:none}.module-public-note{display:block;margin-top:12px}.module-grid{grid-template-columns:1fr 1fr;gap:10px}.module-card{min-height:205px;padding:17px;border-radius:16px}.module-icon{width:50px;height:50px;margin-bottom:14px;border-radius:14px;font-size:1.45rem}.module-card-copy strong{font-size:.93rem}.module-card-copy small{font-size:.73rem}.module-card-action{font-size:.72rem}.module-trust-strip>div{padding:18px}}

/* Product catalog responsiveness: desktop remains multi-column. */
.product-image-zoom{display:flex;width:100%;height:100%;align-items:center;justify-content:center;cursor:zoom-in;background:#fff}.product-image-zoom img{display:block;max-width:100%;max-height:100%;object-fit:contain}.availability-label{font-weight:700;color:#16744a}.availability-label.is-out{color:var(--danger,#a12431)}.responsive-product-image img{display:block;width:110px;height:96px;object-fit:contain;border:1px solid #edf2f5;border-radius:10px;background:#fff}.product-buy{display:flex;align-items:end;gap:8px;margin-top:10px}.product-qty{display:flex;flex-direction:column;gap:4px}.product-qty input{width:80px;min-height:44px;text-align:center;font-weight:700}
@media(max-width:1100px){#pos{grid-template-columns:1fr}.invoice-dock{position:static;width:100%;margin-top:8px}.product-cards{grid-template-columns:1fr;gap:16px}.product-photo{height:300px}.product-card{min-height:100%;padding:0 18px 18px}.product-photo{margin:0 -18px 14px}.portal-product-card{min-height:100%}#pos-lines{max-height:none}.responsive-product-table{overflow:visible}.responsive-product-table table,.responsive-product-table thead,.responsive-product-table tbody,.responsive-product-table tr,.responsive-product-table td{display:block;width:100%}.responsive-product-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.responsive-product-table tbody{display:grid;grid-template-columns:1fr;gap:16px;padding:16px;background:#f5f8fa}.responsive-product-table tr{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 6px 20px rgba(28,67,83,.06)}.responsive-product-table td{display:grid;grid-template-columns:minmax(105px,.42fr) minmax(0,1fr);gap:12px;align-items:center;padding:10px 16px;border:0;border-bottom:1px solid #edf1f3}.responsive-product-table td:last-child{border-bottom:0}.responsive-product-table td:before{content:attr(data-label);color:var(--muted);font-size:.76rem;font-weight:700}.responsive-product-table .responsive-product-image{display:block;padding:18px}.responsive-product-table .responsive-product-image:before{display:none}.responsive-product-image img{width:100%;height:280px;border:0}.admin-product-table .responsive-product-image img{height:280px}}
@media(max-width:700px){.product-cards{grid-template-columns:1fr!important;gap:14px}.product-photo{height:250px}.product-card{padding:0 16px 17px}.product-photo{margin:0 -16px 13px}.portal-product-buy,.product-buy{flex-wrap:wrap}.portal-add-button,.product-buy button{min-height:48px}.invoice-dock{padding:17px}.cart-line{flex-wrap:wrap;padding:16px 0}.cart-line>div{min-width:calc(100% - 72px)}.cart-line>strong:last-child{margin-left:auto}.quantity-controls,.portal-line-actions{flex-wrap:wrap}.quantity-controls button,.portal-line-actions button{min-width:44px;min-height:44px}.responsive-product-table tbody{grid-template-columns:1fr;padding:10px;gap:12px}.responsive-product-table td{grid-template-columns:100px minmax(0,1fr);padding:10px 14px}.responsive-product-table .responsive-product-image{padding:14px}.responsive-product-image img,.admin-product-table .responsive-product-image img{height:240px}.product-gallery{display:grid;grid-template-columns:1fr;overflow:visible}.product-gallery a,.product-gallery img{display:block;width:100%;height:auto;max-height:340px}.pager{flex-wrap:wrap}.pager .button{flex:1;text-align:center}}
@media(max-width:420px){.portal-product-buy,.product-buy{display:grid!important;grid-template-columns:92px minmax(0,1fr);align-items:end}.portal-product-qty input,.product-qty input{width:92px}.portal-add-button,.product-buy button{width:100%}.responsive-product-image img,.admin-product-table .responsive-product-image img{height:220px}}

/* Premium illustrated module icon atlas. Layout and links remain unchanged. */
.module-icon{width:88px;height:107px;margin-bottom:12px;border-radius:0;background-color:transparent;background-image:url("brand/module-icons-3d.png");background-repeat:no-repeat;background-size:700% 200%;box-shadow:none;filter:drop-shadow(0 9px 8px rgba(18,54,75,.16))}
.module-icon-admin{background-position:0 0}.module-icon-pos{background-position:16.6667% 0}.module-icon-customers{background-position:33.3333% 0}.module-icon-finance{background-position:50% 0}.module-icon-auditor{background-position:66.6667% 0}.module-icon-warehouse{background-position:83.3333% 0}.module-icon-opening-stock{background-position:100% 0}
.module-icon-products{background-position:0 100%}.module-icon-purchases{background-position:16.6667% 100%}.module-icon-customer-orders{background-position:33.3333% 100%}.module-icon-discount-approvals{background-position:50% 100%}.module-icon-credit-approvals{background-position:66.6667% 100%}.module-icon-reports{background-position:83.3333% 100%}.module-icon-hr{background-position:100% 100%}
.module-icon-camera-product-entry,.module-icon-tva-settings,.module-icon-excel-import,.module-icon-excel-export,.module-icon-image-import,.module-icon-operating-expense,.module-icon-production-repacking,.module-icon-appointments,.module-icon-returns{background-image:url("brand/module-icons-operations-3d.png");background-size:300% 300%}
.module-icon-camera-product-entry{background-position:0 0}.module-icon-tva-settings{background-position:50% 0}.module-icon-excel-import{background-position:100% 0}.module-icon-excel-export{background-position:0 50%}.module-icon-image-import{background-position:50% 50%}.module-icon-operating-expense{background-position:100% 50%}.module-icon-production-repacking{background-position:0 100%}.module-icon-appointments{background-position:50% 100%}.module-icon-returns{background-position:100% 100%}
.module-card.is-locked .module-icon{filter:grayscale(.82) drop-shadow(0 5px 5px rgba(18,54,75,.08));opacity:.48}
@media(max-width:560px){.module-icon{width:68px;height:83px;margin-bottom:8px}}

/* Reference-matched SOJEPHARM ERP dashboard preview. */
body.dashboard-shell{background:#f4f7fb;color:#092b48}
.dashboard-shell .sidebar{width:280px;padding:20px 10px 18px;background:#07304e;border:0;color:#fff}
.dashboard-shell .workspace{margin-left:280px}
.dashboard-shell .logo{padding:0 12px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.12)}
.dashboard-shell .logo img{width:220px;max-width:100%;margin:auto;filter:brightness(0) invert(1)}
.dashboard-shell .logo span{margin-top:5px;color:#fff;font-size:.65rem;letter-spacing:.05em}
.dashboard-shell .sidebar nav{gap:2px;margin-top:10px;padding-right:3px!important}
.dashboard-shell .sidebar nav a,.dashboard-shell .sidebar nav .dashboard-side-link{display:flex;align-items:center;gap:12px;min-height:48px;padding:7px 14px;border-radius:7px;color:#edf7ff;font-size:.88rem;font-weight:520;text-decoration:none}
.dashboard-shell .sidebar nav a:hover,.dashboard-shell .sidebar nav a.current{background:#147cc2;color:#fff}
.dashboard-shell .sidebar nav .dashboard-side-link.is-locked{color:#7894a8;cursor:not-allowed}
.dashboard-shell .dashboard-side-home>span{width:27px;text-align:center;font-size:1.7rem;line-height:1}
.dashboard-shell .side-module-icon{flex:0 0 auto;width:28px;height:34px;background-image:url("brand/module-icons-3d.png");background-repeat:no-repeat;background-size:700% 200%;filter:drop-shadow(0 3px 3px rgba(0,0,0,.22))}
.dashboard-shell .side-module-icon.module-icon-camera-product-entry,.dashboard-shell .side-module-icon.module-icon-tva-settings,.dashboard-shell .side-module-icon.module-icon-excel-import,.dashboard-shell .side-module-icon.module-icon-excel-export,.dashboard-shell .side-module-icon.module-icon-image-import,.dashboard-shell .side-module-icon.module-icon-operating-expense,.dashboard-shell .side-module-icon.module-icon-production-repacking,.dashboard-shell .side-module-icon.module-icon-appointments,.dashboard-shell .side-module-icon.module-icon-returns{background-image:url("brand/module-icons-operations-3d.png");background-size:300% 300%}
.dashboard-shell .dashboard-side-link small{margin-left:auto}.dashboard-shell .sidebar-foot{display:none}
.dashboard-shell .topbar{min-height:72px;padding:12px 28px;justify-content:flex-start;border:0;box-shadow:0 2px 12px rgba(23,60,91,.08)}
.dashboard-menu-mark{color:#0b2f4f!important;font-size:1.55rem}.dashboard-global-search{display:flex;align-items:center;gap:10px;width:min(58%,760px);height:46px;margin-right:auto;padding:0 16px;border-radius:11px;background:#edf3fb;color:#71859a}.dashboard-global-search input{min-height:0;padding:0;border:0;background:transparent;box-shadow:none}.dashboard-global-search input:focus{outline:0}.dashboard-global-search.is-disabled{font-size:.84rem}.dashboard-account{display:flex;align-items:center;gap:11px;color:#0b2e4b}.dashboard-account a{color:#0b2e4b}.dashboard-account form{gap:6px}.dashboard-account .quiet{min-height:34px;padding:5px 9px}.dashboard-bell{position:relative;color:#0a2f50!important;font-size:1.15rem}.dashboard-bell:after{content:"3";position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#f02d44;color:#fff;font-size:.66rem}.dashboard-avatar{display:grid;place-items:center;width:39px;height:39px;border:3px solid #0a2f50;border-radius:50%;color:#0a2f50!important;font-size:.7rem}
.dashboard-shell main{max-width:none;padding:16px 18px 24px}.erp-dashboard{max-width:1500px;margin:auto}
.dashboard-welcome{position:relative;min-height:300px;margin-bottom:16px;overflow:hidden;border-radius:12px;background-color:#fff;background-image:url("brand/dashboard-pets-banner.png");background-repeat:no-repeat;background-size:cover;background-position:center top;box-shadow:0 4px 16px rgba(27,71,104,.08)}
.dashboard-welcome-copy{position:relative;z-index:1;width:48%;padding:20px 28px;color:#072c4e}.dashboard-welcome-copy>span{font-size:1.25rem}.dashboard-welcome h1{margin:-2px 0 0;font-size:3.4rem;line-height:1;color:#052e50;letter-spacing:-.045em}.dashboard-welcome h2{margin:5px 0 15px;font-size:1.24rem}.dashboard-values{display:flex;flex-wrap:wrap;gap:8px 18px;color:#173c56;font-size:.72rem;font-weight:700}.dashboard-values span::first-letter{color:#08b85d}
.dashboard-shell .dashboard-module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dashboard-shell .module-card{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:174px;padding:12px 14px;border:0;border-radius:11px;background:var(--card-bg,#eaf7ff);box-shadow:0 3px 12px rgba(35,75,105,.07);color:#092b48}
.dashboard-shell .module-card:before{display:none}.dashboard-shell a.module-card:hover{border:0;box-shadow:0 8px 20px rgba(35,75,105,.14);transform:translateY(-2px)}
.dashboard-shell .module-card .module-icon{align-self:center;width:116px;height:141px;max-width:100%;margin:0;background-color:transparent;filter:drop-shadow(0 9px 7px rgba(22,60,84,.16))}
.dashboard-shell .module-card-copy{align-self:stretch;display:flex;min-width:0;flex-direction:column;padding:9px 2px 7px}.dashboard-shell .module-card-copy strong{margin-bottom:7px;color:#082b49;font-size:.95rem;line-height:1.2}.dashboard-shell .module-card-copy small{color:#36546c;font-size:.75rem;line-height:1.4}
.dashboard-shell .module-card-action{align-self:flex-start;display:inline-flex;justify-content:center;min-width:104px;margin-top:auto;padding:8px 14px;border-radius:7px;background:var(--card-button,#1382e2);color:#fff;font-size:.76rem;box-shadow:0 4px 8px color-mix(in srgb,var(--card-button,#1382e2) 24%,transparent)}
.dashboard-shell .module-card.is-locked{background:#edf0f3;box-shadow:none}.dashboard-shell .module-card.is-locked .module-card-copy{opacity:.58}.dashboard-shell .module-card.is-locked .module-icon{filter:grayscale(.82);opacity:.42}.dashboard-shell .module-card.is-locked .module-card-action{background:#9aa7b0;box-shadow:none}
.dashboard-shell .accent-teal{--card-bg:#dff4ff;--card-button:#1688e8}.dashboard-shell .accent-rose{--card-bg:#fff4d8;--card-button:#ff8a08}.dashboard-shell .accent-aqua{--card-bg:#eee8ff;--card-button:#8547eb}.dashboard-shell .accent-cyan{--card-bg:#def8ea;--card-button:#08ad59}.dashboard-shell .accent-orange{--card-bg:#ffe6ec;--card-button:#fa3153}.dashboard-shell .accent-green{--card-bg:#dff3ff;--card-button:#1389e9}.dashboard-shell .accent-emerald{--card-bg:#def8e8;--card-button:#09aa52}.dashboard-shell .accent-gold{--card-bg:#eee9ff;--card-button:#7f42eb}.dashboard-shell .accent-violet{--card-bg:#fff4d6;--card-button:#fe8a08}.dashboard-shell .accent-blue{--card-bg:#ddf4ff;--card-button:#1488e8}.dashboard-shell .accent-indigo{--card-bg:#def8e9;--card-button:#08a956}.dashboard-shell .accent-slate{--card-bg:#e8f0f7;--card-button:#51748e}.dashboard-shell .accent-plum{--card-bg:#ffe7f0;--card-button:#d9558c}.dashboard-shell .accent-navy{--card-bg:#e5efff;--card-button:#1768ca}
@media(max-width:1280px){.dashboard-shell .sidebar{width:230px}.dashboard-shell .workspace{margin-left:230px}.dashboard-shell .logo img{width:185px}.dashboard-shell .dashboard-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-welcome-copy{width:53%}.dashboard-welcome h1{font-size:2.8rem}}
@media(max-width:980px){.dashboard-shell .dashboard-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-global-search{width:50%}.dashboard-welcome{background-position:58% top}.dashboard-welcome-copy{width:58%;padding:20px}.dashboard-values{max-width:370px}}
@media(max-width:700px){.dashboard-shell .sidebar{width:100%;padding:12px}.dashboard-shell .workspace{margin:0}.dashboard-shell .sidebar nav{display:flex!important;overflow-x:auto!important}.dashboard-shell .sidebar nav a,.dashboard-shell .sidebar nav .dashboard-side-link{white-space:nowrap}.dashboard-shell .logo{display:none}.dashboard-shell .topbar{padding:10px 14px;flex-wrap:wrap}.dashboard-menu-mark{display:none}.dashboard-global-search{order:2;width:100%}.dashboard-account{margin-left:auto}.dashboard-shell main{padding:12px}.dashboard-welcome{min-height:260px;background-position:66% top}.dashboard-welcome:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.86) 45%,rgba(255,255,255,.08) 100%)}.dashboard-welcome-copy{z-index:2;width:78%;padding:22px 18px}.dashboard-welcome h1{font-size:2.35rem}.dashboard-welcome h2{font-size:1rem}.dashboard-values{gap:6px 12px}.dashboard-shell .dashboard-module-grid{grid-template-columns:1fr}.dashboard-shell .module-card{min-height:168px}.dashboard-shell .module-card .module-icon{width:108px;height:131px}}

/* Product image layout correction. The media files are never rewritten or
   cropped: each source is shown with object-fit:contain. Some supplier images
   contain their own white margins, so mobile gives the image enough width to
   make the product prominent without cutting collars, leads, bags or beds. */
@media screen and (max-width:1100px){
  #pos>.pos-catalog,
  #pos>.invoice-dock{min-width:0}
  .product-cards{grid-template-columns:1fr!important}
  .product-cards .product-card{
    display:grid;
    grid-template-columns:minmax(280px,38%) minmax(0,1fr);
    column-gap:20px;
    row-gap:4px;
    align-content:center;
    min-height:0;
    padding:14px 16px 16px;
    overflow:hidden;
  }
  .product-cards .product-card>.product-photo{
    grid-column:1;
    grid-row:1/span 8;
    align-self:center;
    width:100%;
    height:250px!important;
    min-height:250px;
    margin:0!important;
    border:1px solid #edf2f5;
    border-radius:12px;
    overflow:hidden;
  }
  .product-cards .product-card>.product-photo .product-image-zoom,
  .product-cards .product-card>.product-photo img{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
  }
  .product-cards .product-card>:not(.product-photo){
    grid-column:2;
    min-width:0;
    margin-bottom:0;
    overflow-wrap:anywhere;
  }
  .product-cards .product-card>strong:not(.product-price){font-size:1.08rem;line-height:1.25}
  .product-cards .product-card>.product-price{margin-top:4px;font-size:1.3rem;line-height:1.2}
  .product-cards .product-card>.code,
  .product-cards .product-card>.barcode{font-size:.86rem;line-height:1.3}
  .product-cards .product-card>.product-price+small{font-size:.92rem;line-height:1.35}
  .product-cards .product-card>.product-buy,
  .product-cards .product-card>.portal-product-buy{margin-top:7px!important}
  .product-cards .product-card button{font-size:1rem}

  .responsive-product-table tr{
    display:grid!important;
    grid-template-columns:minmax(280px,38%) minmax(0,1fr);
    width:100%;
  }
  .responsive-product-table td{
    grid-column:2;
    width:auto!important;
    min-width:0;
    padding:8px 14px;
    overflow-wrap:anywhere;
  }
  .responsive-product-table .responsive-product-image{
    grid-column:1;
    align-self:stretch;
    display:flex!important;
    align-items:center;
    justify-content:center;
    padding:12px;
    border-right:1px solid #edf1f3;
    border-bottom:0;
  }
  .portal-catalog-table .responsive-product-image{grid-row:1/span 5}
  .admin-product-table .responsive-product-image{grid-row:1/span 6}
  .responsive-product-table .responsive-product-image .product-image-zoom{
    width:100%;
    height:100%;
    min-height:240px;
    max-height:310px;
  }
  .responsive-product-table .responsive-product-image img,
  .responsive-product-table .admin-product-table .responsive-product-image img{
    width:100%;
    height:100%;
    max-height:310px;
    object-fit:contain;
    border:0;
  }
}

@media screen and (max-width:700px){
  .product-cards .product-card{
    grid-template-columns:minmax(230px,44%) minmax(0,1fr);
    column-gap:14px;
    row-gap:3px;
    padding:11px 12px 12px;
  }
  .product-cards .product-card>.product-photo{height:235px!important;min-height:235px}
  .product-cards .product-card>.product-buy,
  .product-cards .product-card>.portal-product-buy{
    display:grid!important;
    grid-template-columns:100px minmax(0,1fr);
    gap:10px!important;
  }
  .product-cards .product-card .product-qty span,
  .product-cards .product-card .portal-product-qty span{font-size:.88rem!important}
  .product-cards .product-card .product-qty input,
  .product-cards .product-card .portal-product-qty input{font-size:1rem}

  .responsive-product-table tr{grid-template-columns:minmax(230px,44%) minmax(0,1fr)}
  .responsive-product-table td{
    grid-template-columns:1fr;
    gap:2px;
    padding:7px 11px;
    font-size:.92rem;
  }
  .responsive-product-table td:before{font-size:.8rem}
  .responsive-product-table td[data-label="Product"] strong{font-size:1.08rem;line-height:1.25}
  .responsive-product-table td[data-label="Item code / barcode"],
  .responsive-product-table td[data-label="Code"]{font-size:.86rem}
  .responsive-product-table td[data-label="Stock"],
  .responsive-product-table td[data-label="Availability"]{font-size:.92rem}
  .responsive-product-table td[data-label="Wholesale price"]{font-size:1.3rem;font-weight:750}
  .responsive-product-table .responsive-product-image{padding:9px}
  .responsive-product-table .responsive-product-image .product-image-zoom{min-height:225px;max-height:270px}
  .responsive-product-table .responsive-product-image img,
  .responsive-product-table .admin-product-table .responsive-product-image img{height:100%;max-height:270px}
}

@media screen and (max-width:480px){
  .product-cards .product-card{
    display:flex;
    flex-direction:column;
    gap:2px;
    padding:10px 12px 13px;
  }
  .product-cards .product-card>.product-photo{
    order:-1;
    width:100%;
    height:250px!important;
    min-height:250px;
    margin:0 0 8px!important;
  }
  .product-cards .product-card>:not(.product-photo){width:100%;margin-left:0;margin-right:0}
  .product-cards .product-card>.product-buy,
  .product-cards .product-card>.portal-product-buy{margin-top:8px!important}

  .responsive-product-table tr{display:block!important}
  .responsive-product-table td{display:grid!important;grid-template-columns:105px minmax(0,1fr);gap:8px;padding:8px 12px}
  .responsive-product-table .responsive-product-image{
    display:block!important;
    width:100%!important;
    padding:10px;
    border-right:0;
    border-bottom:1px solid #edf1f3;
  }
  .responsive-product-table .responsive-product-image .product-image-zoom{height:250px;min-height:250px;max-height:250px}
  .responsive-product-table .responsive-product-image img,
  .responsive-product-table .admin-product-table .responsive-product-image img{height:250px;max-height:250px}
}

@media screen and (max-width:370px){
  .product-cards .product-card>.product-photo{height:235px!important;min-height:235px}
  .responsive-product-table .responsive-product-image .product-image-zoom,
  .responsive-product-table .responsive-product-image img,
  .responsive-product-table .admin-product-table .responsive-product-image img{height:235px;min-height:235px;max-height:235px}
}