:root{--bg:#f4f6fb;--card:#fff;--ink:#0f172a;--muted:#64748b;--nav:#111827;--primary:#4f46e5;--border:#e5e7eb}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--ink)}
nav{background:var(--nav);padding:12px 16px;display:flex;gap:14px;align-items:center;min-height:52px;position:relative;z-index:10}
nav a{color:#fff;text-decoration:none;font-weight:800}
nav a.active{color:#a5b4fc}
nav .spacer{flex:1}
nav .user{color:#9ca3af;font-size:14px}
.container{padding:18px;margin:0 auto;}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:0 6px 18px rgba(15,23,42,.06)}
h2{margin:0 0 10px 0;font-size:18px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.input,select,textarea{padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:#fff;}
textarea{min-width:260px}
.btn{padding:5px 10px;border:0;border-radius:10px;background:var(--primary);color:#fff;font-weight:300;cursor:pointer;font-size: 11px;}
.btn.secondary{background:#334155;}
.btn.danger{background:#dc2626}
.btn.ghost{background:#eef2ff;color:#1e3a8a}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px}
table{width:100%;border-collapse:collapse;margin-top:10px;min-width:980px}
th,td{padding:5px;border-bottom:1px solid var(--border);vertical-align:top;font-size:11px}
th{background:#f8fafc;text-align:left;position:sticky;top:0;z-index:1}
tr:hover td{background:#fafafa}
.pager{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.pager .btn{padding:7px 10px}
.small{font-size:12px;color:var(--muted)}
.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:none;align-items:center;justify-content:center;padding:18px;z-index:50}
.modal.show{display:flex}
.modal .box{background:#fff;border-radius:16px;max-width:820px;width:100%;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.2)}
.modal .hd{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;gap:10px;align-items:center}
.modal .bd{padding:14px 16px}
.modal .ft{padding:14px 16px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}
.modal .hd .title{font-weight:900}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:920px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));} table{min-width:860px}}
@media (max-width:620px){.grid{grid-template-columns:repeat(1,minmax(0,1fr));}}
a.link{color:#1d4ed8;text-decoration:none;font-weight:800}
.due-soon{
  color:#d10000;
  font-weight:700;
}

/* CRM is embedded in the SaleData shell so all original menus remain visible. */
.crm-container{padding:0!important;max-width:none!important;margin:0!important}
.crm-host{height:calc(100dvh - 52px);min-height:620px;background:#f4f6fb;overflow:hidden}
.crm-frame{display:block;width:100%;height:100%;border:0;background:#f4f6fb}
body.page-crm{overflow:hidden}
@media(max-width:900px){
  nav{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  nav::-webkit-scrollbar{display:none}
  nav .user-menu{margin-left:auto;flex:0 0 auto}
  nav>a{flex:0 0 auto}
  .crm-host{height:calc(100dvh - 52px);min-height:0}
}


/* CRM fills the space below a menu of any height; keep composer visible. */
body.page-crm{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
body.page-crm>nav{flex:0 0 auto}
body.page-crm>.crm-container{width:100%}
.crm-container{padding:0!important;max-width:none!important;margin:0!important;min-height:0;flex:1;overflow:hidden}
.crm-host{height:100%!important;min-height:0!important;overflow:hidden}
.crm-frame{display:block;width:100%;height:100%;border:0}

/* Final height fix for maximized desktop windows. */
body.page-crm>.crm-container{display:flex}
body.page-crm .crm-host{height:auto!important;min-height:0!important;flex:1;width:100%}

/* =========================================================
   2026-09-23: Icon rail sidebar + light/dark shell
   ========================================================= */
:root{
  --shell-bg:#f4f6fb;
  --shell-card:#ffffff;
  --shell-ink:#0f172a;
  --shell-muted:#64748b;
  --shell-border:#e5e7eb;
  --rail-bg:#0f1b2d;
  --rail-ink:#ffffff;
  --rail-muted:#9aa8bb;
  --rail-hover:#17263b;
  --rail-active:#2738d9;
  --rail-active-ink:#ffffff;
  --rail-shadow:1px 0 0 #1c2a3d, 5px 0 20px rgba(15,23,42,.16);
  --sidebar-w:68px;
  --sidebar-expanded-w:236px;
}
html[data-theme="dark"]{
  --shell-bg:#111318;
  --shell-card:#171a21;
  --shell-ink:#f8fafc;
  --shell-muted:#9ca3af;
  --shell-border:#2b303a;
  --rail-bg:#070d16;
  --rail-ink:#f8fafc;
  --rail-muted:#8f9bae;
  --rail-hover:#111c2b;
  --rail-active:#4f46e5;
  --rail-active-ink:#ffffff;
  --rail-shadow:1px 0 0 #182131, 5px 0 22px rgba(0,0,0,.30);
}
html,body{height:100%;}
body{background:var(--shell-bg);color:var(--shell-ink);}
.app-layout{min-height:100dvh;padding-left:var(--sidebar-w);background:var(--shell-bg);transition:padding-left .2s ease;}
.app-layout.sidebar-expanded{padding-left:var(--sidebar-expanded-w);}
.app-sidebar{
  position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);z-index:100;
  display:flex;flex-direction:column;background:var(--rail-bg);color:var(--rail-ink);
  border-right:1px solid var(--shell-border);box-shadow:var(--rail-shadow);
  transition:width .2s ease;overflow:hidden;
}
.app-layout.sidebar-expanded .app-sidebar{width:var(--sidebar-expanded-w);}
.sidebar-top{padding:10px 8px 8px;display:grid;gap:7px;}
.sidebar-brand{height:48px;display:flex;align-items:center;gap:11px;padding:0 8px;color:var(--rail-ink);text-decoration:none;border-radius:13px;white-space:nowrap;}
.brand-badge{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#4f46e5,#2dd4bf);color:#fff;font-weight:900;font-size:13px;}
.brand-label{font-weight:850;letter-spacing:-.01em;}
.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:4px 8px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;}
.sidebar-nav::-webkit-scrollbar{display:none;}
.sidebar-item,.sidebar-btn{
  min-height:48px;width:100%;display:flex;align-items:center;gap:13px;padding:0 13px;border:0;border-radius:13px;
  background:transparent;color:var(--rail-ink);text-decoration:none;white-space:nowrap;cursor:pointer;position:relative;
}
.sidebar-item svg,.sidebar-btn svg{width:24px;height:24px;flex:0 0 24px;}
.sidebar-item:hover,.sidebar-btn:hover{background:var(--rail-hover);}
.sidebar-item.active{background:var(--rail-active);color:var(--rail-active-ink);}
.sidebar-label{opacity:0;transform:translateX(-4px);pointer-events:none;transition:opacity .12s ease,transform .18s ease;font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;}
.app-layout.sidebar-expanded .sidebar-label{opacity:1;transform:none;pointer-events:auto;}
.sidebar-collapse svg{transition:transform .2s ease;}
.app-layout.sidebar-expanded .sidebar-collapse svg{transform:rotate(180deg);}
.sidebar-bottom{margin-top:auto;padding:8px;display:grid;gap:4px;border-top:1px solid var(--shell-border);}
.sidebar-user{height:52px;display:flex;align-items:center;gap:11px;padding:0 9px;white-space:nowrap;}
.user-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#dff7f3;color:#115e59;font-weight:900;}
html[data-theme="dark"] .user-avatar{background:#26343a;color:#b6fff3;}
.user-copy{display:grid;line-height:1.2;}
.user-copy small{font-size:10px;color:var(--rail-muted);font-weight:600;margin-top:3px;}
.app-content{min-width:0;min-height:100dvh;background:var(--shell-bg);}
.app-content>.container{max-width:none;width:100%;}
.card,.modal .box{background:var(--shell-card);color:var(--shell-ink);border-color:var(--shell-border);}
html[data-theme="dark"] .input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#11151b;color:var(--shell-ink);border-color:var(--shell-border);}
html[data-theme="dark"] th{background:#1b1f27;color:var(--shell-ink);}
html[data-theme="dark"] tr:hover td{background:#1c2028;}
html[data-theme="dark"] .table-wrap{border-color:var(--shell-border);}

/* Icon-only tooltips */
.app-layout:not(.sidebar-expanded) .sidebar-item[data-tip]::after,
.app-layout:not(.sidebar-expanded) .sidebar-btn[data-tip]::after{
  content:attr(data-tip);position:absolute;left:56px;top:50%;transform:translateY(-50%) translateX(-4px);
  background:#111827;color:#fff;padding:6px 9px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;
  opacity:0;pointer-events:none;transition:.14s;box-shadow:0 6px 18px rgba(0,0,0,.18);z-index:110;
}
.app-layout:not(.sidebar-expanded) .sidebar-item[data-tip]:hover::after,
.app-layout:not(.sidebar-expanded) .sidebar-btn[data-tip]:hover::after{opacity:1;transform:translateY(-50%) translateX(0);}

/* CRM fills every pixel beside the rail; there is no old top navigation. */
body.page-crm{height:100dvh;overflow:hidden;display:block;}
body.page-crm .app-layout,body.page-crm .app-content,body.page-crm .crm-container,body.page-crm .crm-host{height:100dvh;min-height:0;}
body.page-crm .app-content{overflow:hidden;}
body.page-crm .crm-container{padding:0!important;display:flex;overflow:hidden;}
body.page-crm .crm-host{flex:1;width:100%;}
body.page-crm .crm-frame{height:100%;width:100%;display:block;border:0;}

/* Old horizontal nav must never leak back in from legacy CSS. */
body>nav{display:none!important;}

@media(max-width:700px){
  :root{--sidebar-w:54px;--sidebar-expanded-w:min(228px,82vw);}
  .sidebar-top,.sidebar-nav,.sidebar-bottom{padding-left:5px;padding-right:5px;}
  .sidebar-item,.sidebar-btn{min-height:46px;padding:0 10px;border-radius:11px;}
  .sidebar-item svg,.sidebar-btn svg{width:22px;height:22px;flex-basis:22px;}
  .brand-badge{width:34px;height:34px;flex-basis:34px;font-size:12px;}
  .app-layout.sidebar-expanded::after{content:"";position:fixed;inset:0 0 0 var(--sidebar-expanded-w);background:rgba(0,0,0,.28);z-index:90;}
}


/* 2026-09-23: keep the navigation rail dark in both light and dark screen modes. */
.app-sidebar,.sidebar-top,.sidebar-nav,.sidebar-bottom{background:var(--rail-bg);color:var(--rail-ink);}
.app-sidebar{border-right-color:#1c2a3d;}
.sidebar-bottom{border-top-color:#243247;}
.sidebar-brand,.sidebar-item,.sidebar-btn{color:var(--rail-ink);}
.sidebar-brand:hover{background:var(--rail-hover);}
.app-layout.sidebar-expanded .sidebar-brand{background:rgba(255,255,255,.025);}
html[data-theme="dark"] .app-sidebar{border-right-color:#182131;}
html[data-theme="dark"] .sidebar-bottom{border-top-color:#182131;}

/* =========================================================
   2026-09-23: Full-screen / borderless responsive system UI
   - no outer cards or framed page backgrounds
   - full available width/height beside the icon rail
   - desktop / tablet / mobile responsive
   ========================================================= */
html,body{width:100%;min-width:0;}
body{overflow-x:hidden;}
.app-content{width:100%;min-width:0;}
.app-content>.container,
.container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(12px,1.4vw,22px)!important;
  background:transparent!important;
}

/* Page sections: use whitespace instead of boxed cards. */
.card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:14px 0 18px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.card + .card{border-top:1px solid color-mix(in srgb,var(--shell-border) 75%,transparent)!important;}
.card>h1,.card>h2,.card>h3{margin-top:0;}

/* Tables stretch edge-to-edge in the content area. */
.table-wrap{
  width:100%!important;
  max-width:100%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable both-edges;
}
table{margin-top:0!important;background:transparent!important;}
th{
  background:color-mix(in srgb,var(--shell-bg) 92%,#fff 8%)!important;
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--shell-border)!important;
}
td{border-bottom:1px solid color-mix(in srgb,var(--shell-border) 82%,transparent)!important;}
tr:hover td{background:color-mix(in srgb,var(--primary) 4%,transparent)!important;}

/* Controls remain visually distinct without wrapping them in cards. */
.input,select,textarea{
  max-width:100%;
  border-radius:12px;
  border-color:color-mix(in srgb,var(--shell-border) 88%,transparent);
  box-shadow:none;
}
.row{min-width:0;}

/* Modal is the only intentional floating card. */
.modal .box{border-radius:18px!important;}

/* The CRM iframe itself is truly edge-to-edge. */
body.page-crm .app-content>.container,
body.page-crm .crm-container{padding:0!important;}
body.page-crm .crm-host,body.page-crm .crm-frame{width:100%!important;height:100%!important;}

/* Tablet */
@media (max-width:1024px){
  .app-content>.container,.container{padding:12px!important;}
  .card{padding:12px 0 16px!important;}
  .table-wrap{margin-inline:0!important;}
  table{min-width:900px;}
}

/* Mobile: preserve full viewport; icon rail stays compact and content uses the rest. */
@media (max-width:700px){
  :root{--sidebar-w:48px!important;--sidebar-expanded-w:min(224px,84vw)!important;}
  .app-layout{padding-left:var(--sidebar-w)!important;}
  .app-layout.sidebar-expanded{padding-left:var(--sidebar-w)!important;}
  .app-layout.sidebar-expanded .app-sidebar{width:var(--sidebar-expanded-w)!important;box-shadow:10px 0 32px rgba(15,23,42,.28);}
  .app-content>.container,.container{padding:10px!important;}
  .card{padding:10px 0 14px!important;}
  h1{font-size:22px;} h2{font-size:18px;}
  .row{gap:8px;}
  .btn{min-height:38px;}
  .input,select,textarea{min-height:40px;}
  .table-wrap{width:calc(100vw - var(--sidebar-w) - 20px)!important;max-width:none!important;}
  table{min-width:860px;}
  th,td{font-size:12px;padding:8px 7px;}
  body.page-crm .app-content>.container,body.page-crm .crm-container{padding:0!important;}
  body.page-crm .table-wrap{width:auto!important;}
}

/* Very small devices */
@media (max-width:390px){
  .app-content>.container,.container{padding:8px!important;}
  .table-wrap{width:calc(100vw - var(--sidebar-w) - 16px)!important;}
  .sidebar-item,.sidebar-btn{padding-inline:8px!important;}
}

html[data-theme="dark"] th{background:rgba(24,28,36,.96)!important;}
html[data-theme="dark"] tr:hover td{background:rgba(99,102,241,.08)!important;}

/* =========================================================
   2026-09-23: Universal responsive modal / dialog system
   - modal always sits above the navigation rail
   - desktop/tablet centered and scrollable
   - phones use a full-screen sheet so every field/button is reachable
   ========================================================= */
.modal{
  z-index:10000!important;
  box-sizing:border-box!important;
  overscroll-behavior:contain;
}
.modal.show{display:flex!important;}
.modal>.box,
.modal .box{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  max-height:min(92dvh,920px)!important;
  overflow:hidden!important;
}
.modal .hd{
  flex:0 0 auto!important;
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  min-width:0!important;
  background:var(--shell-card,#fff)!important;
}
.modal .bd{
  flex:1 1 auto!important;
  min-height:0!important;
  min-width:0!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.modal .ft{
  flex:0 0 auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:20!important;
  min-width:0!important;
  background:var(--shell-card,#fff)!important;
}
.modal .hd .title{min-width:0!important;overflow-wrap:anywhere;}
.modal .grid,.modal .field,.modal label{min-width:0!important;}
.modal input,.modal select,.modal textarea,.modal .input{
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Large tablets / small notebooks */
@media (max-width:1100px){
  .modal{
    align-items:center!important;
    justify-content:center!important;
    padding:10px!important;
  }
  .modal>.box,.modal .box{
    width:min(960px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    margin:0!important;
  }
}

/* Phones and narrow tablets: true full-screen dialog. */
@media (max-width:700px){
  .modal{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    padding:0!important;
    margin:0!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    overflow:hidden!important;
    background:var(--shell-card,#fff)!important;
  }
  .modal>.box,.modal .box,
  #crmProductModal .crm-product-box{
    position:relative!important;
    inset:auto!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .modal .hd{
    padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px!important;
    gap:8px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    border-bottom:1px solid var(--shell-border,#e5e7eb)!important;
  }
  .modal .hd .title{
    flex:1 1 150px!important;
    font-size:18px!important;
    line-height:1.25!important;
  }
  .modal .hd .spacer{display:none!important;}
  .modal .hd>.btn,
  .modal .hd button{
    flex:0 0 auto!important;
    min-width:auto!important;
    width:auto!important;
    min-height:40px!important;
    padding:8px 12px!important;
    white-space:nowrap!important;
  }
  .modal .bd,
  #crmProductModal .crm-product-form-wrap{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:14px 12px 24px!important;
    scroll-padding-bottom:96px;
  }
  .modal .ft{
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;
    gap:8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    border-top:1px solid var(--shell-border,#e5e7eb)!important;
    box-shadow:0 -6px 20px rgba(15,23,42,.06)!important;
  }
  .modal .ft .row{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
  .modal .ft .btn{min-height:42px!important;padding:9px 14px!important;}
  .modal .grid,
  .modal .crm-product-grid,
  .modal .crm-editor-cols{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  .modal .input,.modal input,.modal select,.modal textarea{
    width:100%!important;
    min-width:0!important;
    font-size:16px!important; /* prevent iOS zoom */
  }

  /* SaleData: Import Chat must join the header flow instead of floating over fields. */
  html body #modal .hd #importChatWrap{
    position:static!important;
    inset:auto!important;
    order:10!important;
    width:100%!important;
    margin:0!important;
    z-index:auto!important;
  }
  html body #modal .hd #importChatWrap .btn{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }

  /* Product editor inline CSS used older viewport sizing; force modern full-screen sizing. */
  #crmProductModal{padding:0!important;overflow:hidden!important;}
  #crmProductModal .crm-product-box>.hd,
  #crmProductModal .crm-product-box>.ft{padding-left:12px!important;padding-right:12px!important;}
  #crmProductModal .crm-image-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

@media (max-width:390px){
  .modal .hd{padding-left:10px!important;padding-right:10px!important;}
  .modal .bd,#crmProductModal .crm-product-form-wrap{padding-left:10px!important;padding-right:10px!important;}
  .modal .ft{padding-left:10px!important;padding-right:10px!important;}
  #crmProductModal .crm-image-list{grid-template-columns:1fr!important;}
}

html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal .hd,
html[data-theme="dark"] .modal .ft{
  background:var(--shell-card,#151922)!important;
  color:var(--shell-ink,#f5f7fb)!important;
}


/* โลโก้บริษัท HM Gifts */
.brand-badge,.brand-mark{font-size:0!important;color:transparent!important;background:#fff url("data:image/png;base64,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") center/100% 100% no-repeat!important;box-shadow:0 0 0 1px rgba(15,23,42,.08)!important}