@font-face{font-family:Peyda;src:url('/fonts/PeydaWeb-Regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Peyda;src:url('/fonts/PeydaWeb-Bold.woff') format('woff');font-weight:700;font-display:swap}
:root{--ink:#203a3b;--muted:#738383;--line:#e5ece9;--bg:#f6f8f5;--white:#fff;--green:#14766c;--green-dark:#105c55;--mint:#e4f3ea;--blue:#e7eefc;--lavender:#eeeafb;--peach:#fff0e2;--red:#b3443f;--shadow:0 8px 32px #203a3b06;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Peyda,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}button,a{transition:background .16s,color .16s,box-shadow .16s}button:focus-visible,a:focus-visible{outline:3px solid #7eafa7;outline-offset:3px}button{border:0}a{color:var(--green);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.6px;line-height:1.55}h2{font-size:17px}h3{font-size:15px}small{font-size:12px}.muted{color:var(--muted)}.ltr{direction:ltr;unicode-bidi:isolate}.empty{padding:35px 22px;text-align:center;color:var(--muted)}.empty svg{display:block;margin:0 auto 12px;width:36px;height:36px;color:#9fb9b0}.empty h3{color:var(--ink);margin-bottom:5px}.empty p{max-width:420px;margin:0 auto 15px}.skip-link{position:fixed;top:-100px;right:30px;padding:12px 24px;background:white;z-index:100}.skip-link:focus{top:10px}.icon{width:20px;height:20px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75}.icon.sm{width:17px;height:17px}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--green);color:#fff;font:700 28px Georgia,serif;box-shadow:0 5px 10px #14766c12;flex:none}.loader{margin-top:15px;width:25px;height:25px;border:3px solid #dceae3;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100dvh;background:#fff;border-left:1px solid var(--line);padding:29px 20px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;margin:0 7px 35px}.brand strong{display:block;font-size:19px;letter-spacing:-.3px}.brand small{font-family:Arial,sans-serif;letter-spacing:2px;font-size:9px;color:#829690}.nav-label{font-size:10px;color:#a0aaa6;margin:0 16px 10px;letter-spacing:.6px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:right;color:#71837e;background:transparent;padding:12px 15px;border-radius:11px;min-height:47px}.nav button:hover{background:#f3f7f3}.nav button.active{background:#e8f4ed;color:var(--green);font-weight:700}.nav button.active .icon{stroke-width:2}.nav .count{margin-right:auto;background:#fff;border-radius:6px;min-width:23px;padding:0 6px;font-size:11px;color:var(--green)}.nav-divider{height:1px;background:var(--line);margin:21px 15px}.sidebar-tip{margin-top:auto;padding:18px 16px;background:linear-gradient(135deg,#f0f6f0,#eff5f4);border:1px solid #e2ede2;border-radius:14px;position:relative}.sidebar-tip .tip-icon{background:white;color:var(--green);width:34px;height:34px;display:grid;place-items:center;border-radius:10px;margin-bottom:10px}.sidebar-tip p{font-size:12px;line-height:1.9;color:#7c8e86;margin-top:6px}.sidebar-bottom{padding:17px 8px 0;color:#9aaa9f;display:flex;gap:7px;align-items:center;font-size:10px}.status-dot{height:6px;width:6px;background:#41a976;display:inline-block;border-radius:50%}.workspace{min-width:0}.topbar{height:89px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 37px;gap:25px}.breadcrumbs{font-size:12px;color:#9aa6a1;display:flex;gap:13px;align-items:center}.breadcrumbs strong{color:#61796f;font-weight:400}.top-actions{display:flex;align-items:center;gap:18px}.top-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fcfdfb;border-radius:10px;padding:8px 12px;color:#91a299;width:240px}.top-search input{border:0;outline:none;background:transparent;width:100%;font-size:11px;color:var(--ink)}.top-search:focus-within{box-shadow:0 0 0 3px #dbece4}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:white;color:#799187;position:relative}.icon-button:hover{background:#f2f7f3}.notification-dot{width:7px;height:7px;background:#e9a66a;border:2px solid white;border-radius:50%;position:absolute;top:7px;right:9px}.profile{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f1e9dc;color:#8d795c;font-size:13px;font-weight:700;flex:none}.profile strong{display:block;font-size:12px}.profile small{display:block;font-size:10px;color:#87978f}.page{padding:30px 37px 38px;max-width:1540px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{font-size:11px;color:#8a9b92;margin-bottom:5px;display:flex;align-items:center;gap:6px}.page-head p{color:#7f9187;margin-top:6px;font-size:12px}.head-actions,.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;border-radius:10px;padding:9px 17px;background:#fff;border:1px solid #dfe9e1;color:#60796b;font-size:12px;font-weight:700;white-space:nowrap}.btn:hover{background:#f2f7f3}.btn.primary{background:var(--green);color:white;border-color:var(--green);box-shadow:0 5px 12px #14766c12}.btn.primary:hover{background:var(--green-dark)}.btn.danger{color:var(--red);background:#fff7f5;border-color:#f0d8d3}.btn.sm{min-height:32px;padding:5px 11px;font-size:11px}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--green);padding-inline:0}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff7da;color:#8c6a20;border-bottom:1px solid #eedda8;padding:7px 37px;font-size:11px;flex-wrap:wrap}.demo-banner strong{letter-spacing:1px;font-family:Arial,sans-serif;font-size:10px}.demo-banner select{border:1px solid #e6d5a4;border-radius:7px;padding:3px 9px;background:#fffaf0;color:#856a27;font-size:11px}.welcome-strip{border:1px solid #dce9df;border-radius:20px;position:relative;overflow:hidden;padding:22px 25px;background:linear-gradient(112deg,#f1f7ee,#edf6f0 65%,#e1efe7);display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.welcome-strip:after{content:'';position:absolute;width:210px;height:210px;border:1px solid #b4d8c54f;border-radius:50%;left:75px;top:-90px;pointer-events:none}.welcome-strip h2{font-size:18px;margin-bottom:5px}.welcome-strip p{font-size:12px;color:#799283}.welcome-icon{position:relative;z-index:1;width:65px;height:65px;background:#ffffffa3;border:1px solid #d4e8d8;border-radius:19px;display:grid;place-items:center;color:#659b78;margin-left:18px;transform:rotate(-6deg)}.welcome-icon .icon{width:31px;height:31px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.stat{border-radius:17px;padding:18px 19px 15px;border:1px solid #deebe1;background:#eaf4ed;min-height:141px}.stat.blue{background:#eaf1fa;border-color:#dfe8f3}.stat.peach{background:#fff1e6;border-color:#f4e7db}.stat.purple{background:#efedf9;border-color:#e4e0f1}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:5px;color:#658376;font-size:12px}.stat.blue .stat-top{color:#6c83a2}.stat.peach .stat-top{color:#a08a6f}.stat.purple .stat-top{color:#8f81aa}.stat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ffffff88}.stat-value{font-size:29px;font-weight:700;line-height:1.4;margin:9px 0 6px;letter-spacing:-.6px}.stat-value .unit{font-size:12px;letter-spacing:0;font-weight:400;margin-right:6px;color:#87978d}.stat-foot{font-size:10px;color:#8d9d92;display:flex;gap:5px;align-items:center}.stat-foot .tiny-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.grid-2{display:grid;grid-template-columns:1.32fr 1fr;gap:22px;margin-bottom:23px}.grid-equal{grid-template-columns:1fr 1fr}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 15px;gap:10px}.panel-head h2{font-size:15px;display:flex;align-items:center;gap:8px}.panel-head p{font-size:10px;color:#97a49b;margin-top:3px}.panel-body{padding:0 22px 22px}.panel-link{display:inline-flex;gap:5px;align-items:center;color:#7b9785;font-size:10px;background:transparent;padding:5px 0}.panel-link:hover{color:var(--green)}.panel-link .icon{width:13px;height:13px}.subtle-tag{padding:3px 8px;border-radius:6px;background:#f5f7f3;font-size:10px;color:#8a9b8d}.task-item{display:flex;align-items:center;gap:12px;border-top:1px solid #edf1ec;padding:13px 0}.task-item:first-child{border-top:0}.task-main{min-width:0;flex:1}.task-main strong{display:block;font-weight:400;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-main p{font-size:10px;color:#91a093;margin-top:3px}.task-avatar{display:grid;place-items:center;background:#edf3e7;color:#8b9a6b;width:37px;height:37px;border-radius:11px;font-size:11px;flex:none}.task-avatar.blue{background:#e9f1fb;color:#7794b9}.task-avatar.peach{background:#fff0e3;color:#b39b6f}.task-time{font-size:10px;color:#8ba086;white-space:nowrap}.task-time.overdue{color:#bf8278}.complete-button{background:white;border:1px solid #dbe6da;border-radius:6px;width:22px;height:22px;display:grid;place-items:center;color:#b0c3ae;flex:none}.complete-button:hover{background:#e5f1e5;color:var(--green)}.pipeline-bar{margin:14px 0}.pipeline-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7c9183;margin-bottom:8px}.pipeline-label strong{font-weight:400;color:#687e6d}.bar-track{height:8px;background:#f2f5f0;border-radius:10px;overflow:hidden}.bar-fill{height:100%;min-width:0;background:#8ab39b;border-radius:10px}.pipeline-bar:nth-child(2) .bar-fill{background:#9db7d7}.pipeline-bar:nth-child(3) .bar-fill{background:#baa9d4}.pipeline-bar:nth-child(4) .bar-fill{background:#d8bb93}.pipeline-bar:nth-child(5) .bar-fill{background:#739e7d}.pipeline-total{display:flex;align-items:center;gap:12px;border-top:1px dashed var(--line);margin-top:20px;padding-top:17px;font-size:11px;color:#8a9a8b}.pipeline-total strong{color:var(--ink);font-size:15px}.dot-legend{width:7px;height:7px;background:#83a990;border-radius:50%}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;text-align:right;width:100%;white-space:nowrap}th{font-weight:400;font-size:10px;color:#95a391;background:#fafbf8;padding:11px 18px}td{border-top:1px solid #edf0e9;padding:14px 18px;font-size:11px;color:#7c8e7b}td strong{color:#425e46;font-weight:400}td .sub{display:block;color:#9aa792;font-size:10px;margin-top:3px}.contact-cell{display:flex;align-items:center;gap:10px}.contact-cell .avatar{width:33px;height:33px;border-radius:10px;background:#eef2e7;color:#9caa7d;font-size:10px}.text-button{border:0;padding:0;background:transparent;color:inherit;text-align:inherit}.text-button:hover strong{color:var(--green);text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:6px;padding:3px 8px;font-size:9px;background:#eff3eb;color:#82977b;white-space:nowrap}.badge:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.new{background:#eaf1fc;color:#7b95bc}.badge.contacted{background:#e9f3ef;color:#74a392}.badge.qualified{background:#f0eafa;color:#a18cc3}.badge.proposal{background:#fff1df;color:#c0a06e}.badge.won,.badge.approved,.badge.done{background:#e8f4e9;color:#70a379}.badge.lost,.badge.changes_requested,.badge.cancelled{background:#faeae6;color:#bd8b7c}.badge.submitted,.badge.open{background:#fff2dc;color:#b19763}.badge.draft{background:#eff0f4;color:#8e97ac}.activity-item{display:flex;gap:12px;margin-bottom:17px}.activity-item:last-child{margin-bottom:0}.activity-dot{height:29px;width:29px;background:#ecf3e8;border-radius:9px;color:#8fa783;display:grid;place-items:center;flex:none}.activity-dot .icon{width:14px;height:14px}.activity-item p{font-size:11px;line-height:1.9;color:#788c77}.activity-item small{color:#a2ad99;font-size:9px;display:block;margin-top:3px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:21px;flex-wrap:wrap}.toolbar-fields{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field-search{position:relative;min-width:250px}.field-search .icon{position:absolute;right:13px;top:12px;color:#94a496;pointer-events:none}.field-search input{padding-right:42px!important;width:100%}.filter-control,input,select,textarea{border:1px solid #dfe7df;background:#fff;border-radius:9px;color:var(--ink);padding:10px 12px;min-height:43px;outline:none;font-size:12px;max-width:100%}input:focus,select:focus,textarea:focus{border-color:#75a78d;box-shadow:0 0 0 3px #14766c12}input::placeholder,textarea::placeholder{color:#a5b0a3}.filter-control{min-width:140px}.filter-tabs{display:flex;gap:5px;align-items:center;padding:5px;background:#edf2eb;border:1px solid #e5ece1;border-radius:11px}.filter-tabs button{padding:7px 14px;background:transparent;border-radius:8px;color:#899a81;font-size:11px}.filter-tabs button.active{background:#fff;color:var(--green);box-shadow:0 2px 6px #32552508}.table-footer{padding:12px 20px;border-top:1px solid var(--line);font-size:10px;color:#95a08e;display:flex;justify-content:space-between;align-items:center;gap:10px}.pagination{display:flex;gap:8px;align-items:center}.table-actions{display:flex;gap:6px}.table-actions .icon-button{width:29px;height:29px;border-radius:7px}.table-actions .icon{width:14px;height:14px}.table-action-head{width:90px}.fullwidth{width:100%}.notice{padding:13px 16px;border:1px solid #e2e8d8;background:#f7f9f0;border-radius:11px;font-size:12px;color:#819368;margin-bottom:20px;display:flex;gap:10px;align-items:flex-start}.notice.warn{background:#fff7e6;color:#a08a5b;border-color:#ecdfc2}.notice.error{background:#fff1ee;color:#b07466;border-color:#f0d7cd}.notice .icon{flex:none;margin-top:2px}.notice p{line-height:1.9}.notice button{margin-right:auto}.followup-group h2{font-size:12px;color:#8d9e81;margin:24px 0 12px}.followup-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 20px;margin-bottom:10px}.followup-date{width:49px;min-height:49px;text-align:center;flex:none;background:#edf3e8;color:#889c73;border-radius:12px;padding:4px}.followup-date strong{font-size:19px;display:block;line-height:1.5}.followup-date small{font-size:9px}.followup-card.overdue .followup-date{background:#fff0e6;color:#bb9979}.followup-info{flex:1;min-width:0}.followup-info h3{font-size:12px;font-weight:400}.followup-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:10px;color:#99a18f;margin-top:5px}.followup-card .head-actions{flex:none}.kanban{display:grid;grid-template-columns:repeat(6,minmax(215px,1fr));gap:14px;overflow:auto;padding-bottom:15px;align-items:start}.kanban-column{background:#edf2eb;border:1px solid #e3eade;border-radius:15px;padding:12px;min-height:270px}.kanban-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:3px 0 15px}.kanban-head span{background:#fff;padding:0 7px;border-radius:5px;font-size:10px;color:#95a18b}.kanban-card{background:white;border:1px solid #e3eadf;border-radius:12px;padding:14px;margin-bottom:10px;box-shadow:0 3px 8px #16380b03}.kanban-card button{width:100%;text-align:right}.kanban-card h3{font-size:12px;font-weight:400}.kanban-card p{font-size:10px;color:#9ba78f;margin:3px 0 12px}.kanban-card .value{color:#7a916e;font-size:11px}.kanban-card select{width:100%;margin-top:13px;font-size:10px;min-height:32px;padding:5px 8px;background:#fcfdf9}.finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.finance-card{border:1px solid var(--line);border-radius:17px;background:white;padding:20px}.finance-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px}.file-icon{width:43px;height:48px;display:grid;place-items:center;border-radius:11px;background:#edf3e8;color:#8ba471;position:relative}.file-icon .icon{width:22px;height:22px}.finance-card h3{font-size:13px;margin-bottom:6px}.finance-card p{font-size:10px;color:#99a68d}.finance-meta{border-top:1px solid #edf0e8;margin-top:15px;padding-top:13px;display:grid;gap:7px;font-size:11px;color:#92a184}.finance-meta div{display:flex;justify-content:space-between;gap:10px}.finance-meta strong{font-weight:400;color:#748c67}.finance-card .button-row{margin-top:17px}.finance-card .review-note{margin-top:12px;background:#fff7e7;border-radius:8px;padding:9px;font-size:11px;color:#a38c63;white-space:pre-wrap}.file-name{direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.upload-zone{border:1px dashed #b6cba9;background:#f7faf3;border-radius:14px;padding:22px;text-align:center;display:block;cursor:pointer}.upload-zone .icon{display:block;margin:0 auto 9px;width:28px;height:28px;color:#7da165}.upload-zone strong{display:block;color:#719459;font-size:12px}.upload-zone p{font-size:10px;color:#9aaa8e;margin:6px 0 12px}.upload-zone input{max-width:100%;font-size:11px;background:white}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:25px}.finance-summary .stat{min-height:123px}.chart-legend{display:flex;gap:15px;font-size:10px;color:#92a387;margin:4px 0 18px}.chart-legend span{display:flex;gap:5px;align-items:center}.chart-legend i{width:7px;height:7px;border-radius:50%;background:#90b18c}.chart-legend span:nth-child(2) i{background:#b9cde1}.chart-wrap{height:210px;display:flex;gap:10px;align-items:end;justify-content:space-around;padding:18px 10px 30px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent,transparent 43px,#f0f3ec 44px,#f0f3ec 45px)}.chart-group{display:flex;gap:6px;align-items:end;height:100%;position:relative;justify-content:center;min-width:26px;flex:1}.chart-bar{width:24px;min-height:3px;background:#93b394;border-radius:5px 5px 0 0}.chart-bar.alt{background:#bacddd}.chart-label{position:absolute;bottom:-25px;font-size:9px;color:#a2ac95;white-space:nowrap}.summary-note{font-size:11px;color:#92a285;padding-top:15px}.modal,.drawer{border:0;color:var(--ink);font:inherit;padding:0;background:white;box-shadow:0 30px 100px #16382822}.modal{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);border-radius:20px}.modal.wide{width:min(760px,calc(100vw - 32px))}.modal::backdrop,.drawer::backdrop{background:#173a2f55;backdrop-filter:blur(3px)}.modal-head{padding:22px 25px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-head h2{font-size:18px}.modal-head p{font-size:11px;color:#93a488;margin-top:4px}.modal-body{padding:23px 25px}.modal-foot{border-top:1px solid var(--line);padding:17px 25px;background:#fafcf7;display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;z-index:2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:11px;color:#7c9370}.field label .required{color:#be967b}.field.span2{grid-column:1/-1}.field textarea{resize:vertical;min-height:85px}.field .hint{font-size:10px;color:#a1ae95}.field input[type=number]{direction:ltr}.form-error{margin:16px 0 0;display:none;padding:10px 13px;background:#fff1ee;border:1px solid #eed9d0;border-radius:9px;color:#b37968;font-size:12px}.form-error:not(:empty){display:block}.drawer{height:100dvh;max-height:100dvh;width:min(650px,100vw);max-width:100vw;margin:0 auto 0 0;border-radius:0 20px 20px 0}.drawer-body{padding:25px}.customer-overview{display:flex;align-items:center;gap:15px;margin-bottom:24px}.customer-overview .avatar{width:61px;height:61px;border-radius:18px;font-size:20px;background:#ecf3e6}.customer-overview h2{font-size:21px;margin-bottom:5px}.customer-overview p{color:#94a287;font-size:12px;margin-top:6px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;padding:20px;background:#f7faf3;border:1px solid #e8eede;border-radius:14px}.detail-grid dt{font-size:10px;color:#97a889;margin-bottom:5px}.detail-grid dd{margin:0;font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}.detail-notes{background:#fff8e9;border:1px solid #f0e6ce;border-radius:12px;padding:15px;color:#a08c68;font-size:12px;margin-bottom:22px;white-space:pre-wrap;overflow-wrap:anywhere}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0 16px}.section-heading h3{font-size:14px}.timeline{padding-right:3px}.timeline-item{position:relative;padding:0 38px 23px 0}.timeline-item:before{content:'';position:absolute;right:13px;top:18px;bottom:0;width:1px;background:#e4ecd9}.timeline-item:last-child:before{display:none}.timeline-icon{width:28px;height:28px;border-radius:9px;background:#edf3e7;color:#97aa7f;position:absolute;right:0;top:0;display:grid;place-items:center}.timeline-icon .icon{width:14px;height:14px}.timeline-item header{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#859979;margin-bottom:7px}.timeline-item header time{font-size:9px;color:#abb49c}.timeline-item p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#728663;line-height:1.9}.timeline-item small{font-size:9px;color:#a7b196;display:block;margin-top:7px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#234d3c;color:white;padding:12px 23px;border-radius:12px;box-shadow:0 7px 30px #193d252b;font-size:12px;z-index:200;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#9f6051}.lock-screen{min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:25px;background:radial-gradient(ellipse at 50% 20%,#e8f3eb,transparent 60%),var(--bg)}.lock-card{background:white;border:1px solid #dfe9df;box-shadow:0 20px 70px #184e2209;padding:40px;width:min(460px,100%);border-radius:25px;text-align:center}.lock-card .brand-mark{margin:0 auto 20px}.lock-card h1{font-size:23px}.lock-card p{color:#899f7f;font-size:12px;line-height:2;margin:15px 0 25px}.lock-card .secure-note{margin-top:23px;font-size:10px;color:#9eaf96;display:flex;gap:6px;align-items:center;justify-content:center}.mobile-menu,.mobile-overlay{display:none}.loading-content{display:grid;place-items:center;min-height:300px;gap:10px;color:#92a584}.audit-action{font-size:10px;color:#8b9e79;direction:ltr;text-align:right}.contact-chart-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#9aa68d;margin-top:12px}.no-margin{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.sidebar{padding-right:25px;padding-left:25px}.shell{grid-template-columns:254px minmax(0,1fr)}.page{padding:35px 43px}.topbar{padding-inline:43px}.stat{padding:21px 23px}.stat-value{font-size:32px}}
@media(max-width:1200px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:25px 13px 15px}.page{padding:25px}.topbar{padding-inline:25px}.top-search{width:200px}.top-actions{gap:12px}.stats{gap:12px}.stat{padding:15px}.stat-value{font-size:25px}.grid-2{gap:16px;grid-template-columns:1.2fr 1fr}.finance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.head-actions .btn{padding-inline:13px}}
@media(max-width:1000px){.shell{grid-template-columns:185px minmax(0,1fr)}.brand{gap:8px;margin-inline:5px}.brand strong{font-size:17px}.brand-mark{width:38px;height:38px}.nav button{font-size:12px;padding:11px 10px;gap:9px}.sidebar-tip{padding:14px 12px}.page{padding:23px}.topbar{padding-inline:23px}.breadcrumbs{display:none}.top-actions{width:100%;justify-content:space-between}.top-search{width:230px}.grid-2{grid-template-columns:1fr}.stat-top{font-size:10px}.stat-icon{width:28px;height:28px}.stat-icon .icon{width:16px;height:16px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head{align-items:flex-start}h1{font-size:24px}.page-head .head-actions{justify-content:flex-end}.welcome-strip{padding:20px}.welcome-strip h2{font-size:16px}.finance-summary{gap:12px}.finance-summary .stat{padding:13px}.finance-summary .stat-value{font-size:23px}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;right:-260px;width:242px;transition:right .2s;z-index:60;border-left:1px solid var(--line)}.shell.menu-open .sidebar{right:0}.mobile-overlay{position:fixed;inset:0;background:#183c3250;z-index:50}.shell.menu-open .mobile-overlay{display:block}.mobile-menu{display:grid}.topbar{height:73px;padding:0 18px;gap:13px}.top-search{display:none}.top-actions{width:auto;margin-right:auto;gap:12px}.profile small{font-size:9px}.profile strong{font-size:11px}.profile .avatar{height:33px;width:33px;border-radius:10px}.topbar:before{content:'صدر استون';font-weight:700;font-size:15px;order:-1;display:none}.page{padding:23px 18px 35px}.page-head{margin-bottom:22px;gap:14px;flex-wrap:wrap}.page-head h1{font-size:24px}.page-head p{font-size:11px}.page-head .head-actions{justify-content:flex-start}.eyebrow{font-size:10px}.btn{font-size:11px;min-height:39px;padding:8px 13px}.stats{gap:10px;margin-bottom:20px}.stat{padding:13px 14px;min-height:128px;border-radius:14px}.stat-top{font-size:10px}.stat-value{font-size:26px;margin:8px 0 5px}.stat-foot{font-size:9px}.stat-value .unit{font-size:10px}.welcome-strip{padding:18px;border-radius:16px;gap:9px;margin-bottom:20px}.welcome-strip h2{font-size:15px}.welcome-strip p{font-size:10px;max-width:260px}.welcome-icon{width:48px;height:48px;border-radius:14px;flex:none;margin-left:0}.welcome-icon .icon{width:23px;height:23px}.grid-2{gap:18px;margin-bottom:18px}.panel{border-radius:16px}.panel-head{padding:18px 18px 12px}.panel-body{padding:0 18px 18px}.panel-head h2{font-size:14px}.panel-head p{font-size:9px}.task-item{gap:10px}.task-main strong{font-size:11px}.task-main p,.task-time{font-size:9px}.task-avatar{width:32px;height:32px;font-size:10px}.task-time{max-width:74px;text-align:center;white-space:normal}.demo-banner{padding:8px 18px;gap:6px;font-size:10px}.demo-banner span{max-width:260px}.finance-grid{grid-template-columns:1fr}.finance-summary{grid-template-columns:1fr 1fr;gap:10px}.finance-summary .stat:last-child{grid-column:1/-1}.toolbar-fields{width:100%}.field-search{min-width:180px;width:100%}.filter-control{flex:1;min-width:130px}.toolbar .head-actions{width:100%}.toolbar{gap:15px}.filter-tabs{overflow:auto;max-width:100%;white-space:nowrap}.filter-tabs button{padding:6px 11px;font-size:10px;flex:none}.followup-card{padding:14px;gap:11px;flex-wrap:wrap}.followup-info{flex:1;min-width:180px}.followup-card .head-actions{width:100%;padding-right:61px;gap:7px}.followup-date{width:45px}.followup-meta{gap:7px;font-size:9px}.followup-group h2{margin-top:18px}.modal-head{padding:20px}.modal-body{padding:20px}.modal-foot{padding:15px 20px}.form-grid{gap:14px}.drawer{border-radius:0}.drawer-body{padding:20px}.customer-overview h2{font-size:19px}.detail-grid{padding:16px;gap:15px}.table-footer{align-items:flex-start}.lock-card{padding:30px 25px}.notice{font-size:11px}.finance-card{padding:19px}.sidebar-tip{margin-top:auto}.kanban{grid-template-columns:repeat(6,245px)}.chart-bar{width:18px}}
@media(max-width:410px){.page{padding-inline:13px}.topbar{padding-inline:13px}.stat{padding:12px}.stat-top{font-size:9px}.stat-icon{width:26px;height:26px}.stat-value{font-size:24px}.welcome-icon{display:none}.form-grid{grid-template-columns:1fr}.field.span2{grid-column:auto}.detail-grid{grid-template-columns:1fr 1fr}.profile strong{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-body{padding-inline:15px}.panel-head{padding-inline:15px}.task-time{max-width:62px}.task-avatar{display:none}.finance-summary .stat-value{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Readable, finger-friendly mobile workspace. */
@media(max-width:760px){
body{font-size:16px}.page-head p,.welcome-strip p,.panel-head p,.eyebrow,.stat-foot,.task-main p,.task-time,.activity-item small,.sidebar-tip p,.sidebar-bottom,.demo-banner,.profile small,.contact-chart-caption,.summary-note,.chart-label,.finance-card p,.file-name,.followup-meta,.detail-grid dt,.timeline-item small,.timeline-item header time,.field .hint,.upload-zone p,.modal-head p,.table-footer,td .sub,.subtle-tag,.breadcrumbs{font-size:12px}
.btn,.btn.sm,.filter-tabs button,.nav button,.filter-control,.field label,.badge,.task-main strong,.pipeline-label,.panel-link,.activity-item p,.finance-meta,.finance-card h3,.followup-info h3,.followup-group h2,.detail-grid dd,.detail-notes,.timeline-item p,.timeline-item header,.notice,.form-error,.profile strong,.sidebar-tip h3,.upload-zone strong,.toast,th,td{font-size:14px}
input,select,textarea{font-size:16px;min-height:44px}.btn,.btn.sm,.filter-tabs button,.icon-button,.table-actions .icon-button,.complete-button{min-height:44px}.icon-button,.table-actions .icon-button,.complete-button{min-width:44px;width:44px}.complete-button{border-radius:10px}.btn.ghost,.panel-link{min-height:44px}.topbar .profile strong{font-size:12px}.demo-banner select{font-size:14px;min-height:36px}.stat-top{font-size:12px}.stat{min-height:146px}.stat-value{font-size:29px}.stat-value .unit{font-size:12px}.stat-top .stat-icon{width:30px;height:30px}.welcome-strip h2{font-size:18px}.welcome-strip{padding:20px}.task-item{flex-wrap:wrap;padding-block:16px}.task-time{font-size:12px;max-width:90px}.task-avatar{display:none}.panel-head h2{font-size:17px}.panel-head .panel-link{font-size:12px}.activity-item{margin-bottom:22px}.followup-card .head-actions{padding-right:0}.followup-date strong{font-size:22px}.followup-date small{font-size:12px}.detail-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.field.span2{grid-column:auto}.timeline-item header{flex-wrap:wrap}.timeline-item header time{width:100%}.modal-foot .btn{flex:1}.modal-head h2{font-size:19px}.finance-summary .stat:last-child{grid-column:auto}.finance-summary{grid-template-columns:1fr}.finance-summary .stat{min-height:115px}.finance-summary .stat-value{font-size:30px}.finance-card h3{font-size:17px}.finance-card p{font-size:12px}.finance-meta{font-size:14px}.finance-card .button-row .btn{flex:1}.toolbar .head-actions{flex-wrap:wrap}.notice p{font-size:14px}.lock-card p{font-size:15px}.lock-card .secure-note{font-size:12px}.chart-wrap{gap:5px}.chart-label{white-space:normal;text-align:center;bottom:-39px;line-height:1.4}.chart-wrap{margin-bottom:20px}.table-wrap td{padding:14px 15px}.table-wrap th{padding:12px 15px}.contact-cell{min-height:44px}.kanban-card h3{font-size:16px}.kanban-card p,.kanban-card .value{font-size:13px}.kanban-card select{font-size:14px;min-height:44px}.kanban-head{font-size:15px}.kanban-head span{font-size:12px}.kanban-card button{min-height:44px}.kanban-column{min-height:300px}.filter-tabs{width:100%}.task-main strong{white-space:normal}.task-main{min-width:145px}.stat-foot{line-height:1.7}.page-head .head-actions{width:100%}.top-actions{gap:8px}.detail-grid dd{word-break:break-word}.topbar{height:78px}.profile{gap:7px}.modal-body .button-row .btn{white-space:normal}.drawer-body .button-row{gap:8px}.drawer-body .btn{padding-inline:11px}.chart-group{min-width:0}.table-footer{font-size:12px;flex-wrap:wrap}.notice{line-height:1.9}
}
/* Keep pastel surfaces, with enough contrast to read the actual work. */
:root{--muted:#647b70}.eyebrow,.page-head p,.panel-head p,.stat-foot,.task-main p,.activity-item p,.activity-item small,.table-footer,.finance-card p,.finance-meta,.followup-meta,.field .hint,.modal-head p,.detail-grid dt,.timeline-item small,.timeline-item header time,.summary-note,.chart-label,.sidebar-tip p,.sidebar-bottom{color:#677e71}.task-time,.pipeline-label,.pipeline-label strong,.profile small,.contact-chart-caption,.timeline-item header{color:#587663}.panel-link{color:#48765e}td{color:#5d735f}td .sub{color:#73846b}th{color:#697e5d}.badge{color:#557849}.badge.new{color:#526f99}.badge.contacted{color:#477e6a}.badge.qualified{color:#7c5da6}.badge.proposal,.badge.submitted,.badge.open{color:#8d681e}.badge.won,.badge.approved,.badge.done{color:#3c7b4a}.badge.lost,.badge.changes_requested,.badge.cancelled{color:#9f5e4c}.badge.draft{color:#68748e}.field label{color:#5f7a52}.notice{color:#607943}.notice.warn{color:#826526}.followup-card.overdue .followup-date,.task-time.overdue{color:#9d6949}.detail-notes,.finance-card .review-note{color:#806945}.subtle-tag{color:#667d5c}.filter-tabs button{color:#667d5b}.filter-control{color:#496045}.timeline-item p{color:#566c49}.finance-meta strong{color:#526c44}.nav button{color:#5e756b}

/* Supplied SadrStone logo is displayed whole, with no redraw, cropping or color filter. */
.brand{flex-direction:column;align-items:center;gap:0;margin:0 0 24px}.brand-logo{display:block;width:180px;max-width:100%;height:auto;object-fit:contain;background:#fff}.brand-caption{font-size:12px;color:var(--muted);margin-top:-5px}.header-logo{display:block;width:108px;height:72px;object-fit:contain;flex-shrink:0;background:#fff}.login-logo{display:block;width:240px;max-width:100%;height:auto;object-fit:contain;background:#fff;margin:0 auto 12px}.demo-banner select{max-width:260px}.topbar .breadcrumbs{gap:4px}@media(max-width:1100px){.header-logo{width:90px;height:60px}}@media(max-width:760px){.header-logo{width:76px;height:51px}.demo-banner{align-items:flex-start;flex-direction:column}.demo-banner span{max-width:none}.demo-banner label{width:100%;display:flex;align-items:center;gap:8px}.demo-banner select{flex:1;max-width:none;min-width:0;font-size:13px;min-height:44px}.topbar{gap:8px}.profile strong{max-width:88px}.profile small{max-width:88px}.brand-logo{width:180px}.login-logo{width:210px}}

/* Native account forms are shown only after the server selects password authentication. */
.auth-card{width:min(480px,100%);padding:28px 38px 32px}.auth-card .login-logo{width:210px;margin-bottom:0}.auth-card .auth-intro{color:#60796b;margin:10px 0 24px;font-size:13px}.auth-form{text-align:right}.auth-card .auth-form,.auth-fields{display:grid;gap:16px}.auth-form .field label{font-size:13px}.auth-form input{width:100%;min-height:47px;font-size:16px}.password-control{position:relative}.password-control input{padding-left:48px}.password-toggle{position:absolute;left:3px;top:3px;bottom:3px;width:42px;display:grid;place-items:center;border-radius:7px;color:#617e6c;background:transparent}.password-toggle:hover,.password-toggle[aria-pressed=true]{color:var(--green);background:#edf4ef}.password-toggle:focus-visible{outline:2px solid #7eafa7;outline-offset:-2px}.auth-hint,.auth-form .hint{font-size:12px;color:#617568;line-height:1.9}.auth-hint{margin-top:-10px}.auth-form .form-error{margin:0;font-size:13px}.auth-status{font-size:12px;color:#697d70;text-align:center}.auth-status:empty{display:none}.auth-submit{min-height:47px;font-size:14px}.auth-switch{justify-self:center;white-space:normal;text-align:center}.auth-notice{padding:11px 14px;margin-bottom:20px;border:1px solid #dce9df;border-radius:10px;background:#eff7f0;color:#3b6a4d;font-size:13px;text-align:right}.auth-card .secure-note{font-size:11px;color:#647c6b;margin-top:20px}.auth-form[aria-busy=true] .auth-submit .icon{opacity:.65}.auth-form .modal-body>.form-error{margin-top:18px}.auth-form .modal-body>.auth-status{margin-top:12px}@media(max-width:760px){.auth-card{padding:22px 22px 28px}.auth-card .login-logo{width:185px}.auth-card .auth-intro,.auth-notice,.auth-form .form-error{font-size:14px}.auth-form .field label{font-size:14px}.auth-form input{min-height:48px}.auth-card .secure-note{font-size:12px}.top-actions:has([data-action=change-password]){gap:6px}.top-actions:has([data-action=change-password]) .profile .avatar{display:none}}@media(max-width:410px){.auth-card{padding-inline:19px}.lock-screen:has(.auth-card){padding:15px}.top-actions:has([data-action=change-password]) .profile{max-width:76px}.top-actions:has([data-action=change-password]) .profile strong,.top-actions:has([data-action=change-password]) .profile small{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Exact amounts keep every digit and may wrap instead of overflowing on phones. */
.stat-value,.finance-meta strong,.detail-grid dd,.kanban-card .value,.task-item>strong{overflow-wrap:anywhere;min-width:0;font-variant-numeric:tabular-nums}.finance-meta div{min-width:0}.finance-meta strong{text-align:left;max-width:70%}


/* Friendly workspace polish */
:root{
  --bg:#f4f7f5;
  --line:#dde8e3;
  --shadow:0 12px 36px rgba(27,63,55,.07);
  --radius:22px;
}
body{
  background:
    radial-gradient(circle at 82% 0%,rgba(196,228,215,.38),transparent 28rem),
    radial-gradient(circle at 0% 100%,rgba(229,220,244,.28),transparent 30rem),
    var(--bg);
}
.sidebar{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%);
  box-shadow:-12px 0 36px rgba(35,72,63,.035);
}
.nav button{
  border-radius:14px;
  min-height:49px;
  padding-inline:16px;
}
.nav button:hover{
  background:#f0f6f3;
  transform:translateX(-1px);
}
.nav button.active{
  background:linear-gradient(135deg,#e6f4ed,#eef8f4);
  box-shadow:0 7px 18px rgba(20,118,108,.08);
}
.topbar{
  position:sticky;
  top:0;
  z-index:18;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
  box-shadow:0 8px 28px rgba(30,62,55,.035);
}
.page{
  padding-top:34px;
}
.page-head{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(221,232,227,.88);
  padding:19px 22px;
  border-radius:20px;
  box-shadow:0 8px 26px rgba(32,58,59,.035);
}
.page-head h1{
  font-size:25px;
}
.panel{
  border-color:#e1ebe6;
  box-shadow:0 10px 32px rgba(32,58,59,.05);
}
.panel:hover{
  box-shadow:0 14px 38px rgba(32,58,59,.07);
}
.stat{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 10px 24px rgba(32,58,59,.035);
}
.welcome-strip{
  background:linear-gradient(120deg,#eff8f2 0%,#edf7f4 55%,#e7f1ee 100%);
  box-shadow:0 10px 30px rgba(43,97,79,.05);
}
.btn{
  border-radius:12px;
  box-shadow:0 3px 9px rgba(32,58,59,.025);
}
.btn.primary{
  background:linear-gradient(135deg,#14766c,#1b887b);
  box-shadow:0 8px 18px rgba(20,118,108,.16);
}
.btn.primary:hover{
  transform:translateY(-1px);
  box-shadow:0 11px 22px rgba(20,118,108,.2);
}
.filter-control,input,select,textarea{
  border-radius:12px;
  background:#fdfefd;
}
input:focus,select:focus,textarea:focus{
  background:#fff;
  box-shadow:0 0 0 4px rgba(20,118,108,.08);
}
.followup-card,.finance-card,.kanban-card{
  box-shadow:0 8px 22px rgba(32,58,59,.035);
}
.upload-zone{
  background:linear-gradient(180deg,#f9fcfa,#f4f9f6);
  border-width:1.5px;
}
.upload-zone:hover{
  border-color:#82b29e;
  background:#f1f8f4;
}
.modal{
  border:1px solid #e2ebe6;
  box-shadow:0 28px 90px rgba(24,58,47,.18);
}
.modal-head{
  background:linear-gradient(180deg,#fff,#fbfdfc);
}
.modal-foot{
  background:rgba(249,252,250,.96);
  backdrop-filter:blur(8px);
}
.drawer{
  box-shadow:20px 0 70px rgba(23,56,48,.16);
}
.detail-grid{
  background:linear-gradient(180deg,#f8fbf9,#f4f8f5);
}
.toast{
  border-radius:16px;
  box-shadow:0 14px 36px rgba(25,61,37,.2);
}

/* Friendlier login */
.lock-screen{
  background:
    radial-gradient(circle at 50% 0%,rgba(196,228,215,.65),transparent 34rem),
    linear-gradient(160deg,#f7faf8,#eef5f1);
}
.friendly-entry{
  border:1px solid rgba(214,229,220,.95);
  box-shadow:0 28px 90px rgba(25,65,53,.11);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
}
.entry-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 11px;
  border-radius:999px;
  background:#edf7f2;
  color:#4f7f6c;
  font-size:10px;
  letter-spacing:1.2px;
  margin:2px auto 10px;
  font-family:Arial,sans-serif;
}
.friendly-entry h1{
  font-size:25px;
  color:#244b43;
}
.friendly-entry .auth-intro{
  max-width:360px;
  margin-inline:auto;
  color:#657c71;
}
.friendly-entry .auth-submit{
  border-radius:13px;
}

/* Messenger-like internal chat */
.chat-workspace{
  grid-template-columns:minmax(260px,.75fr) minmax(0,1.7fr);
  align-items:start;
}
.chat-list-panel{
  position:sticky;
  top:112px;
}
.chat-thread{
  border-radius:13px!important;
  padding:12px!important;
  margin:4px 10px;
  width:calc(100% - 20px)!important;
  transition:background .15s,transform .15s,box-shadow .15s;
}
.chat-thread:hover{
  background:#f2f7f4!important;
  transform:translateX(-1px);
}
.chat-thread.active{
  background:linear-gradient(135deg,#e9f6ef,#eff8f4)!important;
  box-shadow:inset 0 0 0 1px #d6eadf;
}
.chat-messages{
  max-height:58vh;
  overflow:auto;
  padding:18px;
  border-radius:16px;
  background:linear-gradient(180deg,#f7faf8,#f3f7f5);
  border:1px solid #e5ede9;
  scroll-behavior:smooth;
}
.chat-message{
  max-width:78%;
  margin:0 0 14px auto;
  align-items:flex-end;
}
.chat-message.mine{
  margin-right:auto;
  margin-left:0;
  flex-direction:row-reverse;
}
.chat-message .activity-dot{
  width:34px;
  height:34px;
  border-radius:12px;
}
.chat-message .detail-notes{
  margin:5px 0 0;
  padding:11px 14px;
  border-radius:15px 15px 5px 15px;
  background:#fff;
  color:#385c4d;
  border:1px solid #e0ebe5;
  box-shadow:0 6px 16px rgba(32,58,59,.04);
}
.chat-message.mine .detail-notes{
  background:#e8f5ee;
  border-color:#d4eadf;
  border-radius:15px 15px 15px 5px;
}
.chat-message p{
  margin-bottom:2px;
}
.chat-compose{
  margin-top:14px;
  padding:14px;
  border-radius:16px;
  background:#fbfdfc;
  border:1px solid #e5ede9;
}
.chat-compose textarea{
  min-height:76px;
  background:#fff;
}

/* Friendlier dense tables */
.table-wrap{
  scrollbar-width:thin;
  scrollbar-color:#cbdad2 transparent;
}
tbody tr{
  transition:background .12s;
}
tbody tr:hover{
  background:#fbfdfc;
}
th{
  position:sticky;
  top:0;
  z-index:1;
}

/* Mobile comfort */
@media(max-width:760px){
  body{background:#f5f8f6}
  .page{padding-top:18px}
  .page-head{
    padding:16px;
    border-radius:17px;
    background:#fff;
  }
  .page-head h1{font-size:21px}
  .page-head .head-actions .btn{
    flex:1 1 calc(50% - 6px);
    min-width:130px;
  }
  .panel{
    box-shadow:0 8px 24px rgba(32,58,59,.045);
  }
  .topbar{
    box-shadow:0 6px 20px rgba(30,62,55,.05);
  }
  .sidebar{
    box-shadow:-18px 0 48px rgba(22,52,45,.16);
  }
  .chat-workspace{
    grid-template-columns:1fr;
  }
  .chat-list-panel{
    position:static;
  }
  .chat-messages{
    max-height:48vh;
    padding:12px;
  }
  .chat-message{
    max-width:94%;
  }
  .chat-thread{
    margin-inline:8px;
    width:calc(100% - 16px)!important;
  }
  .friendly-entry{
    border-radius:22px;
  }
  .friendly-entry h1{
    font-size:22px;
  }
  .modal{
    width:calc(100vw - 18px);
    max-height:calc(100dvh - 18px);
    border-radius:18px;
  }
  .drawer{
    width:100vw;
  }
}