/* Pearl / jade presentation only. Existing actions and server guards are unchanged. */
:root{--cream:#f5f6f2;--ink:#1d302b;--muted:#53685f;--line:#dce5de;--green:#17664f;--gold:#17664f}
.shell{grid-template-columns:210px minmax(0,1fr)}
.sidebar{background:#fafbf7;border-right:1px solid var(--line);box-shadow:none;color:var(--ink);padding:24px 12px}
.brand strong,.brand small,.sidefoot{color:var(--ink)}
.brand{padding:0 4px 26px;gap:8px}.brand strong{font-size:15px}.brand small{font-size:11px;letter-spacing:.05em}
.nav button{color:#365448;background:transparent;font-size:16px}.nav button.active{background:#dfede4;color:#124e3b;border-color:#c4d9cc;box-shadow:none}.nav button:hover{background:#edf3ec;color:#124e3b}
.topbar{background:#fafbf7;border-bottom:1px solid var(--line)}
.main{padding:20px}.scope-label{background:#edf3eb;color:#3c5747}
.jade-workspace{display:grid;grid-template-columns:minmax(205px,.78fr) minmax(350px,1.8fr) minmax(245px,.95fr);border:1px solid var(--line);border-radius:18px;background:white;overflow:hidden;box-shadow:0 8px 30px #254e3510;align-items:start}
.jade-workspace> *{min-width:0}.jade-rooms{background:#fafcf8;padding:14px;min-height:700px;border-right:1px solid var(--line)}
.jade-rooms .case-list{border:0;box-shadow:none;background:transparent}.case-list-head{padding:0 0 14px}.case-item{border-radius:12px;margin-bottom:8px;border:1px solid transparent;padding:14px;text-align:left}.case-item.active{background:#e3f0e7;border-color:#bdd6c5}.case-item p{font-size:15px;line-height:1.65}.case-item .row{flex-wrap:wrap}.case-item small{font-size:14px}
.jade-conversation .case-header{padding:20px;border-bottom:1px solid var(--line);background:#fff}.case-header p{margin-bottom:0}
.jade-conversation .chat{min-height:260px;max-height:480px;overflow:auto;background:#f5f8f3;padding:22px;display:flex;flex-direction:column;gap:16px;border:0;border-radius:0}
.bubble{max-width:90%;padding:14px 18px;background:#fff;border:1px solid #dce6df;border-radius:16px 16px 16px 4px;box-shadow:0 2px 5px #123b3205}.bubble.sent{background:#dcefe3;color:#183d2d;border-color:#bddbc8;border-radius:16px 16px 4px 16px}.bubble p{font-size:17px}.bubble small{font-size:14px;color:#52685c}
.jade-composer{padding:20px;border-top:1px solid var(--line)}.jade-composer h2{margin:0}.jade-composer .formcols{grid-template-columns:1fr}.jade-composer textarea{min-height:108px;font-size:17px}.jade-composer .form{padding:12px 0}.jade-composer details{background:transparent;border:0}.jade-composer summary{padding:10px 0}.jade-jobs{margin-top:16px;border-top:1px solid var(--line)!important}
.jade-details{padding:20px;border-left:1px solid var(--line);background:#fcfdfa;min-height:700px}.jade-details h2{margin:0}.jade-details h3{margin:22px 0 10px}.jade-facts{margin:20px 0}.jade-fact{padding:10px 0;border-bottom:1px solid #e7ece6}.jade-fact dt{color:var(--muted);font-size:14px}.jade-fact dd{margin:4px 0 0;font-weight:500;font-size:16px}.jade-details .actions{display:grid;grid-template-columns:1fr;gap:8px}.jade-details button{white-space:normal;text-align:left}.jade-details .formcols{grid-template-columns:1fr}.jade-details .form{padding:12px 0}.jade-details details{overflow-wrap:anywhere}.jade-details .crm-figures{flex-wrap:wrap}.jade-mobile-tabs{display:none}
@media(min-width:901px) and (max-width:1250px){.shell{grid-template-columns:180px minmax(0,1fr)}.jade-workspace{grid-template-columns:200px minmax(280px,1fr)}.jade-details{grid-column:1/-1;border-top:1px solid var(--line);min-height:0}.brand{flex-wrap:wrap}}
@media(max-width:900px){.shell{display:block}.sidebar{padding:12px;border-right:0}.brand{padding-bottom:10px}.nav{display:flex;overflow-x:auto;gap:8px}.nav button{flex-shrink:0}.sidefoot{display:none}.main{padding:12px}.topbar{padding:12px;flex-wrap:wrap}.jade-mobile-tabs{display:flex;gap:6px;margin-bottom:12px}.jade-mobile-tabs button{flex:1;padding:10px 5px;font-size:14px}.jade-mobile-tabs button[aria-pressed=true]{background:#17664f;color:#fff;border-color:#17664f}.jade-workspace{display:block;border-radius:14px}.jade-workspace[data-panel=list]>.jade-conversation,.jade-workspace[data-panel=list]>.jade-details,.jade-workspace[data-panel=chat]>.jade-rooms,.jade-workspace[data-panel=chat]>.jade-details,.jade-workspace[data-panel=details]>.jade-rooms,.jade-workspace[data-panel=details]>.jade-conversation{display:none}.jade-rooms,.jade-details{min-height:0;border:0;padding:16px}.jade-conversation .case-header,.jade-composer{padding:16px}.jade-conversation .chat{padding:16px;min-height:220px}.bubble{max-width:94%}.jade-inbox .pagehead h1{font-size:25px}.jade-workspace input,.jade-workspace select,.jade-workspace textarea{max-width:100%;min-width:0}}
.bubble{color:#1d302b}.sidefoot p{color:#53685f}.jade-details .actions button{font-size:14px;min-height:44px}
@media(max-width:900px){.jade-rooms .case-list{max-height:none}}
/* Reference refinement: editorial wordmark, clear Thai labels, unified outline icons. */
.outline-icon{display:inline-block;width:24px;height:24px;flex:none;vertical-align:middle;color:currentColor}
.navicon{display:flex;align-items:center;justify-content:center;width:28px;color:inherit}.navicon .outline-icon{width:26px;height:26px}
.nav button{font-size:18px;gap:14px;min-height:56px;font-weight:400}.nav button.active{font-weight:500}
.brand{display:block;text-align:center;padding:4px 0 30px}.brandmark{display:none}.brand strong{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:21px;letter-spacing:.035em;white-space:nowrap}.brand small{font-family:Georgia,'Times New Roman',serif;font-size:10px;letter-spacing:.22em;line-height:1.8;max-width:160px;margin:8px auto;color:#57665f}.brand:after{content:'';display:block;width:38px;height:2px;background:#397b66;margin:18px auto 0}
.jade-inbox h1{font-size:28px;font-weight:600;letter-spacing:0}.jade-conversation .case-header strong{font-size:21px}.jade-details h2{font-size:22px}.case-item strong{font-size:18px}.jade-fact dt{display:flex;align-items:center;gap:10px;font-size:16px}.jade-fact dt .outline-icon{width:23px;height:23px;color:#174e3c}.jade-fact dd{padding-left:33px;font-size:17px;font-weight:400}.jade-fact{padding:12px 0}
.avatar{width:48px;height:48px;border-radius:50%;background:#e7f2ec;color:#205e49;display:flex;align-items:center;justify-content:center;flex:none}.avatar .outline-icon{width:27px;height:27px}.jade-conversation .bubble p{font-size:18px;line-height:1.8;font-weight:400}.jade-mobile-tabs button{display:flex;align-items:center;justify-content:center;gap:6px}.jade-mobile-tabs .outline-icon{width:19px;height:19px}
@media(max-width:900px){.brand{padding:2px 0 10px}.brand:after{display:none}.brand small{margin:4px auto}.nav button{font-size:16px;min-height:48px;gap:8px}.navicon .outline-icon{width:23px;height:23px}.jade-mobile-tabs button{flex-direction:column;font-size:14px}.jade-inbox h1{font-size:26px}.jade-conversation .case-header strong{font-size:21px}}
.shop-logo-area{margin:0 auto 12px}.shop-logo{display:block;width:52px;height:52px;object-fit:contain;margin:0 auto;border:1px solid #d2e2d8;border-radius:12px;background:white;padding:4px}.shop-logo.placeholder{display:grid;place-items:center;font-family:Georgia,serif;color:#24624b;background:#eaf3ed;font-size:22px}.logo-picker{margin:8px 0 0;text-align:left;background:transparent;border:0}.logo-picker summary{text-align:center;font-size:14px;padding:5px;color:#24624b}.logo-picker input{width:100%;font-size:12px}.logo-picker small{display:block;font:12px/1.6 Prompt,sans-serif;letter-spacing:0}.logo-picker .field span{font-size:14px}.logo-picker button{font-size:14px;margin-top:8px}
@media(max-width:900px){.shop-logo{width:40px;height:40px}.shop-logo-area{margin-bottom:8px}.logo-picker{max-width:300px;margin:5px auto}}

.logo-picker input{font-size:16px}