/* Approved fyxs visual layer. No data or permission behavior is changed. */
:root{--bg:#f7f7f4;--ink:#25282c;--muted:#6c7179;--line:#e9e9e5;--accent:#bd5729;--accent-dark:#a44822;--soft:#fff3eb;--green:#287451;--green-soft:#eaf6ed;--blue:#386ba8;--blue-soft:#edf4fd;--red:#b7443c;--radius:9px;--sidebar:216px;--shadow:0 4px 18px #25282c06}
body{line-height:1.6;-webkit-font-smoothing:antialiased}
.sidebar{padding:25px 12px 18px;overflow-y:auto}
.brand{font-size:30px;letter-spacing:-.8px;gap:12px;padding:0 15px 32px}
.brand em{font-size:11px;letter-spacing:1.8px;color:var(--muted);margin-top:0}
.logo-mark{border-radius:8px;background:var(--soft);color:var(--accent);box-shadow:none}
.workspace,.side-note{display:none}
.nav-label{font-size:11px;color:var(--muted);letter-spacing:1px}
.nav-item{position:relative;min-height:49px;margin-bottom:6px;padding:12px 18px;gap:13px;border-radius:6px;color:#44494f;font-size:14px}
.nav-item svg{width:20px;height:20px}
.nav-item.active{color:var(--accent-dark);background:#fcf1eb}
.nav-item.active::before{content:'';position:absolute;inset:9px auto 9px 0;width:3px;border-radius:3px;background:var(--accent)}
.nav-item:hover:not(.active){background:var(--bg)}
.nav-item .nav-count{border-radius:20px;background:var(--accent);color:white;min-width:24px;font-size:12px}
.account-box{padding:19px 8px 0;margin-top:30px}
.account-box .grow>div{font-size:13px!important}
.account-box .grow>.small{font-size:12px!important}
.avatar{border-radius:50%;background:#eeefed;color:#555b60}
.topbar{height:64px;padding:0 30px;background:#ffffffb3}
.crumb,.header-date{font-size:13px;color:var(--muted)}
.crumb strong{color:var(--ink)}
.top-actions{gap:12px}
.top-actions>.btn:last-child,.top-actions .vert{display:none}
.app-main .content{width:100%;max-width:none;margin:0;padding:24px 16px;min-width:0}
@media(max-width:640px){.app-main .content{padding:18px 12px}}
.page-heading{margin-bottom:24px;align-items:flex-start;gap:20px;flex-wrap:wrap}
.page-intro{flex:1 1 320px;min-width:0}.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;flex:0 1 auto}
.page-heading h1{font-size:27px;letter-spacing:-.6px;font-weight:650;margin-bottom:5px}
.page-heading p{color:var(--muted);font-size:13px;max-width:none;line-height:1.75;overflow-wrap:anywhere}
.btn{min-height:44px;border-color:#dedfda;border-radius:7px;color:#454a50;transition:background .15s,border-color .15s,box-shadow .15s}
.btn:hover{background:#f5f5f1}
.btn.primary{box-shadow:none}
.btn.soft{background:var(--soft);border-color:#f3dfd1;color:var(--accent-dark)}
.btn.sm{font-size:12px;min-height:38px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.text-btn{font-size:13px;min-height:32px}
.btn:focus-visible,button:focus-visible,.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent);outline-offset:3px}
.stat-grid{gap:0;background:white;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:23px}
.stat-card{border:0;border-radius:0;background:transparent;min-height:118px;padding:20px 25px}
.stat-card:first-child{border-radius:9px 0 0 9px}
.stat-card:last-child{border-radius:0 9px 9px 0}
.stat-card+.stat-card::before{content:'';position:absolute;left:0;top:24px;bottom:24px;width:1px;background:var(--line)}
.stat-card:hover{background:#fcfaf7;box-shadow:none}
.stat-card .stat-label{font-size:13px;color:var(--muted)}
.stat-card .stat-number{font-size:31px;line-height:1.2;margin-top:8px;letter-spacing:-.8px}
.stat-card .stat-foot{font-size:11px;color:var(--muted);margin-top:8px}
.stat-card .stat-icon{background:transparent!important;top:20px;right:22px;width:22px;height:22px}
.permission-bar,.permission-bar.admin{background:transparent;border:0;padding:0 2px;color:var(--muted);font-size:12px;margin-bottom:14px}
.panel{box-shadow:none}
.stage-tabs{gap:29px;padding:0 24px;min-height:59px}
.stage-tab{color:#565c64;font-size:13px;padding:18px 0}
.stage-tab span,.stage-tab.active span{background:transparent;padding:0;font-size:12px;color:inherit}
.filter-zone{padding:18px 22px 15px}
.input,.select,.textarea{border-color:#e0e2df;color:#454b52;border-radius:6px;font-size:13px;min-height:40px}
.input::placeholder,.textarea::placeholder{color:#757b82}
.filter-grid{gap:10px}
.filter-grid .input-wrap{min-width:240px;flex:2 1 240px}
.filter-grid>.input{width:115px}
.filter-grid>.select{width:100px}
.filter-grid>.btn{padding-left:8px;padding-right:8px}
.input-wrap svg{top:12px;color:#767c83}
.filter-sub{border-top:1px solid #f0f0ed;color:var(--muted);font-size:12px}
.filter-sub .select{font-size:12px;min-height:34px}
.data-table{font-size:13px;min-width:1180px}
.data-table thead{background:#f7f8f6;color:#61666e;font-size:12px}
.data-table th{padding:13px 14px}
.data-table td{padding:17px 14px;color:#41474f;border-bottom-color:var(--line);vertical-align:middle}
.data-table th:first-child,.data-table td:first-child{padding-left:24px}
.data-table tbody tr:hover{background:#fcfaf7}
.company-cell{max-width:240px}
.company-cell .company-symbol{display:none}
.company-name{color:#252b32;font-size:14px;font-weight:600}
.cell-sub{font-size:12px;color:var(--muted);margin-top:4px}
.cell-actions{gap:12px}
.cell-actions .text-btn{font-size:12px}
.tag{font-size:12px;border-radius:4px;padding:4px 8px;color:#616871;background:#f0f1f3}
.tag.orange{color:#a15a22;background:#fff2e2}
.table-footer{padding:14px 22px;color:var(--muted);font-size:12px;flex-wrap:wrap;gap:12px}
.table-footer>.muted{font-size:11px}
.page-number{background:var(--accent);color:white;border-color:var(--accent);min-width:30px;text-align:center}
.footer-note{color:var(--muted);font-size:11px;margin-top:14px}
.footer-note svg{width:14px;height:14px}
.hero{padding:24px 27px;background:#f2efe9;border-color:#e9e4da;border-radius:9px}
.hero h2{font-size:22px;color:var(--ink)}
.hero p{color:#716b62;font-size:13px}
.hero .kicker{color:#8b6e52;font-size:10px;letter-spacing:1.7px}
.hero .hero-icon{background:transparent;color:#b98961;width:54px;height:54px}
.dash-grid{gap:22px;grid-template-columns:1.45fr 1fr}
.panel-heading{padding:20px 24px;gap:14px;flex-wrap:wrap}.panel-heading>h3{min-width:0}.panel-heading>.btn,.panel-heading>.text-btn{flex-shrink:0}
.panel-heading h3{font-size:15px}
.task-row{padding:20px 24px}
.task-row .task-name{font-size:14px}
.task-row .small{font-size:12px!important}
.task-date{font-size:12px;color:var(--muted)}
.progress-label{color:#555d65;font-size:13px}
.progress-track{height:6px;background:#f0f0ed}
.notice{color:#616b74;background:#f8f9f6;border-color:var(--line)}
.setting-body,.message-row p{color:#626b74;font-size:13px}
.dialog-header p,.detail-title p,.detail-info dt,.field-help{color:var(--muted);font-size:12px}
.field>label{font-size:13px;color:#545b63}
.modal{border-radius:10px}
.dialog-header{align-items:flex-start;gap:16px}.dialog-header>div{min-width:0}.dialog-header p{overflow-wrap:anywhere}.dialog-header>.btn{flex-shrink:0}
.dialog-footer{flex-wrap:wrap;gap:12px;padding-bottom:max(17px,env(safe-area-inset-bottom))}.dialog-footer>.row{display:flex;flex-wrap:wrap;gap:10px}.dialog-footer>.small{flex:1 1 180px;min-width:0}.dialog-footer>.row:last-child{margin-left:auto}.dialog-footer .btn{min-height:44px}
.customer-card .card-detail small{color:var(--muted);font-size:12px}
.login-art{background:#f2efe9}
.login-art .brand{padding-left:0}
.login-form-inner>p{color:var(--muted)}
@media(max-width:1250px){
  :root{--sidebar:196px}
  .content{padding:24px}.topbar{padding:0 24px}.stat-card{padding:20px}
  .filter-grid .input-wrap{min-width:190px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-card:nth-child(3)::before{display:none}.stat-card:nth-child(n+3){border-top:1px solid var(--line)}
  .dash-grid,.settings-grid{grid-template-columns:1fr}.top-actions .header-date{display:none}.filter-sub{flex-wrap:wrap}
}
@media(max-width:700px){
  :root{--sidebar:0px}
  .content{padding:20px 14px}.topbar{padding:0 14px;height:60px}
  .page-heading{gap:14px}.page-heading h1{font-size:24px}.page-intro{flex-basis:100%}.page-actions{width:100%;justify-content:flex-start}.page-heading .export-btn{display:inline-flex}.page-actions .btn{flex:1 1 140px}
  .stat-card{padding:17px;min-height:126px}.stat-card .stat-number{font-size:29px}
  .stat-card .stat-icon{right:14px;top:17px}.stat-card .stat-foot{max-width:150px}
  .filter-zone{padding:14px}.filter-grid .input-wrap{min-width:100%}
  .filter-grid>.input,.filter-grid>.select{flex:1 1 100px;width:auto}.stage-tabs{gap:23px;padding:0 15px}
  .btn,.btn.sm,.btn.icon,.text-btn,.filter-sub .select{min-height:44px}.btn.icon{min-width:44px}
  .permission-bar,.permission-bar .row{align-items:flex-start}
  .hero{padding:20px}.hero h2{font-size:19px}.hero .hero-icon{display:none}
  .panel-heading,.task-row{padding:18px}.task-row .grow{min-width:0;overflow-wrap:anywhere}
  .card-grid{grid-template-columns:1fr;padding:14px}.footer-note{flex-wrap:wrap}.table-footer>.muted{display:none}
  .dialog-footer{padding:14px 18px max(14px,env(safe-area-inset-bottom));align-items:stretch}.dialog-footer>.small{flex-basis:100%;font-size:12px}.dialog-footer>.row{width:100%;margin-left:0}.dialog-footer>.row>.btn{flex:1 1 120px}.dialog-footer>.btn{flex:1 1 120px}.filter-sub>.row{flex-wrap:wrap}.table-footer>.row,.table-footer>.pagination{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.customer-extension{border-top:1px solid var(--line);padding-top:22px;margin-top:22px;min-width:0}
.customer-extension h3{font-size:15px;font-weight:650;margin:0 0 12px}.customer-extension h3 .muted{font-size:12px;font-weight:400;margin-left:7px}
.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.customer-extension .section-header h3{margin:0;text-align:left}.section-header>.btn{margin-left:auto}.customer-extension .field-help{font-size:12px;line-height:1.75;margin:7px 0 14px}
.extension-heading{margin-top:24px!important}.extension-heading h3{margin-bottom:4px}
.contact-editor-row{min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:15px;margin:14px 0;background:var(--bg)}
.contact-editor-row legend{font-size:12px;padding:0 7px;color:var(--muted)}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-fields .field:last-child{grid-column:1/-1}
.contact-remove{margin-top:12px}.customer-extension .btn{min-height:44px}.customer-extension .row{flex-wrap:wrap;gap:10px}
.method-fields{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px}.method-fields .select{width:100%}
.monthly-targets{margin-bottom:22px}.monthly-targets .panel-heading{gap:20px;flex-wrap:wrap}.monthly-targets .panel-heading p{margin:5px 0 0}.monthly-targets .field label{font-size:12px}.target-table{min-width:680px}.target-row-form{min-width:200px}.target-row-form .input{width:150px}.target-row-form .btn{min-height:44px}.target-row-error{color:var(--red);min-height:18px;margin-top:5px}#target-status:not(:empty){padding:14px 22px;font-size:13px;color:var(--muted)}
.target-month-details summary{cursor:pointer;color:var(--accent-dark);padding:10px 0;min-height:44px}.target-month-item{padding:12px 0;border-top:1px solid var(--line)}.target-month-item p{margin:5px 0 10px}.target-month-item .target-row-form>label{display:block}.target-month-details{min-width:180px}.target-month-item .row{flex-wrap:wrap}
@media(max-width:700px){.monthly-targets .table-wrap{overflow:visible}.target-table,.target-table tbody{display:block;min-width:0;width:100%}.target-table thead{display:none}.target-table tbody{padding:0 16px 16px;box-sizing:border-box}.target-table tr{display:block;border:1px solid var(--line);border-radius:var(--radius);margin:12px 0;padding:8px 14px}.target-table td{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;white-space:normal!important;padding:10px 0;border:0;overflow-wrap:anywhere}.target-table td::before{content:attr(data-label);font-size:12px;color:var(--muted);font-weight:400}.target-table td:last-child{border-top:1px solid var(--line);margin-top:5px}.target-row-form{min-width:0;width:100%}.target-row-form .row{flex-wrap:wrap;gap:8px}.target-row-form .input{min-width:0;width:100%;flex:1 1 100px}.target-row-form .btn{flex:0 0 auto}.target-row-form>label{display:none}}
.performance-filters{padding:18px 22px;margin-bottom:20px}.performance-date-form{display:flex;align-items:flex-end;gap:14px;margin-top:18px;flex-wrap:wrap}.performance-date-form .field{flex:1;min-width:170px}.performance-date-form .btn{min-height:42px}.performance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 22px}.performance-stat{padding:22px;min-width:0}.performance-stat>span{font-size:13px;color:var(--muted)}.performance-stat strong{display:block;font-size:25px;font-weight:600;margin-top:10px;overflow-wrap:anywhere}.performance-stat:first-child strong{color:var(--accent)}.performance-team{margin-bottom:22px}.performance-team .data-table,.performance-orders .data-table{min-width:650px}.performance-filters .btn,.performance-team .text-btn{min-height:44px}#performance-results[aria-busy=true]{opacity:.6;pointer-events:none}.performance-orders .empty p{max-width:420px;margin:10px auto}
@media(max-width:900px){.performance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.performance-filters{padding:15px}.performance-stat{padding:16px}.performance-stat strong{font-size:21px}.performance-date-form .btn{width:100%}}
@media(max-width:560px){.method-fields{grid-template-columns:1fr}}
#blue-v-count{max-width:140px}#blue-links-editor{display:grid;gap:13px;margin-top:16px}.contact-detail,.blue-link-detail{display:flex;gap:18px;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.contact-detail:last-of-type{border-bottom:0}
.blue-link-detail{align-items:flex-start}.blue-link-detail>span:first-child{flex-shrink:0}.blue-link-detail a{color:var(--blue);overflow-wrap:anywhere;min-width:0;max-width:75%;text-decoration:underline;text-underline-offset:3px}
.orders-section{margin-top:0;border-top:0;padding-top:0;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:24px}.renewal-notice{margin:14px 0}.order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.order-row .text-btn{min-height:44px}.order-row .num{font-size:16px}.order-empty{border:1px dashed var(--line);border-radius:var(--radius);padding:20px;color:var(--ink);background:var(--bg)}
@media(max-width:560px){.contact-fields{grid-template-columns:1fr}.customer-extension .row>.btn{width:100%;justify-content:center}.contact-detail{align-items:flex-start;flex-direction:column;gap:5px}.order-row{gap:9px}.order-row .num{font-size:14px}}
.performance-filters .performance-date-form{margin-top:0}.performance-date-form #performance-scope{align-self:center;margin-left:auto}
/* Focused performance and account layout. */
.completion-cell{display:flex;align-items:center;gap:14px;min-width:175px}
.completion-cell>.small{max-width:130px;line-height:1.5}
.completion-ring{--ring-color:#b36c46;position:relative;display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;border-radius:50%;background:conic-gradient(var(--ring-color) var(--completion),#ece8e2 0)}
.completion-ring:before{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}
.completion-ring span{position:relative;font-size:13px;font-weight:650;font-variant-numeric:tabular-nums}
.completion-ring.is-empty{--ring-color:#ece8e2}
.account-identity{gap:14px;flex-wrap:wrap}.account-identity .grow{min-width:110px}.account-identity>.btn{margin-left:auto;min-height:44px}
.monthly-targets .target-table td{vertical-align:middle;padding-top:20px;padding-bottom:20px}
.performance-stats .performance-stat:first-child{border-top:3px solid #b36c46}
@media(max-width:640px){.completion-ring{width:64px;height:64px;flex-basis:64px}.completion-cell{min-width:0}.account-identity>.btn{padding:10px 12px}}
.overview-stats{margin:0!important;padding:22px 24px;border-bottom:1px solid #e8e5df;gap:0!important}
.overview-stats .performance-stat{border:0!important;border-radius:0;padding:8px 22px;box-shadow:none}
.overview-stats .performance-stat+ .performance-stat{border-left:1px solid #e8e5df!important}
@media(max-width:640px){.overview-stats{padding:14px}.overview-stats .performance-stat{padding:12px}.overview-stats .performance-stat:nth-child(3){border-left:0!important}}
.filter-zone .filter-grid{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 12px}
.customer-filter-field{display:flex;flex-direction:column;gap:7px;flex:1 1 180px;min-width:0;font-size:12px;color:var(--muted)}
.customer-filter-field:first-child{flex:2 1 260px}
.filter-grid .customer-filter-field .input-wrap{min-width:0;width:100%;flex:auto}
.customer-filter-field>.input,.customer-filter-field>.select,.customer-sales-picker>summary{width:100%;min-height:44px;box-sizing:border-box}
.customer-filter-actions{display:flex;gap:8px;align-items:center;margin-left:auto}
.customer-filter-actions .btn{min-height:44px;min-width:68px}
.customer-sales-picker{position:relative;color:var(--text)}
.customer-sales-picker>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none}
.customer-sales-picker>summary:after{content:'⌄';margin-left:12px}
.customer-sales-options{position:absolute;top:calc(100% + 6px);left:0;right:0;min-width:180px;max-height:280px;overflow:auto;background:#fff;border:1px solid #e5e3de;border-radius:8px;padding:8px;box-shadow:0 8px 24px #182b401a;z-index:30}
.customer-sales-options label{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 8px;color:var(--text);cursor:pointer;overflow-wrap:anywhere}
.customer-sales-options label:hover{background:#f6f5f2}
.customer-sales-options input{accent-color:var(--accent)}
@media(max-width:560px){.filter-zone .customer-filter-field{flex:1 1 100%;width:100%}.customer-filter-actions{width:100%}.customer-filter-actions .btn{flex:1}}
.performance-sales-picker{min-width:180px;font-size:13px}.performance-sales-picker>summary{min-height:44px;display:flex;align-items:center}.performance-sales-picker .customer-sales-options{min-width:220px;left:auto}.performance-date-form #performance-scope{align-self:flex-end}