:root{
  --gitech:#1bbd36;--ink:#101C18;--deep:#082B1A;--pale:#F3F8F4;--white:#fff;
  --muted:#65746d;--line:#dfe8e2;--soft:#f7faf8;--danger:#b42318;--warn:#b54708;
  --shadow:0 12px 38px rgba(8,43,26,.08);--radius:18px;--radius-sm:11px;
  font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--soft)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--soft);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:278px;background:linear-gradient(180deg,#071c13 0%,#082b1a 55%,#061b11 100%);color:#fff;display:flex;flex-direction:column;z-index:30;overflow:auto;border-right:1px solid rgba(255,255,255,.05)}.brand-lockup{padding:28px 24px 18px}.brand-logo{width:165px;height:auto;display:block}.product-name{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:21px;font-weight:700;letter-spacing:.2px}.side-nav{padding:4px 14px 20px;flex:1}.nav-group-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#91a79c;margin:20px 12px 8px;font-weight:700}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#d7e2dc;margin:3px 0;font-weight:600;transition:.18s ease}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link.active{background:linear-gradient(90deg,rgba(27,189,54,.2),rgba(27,189,54,.08));color:#fff;box-shadow:inset 3px 0 0 var(--gitech)}.nav-icon{width:27px;height:27px;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;border-radius:9px;font-size:12px;color:#c4d3ca}.nav-link.active .nav-icon{border-color:rgba(27,189,54,.55);background:rgba(27,189,54,.14);color:#8ff19f}.sidebar-footer{padding:15px 16px 22px}.support-pill{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04)}.support-pill strong,.support-pill small{display:block}.support-pill small{color:#9bb0a5;font-size:11px;margin-top:2px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--gitech);box-shadow:0 0 0 5px rgba(27,189,54,.14)}.workspace{margin-left:278px;min-height:100vh}.topbar{height:82px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:0 30px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar-title{display:flex;flex-direction:column;gap:2px;min-width:0}.topbar-title strong{font-size:17px}.eyebrow{font-size:9px;letter-spacing:1.55px;color:var(--muted);font-weight:700}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;display:grid;place-items:center;color:var(--ink);cursor:pointer}.mobile-menu{display:none}.user-chip{display:flex;align-items:center;gap:9px;padding:5px 9px 5px 5px;border:1px solid var(--line);border-radius:13px;background:#fff}.user-chip .avatar{width:31px;height:31px;border-radius:10px;background:var(--deep);color:#fff;display:grid;place-items:center;font-weight:700}.user-chip strong,.user-chip small{display:block;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip small{color:var(--muted);font-size:10px}.page-content{padding:28px 30px 48px;max-width:1640px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.page-head h1{font-size:28px;line-height:1.1;margin:0 0 7px}.page-head p{margin:0;color:var(--muted);max-width:760px}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;min-height:40px}.btn-sm{padding:7px 10px;min-height:32px;font-size:12px}.btn-primary{background:var(--gitech);color:#041409;border-color:var(--gitech)}.btn-primary:hover{filter:brightness(.95)}.btn-dark{background:var(--deep);color:#fff}.btn-outline{background:#fff;border-color:#cfdad3;color:var(--ink)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-danger{background:#fff;border-color:#f1b7b2;color:var(--danger)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 24px}.metric{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 5px 20px rgba(8,43,26,.03);overflow:hidden}.metric:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-30px;top:-30px;background:rgba(27,189,54,.07)}.metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:700}.metric-value{font-size:27px;font-weight:800;margin-top:7px;letter-spacing:-.6px}.metric-note{font-size:11px;color:var(--muted);margin-top:4px}.grid-2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px}.grid-2-even{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px rgba(8,43,26,.03);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid var(--line)}.panel-header h2,.panel-header h3{font-size:15px;margin:0}.panel-header p{margin:3px 0 0;color:var(--muted);font-size:12px}.panel-body{padding:19px}.panel-empty{text-align:center;padding:36px 20px;color:var(--muted)}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#6c7c74;background:#f8faf9;border-bottom:1px solid var(--line);padding:11px 14px}.data-table td{padding:13px 14px;border-bottom:1px solid #eef3f0;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfb}.text-link{font-weight:700}.text-link:hover{color:#118226}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:Consolas,"Courier New",monospace}.money{font-variant-numeric:tabular-nums;font-weight:700}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700;border:1px solid transparent;white-space:nowrap}.badge-green{background:#e9f8ec;color:#0e6c20;border-color:#c7edcf}.badge-amber{background:#fff6e8;color:#9c5700;border-color:#f5dfb7}.badge-red{background:#fff0ef;color:#a92920;border-color:#f4cbc7}.badge-gray{background:#f1f4f2;color:#55635d;border-color:#e1e7e3}.badge-blue{background:#eef4ff;color:#315ca8;border-color:#d6e3fb}.status-line{display:flex;align-items:center;gap:7px}.status-line:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gitech)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#43514b}.input,.select,.textarea{width:100%;border:1px solid #ced9d2;background:#fff;border-radius:10px;padding:10px 11px;color:var(--ink);outline:none}.textarea{min-height:112px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--gitech);box-shadow:0 0 0 3px rgba(27,189,54,.12)}.input-validation-error{border-color:#dc6b64}.validation-summary-errors{background:#fff0ef;border:1px solid #f4cbc7;color:#8f221b;border-radius:10px;padding:10px 12px;margin-bottom:15px}.checkbox-row{display:flex;align-items:center;gap:8px}.flash{padding:11px 14px;border-radius:11px;margin-bottom:16px;font-weight:700}.flash-success{background:#eaf8ed;border:1px solid #c7edcf;color:#0c6d1f}.flash-error{background:#fff0ef;border:1px solid #f4cbc7;color:#9d2921}.hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#082b1a,#0c4026);color:#fff;border-radius:22px;padding:25px 28px;margin-bottom:20px;box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;inset:auto -25px -65px auto;width:230px;height:230px;background:url('/brand/gitech-watermark.svg') center/contain no-repeat;opacity:.45}.hero-card h1{margin:0 0 6px;font-size:27px}.hero-card p{color:#bed0c6;margin:0;max-width:680px}.hero-card .hero-actions{margin-top:18px;display:flex;gap:9px}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.quick-action{padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:.18s}.quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#c4d8c9}.quick-action strong,.quick-action small{display:block}.quick-action small{margin-top:3px;color:var(--muted)}.ticket-thread{display:flex;flex-direction:column;gap:11px}.message{max-width:82%;padding:13px 14px;border-radius:14px;background:#f2f6f3;border:1px solid #e0e9e3}.message.agent{margin-left:auto;background:#ecf9ee;border-color:#ccefd2}.message.note{max-width:100%;background:#fff8e9;border-color:#f3e1b4}.message.system{max-width:100%;padding:8px 12px;text-align:center;font-size:11px;color:var(--muted);background:#fafcfa}.message-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-bottom:5px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail-item{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfdfb}.detail-item small,.detail-item strong{display:block}.detail-item small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.6px}.detail-item strong{margin-top:4px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);padding:0 18px;overflow:auto}.tab{padding:13px 10px;border-bottom:2px solid transparent;font-weight:700;color:var(--muted);white-space:nowrap}.tab.active{color:var(--ink);border-color:var(--gitech)}.callout{padding:14px 16px;border-radius:13px;border:1px solid #cfe3d4;background:#f3fbf5}.callout strong{display:block;margin-bottom:3px}.integration-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.integration-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.provider-mark{width:40px;height:40px;border-radius:12px;background:var(--deep);color:#fff;display:grid;place-items:center;font-weight:800}.auth-body{min-height:100vh;background:#fff;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr)}.auth-art{position:relative;background:linear-gradient(150deg,#061b11,#082b1a 55%,#0f4b2c);display:grid;place-items:center;padding:60px;overflow:hidden}.auth-art:after{content:"";position:absolute;width:620px;height:620px;right:-180px;bottom:-190px;background:url('/brand/gitech-watermark.svg') center/contain no-repeat;opacity:.35}.auth-brand{position:relative;z-index:2;max-width:520px}.auth-brand img{width:270px}.auth-brand h1{color:#fff;font-size:46px;margin:40px 0 12px;letter-spacing:-1.4px}.auth-brand p{font-size:18px;line-height:1.6;color:#bcd1c5}.auth-panel{display:grid;place-items:center;padding:50px}.auth-card{width:min(440px,100%)}.auth-card .symbol{width:54px;height:54px;margin-bottom:24px}.auth-card h2{font-size:31px;margin:0 0 8px}.auth-card>p{margin:0 0 28px;color:var(--muted)}.auth-card .btn{width:100%;margin-top:5px}.auth-foot{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.split-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form{display:inline}.section-title{font-size:17px;margin:0 0 14px}.separator{height:1px;background:var(--line);margin:18px 0}.empty-state{padding:42px 20px;text-align:center}.empty-state .empty-icon{width:52px;height:52px;border-radius:16px;background:var(--pale);display:grid;place-items:center;margin:0 auto 12px;font-size:20px}.empty-state h3{margin:0 0 5px}.empty-state p{margin:0;color:var(--muted)}.sidebar-scrim{display:none}
@media(max-width:1180px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.sidebar{transform:translateX(-102%);transition:.2s ease}.sidebar.open{transform:translateX(0)}.sidebar-scrim{display:block;position:fixed;inset:0;background:rgba(4,17,11,.45);z-index:25;opacity:0;pointer-events:none;transition:.2s}.sidebar-scrim.open{opacity:1;pointer-events:auto}.workspace{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 18px}.page-content{padding:22px 18px 40px}.grid-2,.grid-2-even{grid-template-columns:1fr}.auth-body{grid-template-columns:1fr}.auth-art{display:none}.user-chip div{display:none}}
@media(max-width:650px){.topbar{height:70px}.topbar-actions{gap:6px}.topbar-actions>.icon-button{display:none}.page-head{align-items:stretch;flex-direction:column}.page-head h1{font-size:24px}.cards{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:14px}.metric-value{font-size:22px}.form-grid,.grid-3,.quick-actions,.detail-grid{grid-template-columns:1fr}.panel-header{align-items:flex-start;flex-direction:column}.message{max-width:94%}.auth-panel{padding:28px 20px}.auth-card h2{font-size:27px}}

/* My GITECH v1.1 customer workspace, catalogue CRUD and icon system */
.ui-icon{width:18px;height:18px;display:block;fill:none;flex:0 0 auto}.nav-icon svg{width:16px;height:16px}.icon-button .ui-icon{width:17px;height:17px}.eyebrow-page{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#7b8a82;margin-bottom:6px}.count-pill{display:inline-grid;place-items:center;min-width:30px;height:26px;padding:0 9px;border-radius:999px;background:#eef6f0;color:#355044;font-size:11px;font-weight:800}.back-link{display:inline-flex;margin-bottom:9px;color:#5e7167;font-size:12px;font-weight:700}.back-link:hover{color:#0d7b25}.form-panel{max-width:920px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.switch-row{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfdfb;cursor:pointer}.switch-row input{margin-top:3px;accent-color:var(--gitech)}.switch-row span,.switch-row strong,.switch-row small{display:block}.switch-row small{color:var(--muted);font-weight:400;margin-top:2px}.switch-row.compact{padding:9px 10px}.settings-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subtle-callout{margin-top:16px;background:#f5fbf6}.subtle-callout span{color:var(--muted);font-size:12px}.input-prefix,.input-suffix{display:flex;align-items:center;border:1px solid #ced9d2;border-radius:10px;background:#fff;overflow:hidden}.input-prefix span,.input-suffix span{padding:10px 11px;color:var(--muted);font-weight:800;background:#f7faf8}.input-prefix input,.input-suffix input{border:0;outline:0;padding:10px 11px;min-width:0;flex:1}.input-prefix:focus-within,.input-suffix:focus-within{border-color:var(--gitech);box-shadow:0 0 0 3px rgba(27,189,54,.12)}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.category-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff;min-width:0}.category-card-head{display:flex;align-items:center;justify-content:space-between}.category-card h3{font-size:15px;margin:12px 0 4px}.category-card p{font-size:12px;color:var(--muted);margin:0;min-height:35px}.category-meta{display:flex;justify-content:space-between;gap:8px;margin-top:13px;padding-top:11px;border-top:1px solid #edf2ef;color:var(--muted);font-size:11px}.icon-tile{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eef8f0;color:#0c7b25}.icon-tile .ui-icon{width:18px;height:18px}.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.category-card .row-actions{margin-top:12px}.icon-action{width:33px;height:33px;border:1px solid var(--line);border-radius:9px;background:#fff;display:inline-grid;place-items:center;color:#465b50;cursor:pointer}.icon-action:hover{border-color:#bed3c4;background:#f7fbf8;color:#0f7d27}.danger-link{color:var(--danger)!important}.danger-link:hover{border-color:#edc3bf;background:#fff6f5!important}.danger-callout{display:flex;gap:13px;align-items:flex-start;padding:16px;border:1px solid #efc7c3;border-radius:14px;background:#fff7f6;color:#82281f}.danger-callout>.ui-icon{width:22px;height:22px;margin-top:1px}.danger-callout strong{display:block;color:#632019}.danger-callout p{margin:4px 0 0;color:#8d4a43}.service-table td:first-child{min-width:250px}
.customer-workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}.customer-title-line{display:flex;align-items:center;gap:10px}.customer-title-line h1{margin:0;font-size:29px;letter-spacing:-.55px}.customer-subline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:5px}.customer-action-menu{position:relative;z-index:15}.customer-action-trigger{min-width:185px;justify-content:flex-start}.customer-action-trigger .chevron{margin-left:auto;width:14px;height:14px}.customer-action-dropdown{position:absolute;right:0;top:calc(100% + 7px);width:315px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 46px rgba(8,43,26,.16);padding:8px;opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s;z-index:50}.customer-action-menu:hover .customer-action-dropdown,.customer-action-menu:focus-within .customer-action-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.customer-action-dropdown>a{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:10px}.customer-action-dropdown>a:hover{background:#f3f8f4}.customer-action-dropdown>a>.ui-icon{width:17px;height:17px;color:#157d2b}.customer-action-dropdown>a span,.customer-action-dropdown>a strong,.customer-action-dropdown>a small{display:block}.customer-action-dropdown>a strong{font-size:12px}.customer-action-dropdown>a small{font-size:10px;color:var(--muted);margin-top:1px}.action-group-label{padding:7px 10px 4px;font-size:9px;font-weight:800;letter-spacing:1.1px;color:#87978f;text-transform:uppercase}.dropdown-separator{height:1px;background:var(--line);margin:6px 4px}.customer-facts{display:flex;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:16px;overflow:hidden}.customer-facts>div{padding:11px 16px;min-width:0;flex:1;border-right:1px solid var(--line)}.customer-facts>div:last-child{border-right:0}.customer-facts span,.customer-facts strong{display:block}.customer-facts span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:700}.customer-facts strong{margin-top:3px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-action-panel{margin-bottom:18px;border-color:#c7dfcd;box-shadow:0 12px 35px rgba(8,43,26,.08)}.locked-customer{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #cfe3d4;border-radius:12px;background:#f6fbf7;margin-bottom:16px}.locked-customer>div{flex:1}.locked-customer span,.locked-customer strong{display:block}.locked-customer>div span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.service-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-choice{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:10px;cursor:pointer;background:#fff}.service-choice:hover{border-color:#b9d7c0;background:#fbfdfb}.service-choice input{margin-top:3px;accent-color:var(--gitech)}.service-choice span,.service-choice strong,.service-choice small{display:block}.service-choice small{font-weight:400;color:var(--muted);margin-top:2px}.action-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-choice-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;padding:15px;background:#fff}.action-choice-card:hover{border-color:#b9d7c0;box-shadow:0 8px 22px rgba(8,43,26,.06)}.action-choice-card strong,.action-choice-card small{display:block}.action-choice-card small{color:var(--muted);margin-top:2px}.action-choice-card.as-form{padding:0}.action-choice-card.as-form>button{display:flex;width:100%;align-items:center;gap:12px;text-align:left;border:0;background:transparent;padding:15px;color:inherit;cursor:pointer}.compact-empty{padding:25px 15px}.compact-empty .empty-icon{width:42px;height:42px}.customer-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:18px;margin-bottom:18px}.compact-side-panel{height:max-content}.compact-details{padding:4px 18px 17px}.compact-details>div{padding:12px 0;border-bottom:1px solid #eef3f0}.compact-details>div:last-child{border-bottom:0}.compact-details span,.compact-details strong{display:block}.compact-details span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.compact-details strong{font-size:12px;margin-top:3px}.service-list{display:flex;flex-direction:column}.service-list-row{display:grid;grid-template-columns:42px minmax(200px,1.3fr) minmax(135px,.7fr) minmax(115px,.55fr) auto;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #edf2ef}.service-list-row:last-child{border-bottom:0}.service-icon{width:36px;height:36px}.service-main strong,.service-main small,.service-billing strong,.service-billing small,.service-next span,.service-next strong{display:block}.service-main small,.service-billing small,.service-next span{font-size:10px;color:var(--muted);margin-top:2px}.service-billing{text-align:right}.service-next{padding-left:12px;border-left:1px solid var(--line)}.service-next strong{font-size:11px;margin-top:2px}.customer-history-grid{margin-bottom:18px}.activity-list{display:flex;flex-direction:column}.activity-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto 34px;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid #edf2ef}.activity-row:last-child{border-bottom:0}.activity-row>div strong,.activity-row>div small{display:block}.activity-row>div small{font-size:10px;color:var(--muted);margin-top:2px}.activity-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f1f7f2;color:#2e6540}.activity-icon .ui-icon{width:15px;height:15px}.activity-value{font-size:11px;font-weight:800}.activity-date{font-size:10px;color:var(--muted)}.activity-link{grid-template-columns:34px minmax(0,1fr) auto}.activity-link:hover{background:#fbfdfb}
.customer-service-list{display:flex;flex-direction:column}.customer-service-row{display:grid;grid-template-columns:44px minmax(220px,1.6fr) minmax(130px,.7fr) minmax(120px,.6fr) minmax(120px,.6fr) auto;gap:14px;align-items:center;padding:15px 18px;border-bottom:1px solid #edf2ef}.customer-service-row:last-child{border-bottom:0}.customer-service-row strong,.customer-service-row small{display:block}.customer-service-row small{font-size:10px;color:var(--muted);margin-top:2px}.customer-service-meta span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.customer-service-meta strong{font-size:11px;margin-top:3px}.document-actions{display:flex;gap:7px;align-items:center}.pdf-button{display:inline-flex;align-items:center;gap:6px}
@media(max-width:1180px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-content-grid{grid-template-columns:1fr}.service-list-row{grid-template-columns:42px minmax(180px,1fr) 140px 120px auto}}
@media(max-width:920px){.customer-workspace-head{align-items:stretch;flex-direction:column}.customer-action-menu{align-self:flex-start}.customer-action-dropdown{left:0;right:auto}.customer-facts{display:grid;grid-template-columns:repeat(2,1fr)}.customer-facts>div{border-bottom:1px solid var(--line)}.service-choice-grid,.action-choice-row{grid-template-columns:1fr}.service-list-row,.customer-service-row{grid-template-columns:40px 1fr auto}.service-billing,.service-next,.customer-service-meta.hide-mobile{display:none}.settings-row{grid-template-columns:1fr}}
@media(max-width:650px){.category-grid{grid-template-columns:1fr;padding:12px}.customer-action-menu,.customer-action-trigger{width:100%}.customer-action-dropdown{width:min(315px,calc(100vw - 36px))}.customer-facts{grid-template-columns:1fr 1fr}.customer-facts>div{padding:10px 12px}.service-list-row{padding:12px}.activity-row{grid-template-columns:30px minmax(0,1fr) auto}.activity-row .icon-action,.activity-value{display:none}.form-actions{align-items:stretch;flex-direction:column-reverse}.form-actions .btn,.form-actions form,.form-actions form .btn{width:100%}}

/* v1.2 procurement + reference surfaces */
.document-reference-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.document-reference-strip>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 13px}.document-reference-strip span,.document-reference-strip strong{display:block}.document-reference-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:700}.document-reference-strip strong{font-size:12px;margin-top:3px}.procurement-strip{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:#fff}.procurement-strip>div{display:flex;align-items:center;gap:12px}.procurement-strip strong,.procurement-strip small{display:block}.procurement-strip small{color:var(--muted);font-size:11px;margin-top:2px}.search-row{display:flex;gap:8px;align-items:center;min-width:min(520px,100%)}.search-row .input{min-width:260px}.po-lines{display:flex;flex-direction:column;gap:9px;margin:10px 0}.po-line{display:grid;grid-template-columns:minmax(260px,2fr) 90px 150px 95px 36px;gap:9px;align-items:end;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fbfdfb}.po-line .field label{font-size:9px}.po-remove{margin-bottom:1px}.po-totals{margin-left:auto;max-width:340px;display:flex;flex-direction:column}.po-totals>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0}.po-totals>div.strong{border-top:1px solid var(--line);margin-top:4px;padding-top:10px;font-size:16px;color:var(--deep)}.customer-quick-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-quick-actions .quick-action{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.customer-quick-actions .quick-action small{margin-top:0}.table-actions{width:50px;text-align:right}
@media(max-width:1180px){.customer-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.po-line{grid-template-columns:minmax(220px,2fr) 80px 130px 85px 36px}}
@media(max-width:760px){.document-reference-strip{grid-template-columns:1fr}.procurement-strip{align-items:flex-start;flex-direction:column}.search-row{align-items:stretch;flex-direction:column}.search-row .input,.search-row .btn{width:100%;min-width:0}.po-line{grid-template-columns:1fr 1fr}.po-line .po-desc{grid-column:1/-1}.po-line .po-remove{grid-column:2;justify-self:end}.customer-quick-actions{grid-template-columns:1fr}}
.page-head .hero-actions,.customer-workspace-head>.hero-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.page-head .hero-actions form,.customer-workspace-head>.hero-actions form{margin:0}.eft-bank{padding:7px 0;border-top:1px solid rgba(8,43,26,.08)}.eft-bank strong,.eft-bank span{display:block}.eft-bank span{font-size:11px;color:var(--muted);margin-top:2px}

/* v1.3 customer/supplier lifecycle + reporting */
.filter-tabs{display:flex;gap:6px;margin:-6px 0 14px;flex-wrap:wrap}.filter-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#4f5d56;font-weight:700;font-size:12px}.filter-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#f0f4f1;color:#5f6f67;font-size:10px}.filter-tab.active{border-color:#b9d9c0;background:#f0faf2;color:#0d6c20}.filter-tab.active span{background:#dff5e4;color:#0d6c20}.row-muted{opacity:.68}.customer-header-actions{display:flex;gap:8px;align-items:flex-start}.record-manage-menu{position:relative}.record-manage-trigger{min-width:104px}.record-manage-dropdown{display:none;position:absolute;right:0;top:calc(100% + 7px);width:330px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(8,43,26,.16);z-index:24}.record-manage-menu:hover .record-manage-dropdown,.record-manage-menu:focus-within .record-manage-dropdown{display:block}.record-manage-dropdown>a,.record-manage-dropdown form>button,.dropdown-disabled{display:flex;width:100%;gap:10px;align-items:flex-start;padding:10px;border:0;border-radius:10px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.record-manage-dropdown>a:hover,.record-manage-dropdown form>button:hover{background:#f4f8f5}.record-manage-dropdown .ui-icon,.dropdown-disabled>.ui-icon{width:17px;height:17px;flex:0 0 auto;margin-top:2px;color:#39714a}.record-manage-dropdown span,.record-manage-dropdown strong,.record-manage-dropdown small,.dropdown-disabled span,.dropdown-disabled strong,.dropdown-disabled small{display:block}.record-manage-dropdown strong,.dropdown-disabled strong{font-size:12px}.record-manage-dropdown small,.dropdown-disabled small{font-size:10px;color:var(--muted);margin-top:2px;line-height:1.35}.record-manage-dropdown .danger-menu-action{color:var(--danger)}.record-manage-dropdown .danger-menu-action .ui-icon{color:var(--danger)}.dropdown-disabled{cursor:not-allowed;background:#f8faf9;color:#7c8a83}.lifecycle-banner{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;margin:0 0 16px;border:1px solid #e9d9b4;border-radius:13px;background:#fff9ed;color:#75510b}.lifecycle-banner>.ui-icon{width:19px;height:19px;margin-top:1px}.lifecycle-banner strong,.lifecycle-banner span{display:block}.lifecycle-banner span{font-size:11px;margin-top:2px;color:#856922}.lifecycle-actions{display:flex;flex-direction:column;gap:9px}.lifecycle-actions form,.lifecycle-actions form .btn{width:100%}.protected-record-note{display:flex;gap:8px;align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:10px;background:#f8faf9;color:var(--muted);font-size:10px;line-height:1.4}.protected-record-note .ui-icon{width:15px;height:15px;flex:0 0 auto}.report-filter-panel{margin-bottom:18px}.report-filter-form{display:grid;grid-template-columns:180px 180px auto 1fr;gap:12px;align-items:end}.report-period-note{align-self:center;justify-self:end;color:var(--muted);font-size:11px}.report-grid{margin:18px 0}.report-secondary-kpis{margin-top:18px}.trend-chart{display:flex;flex-direction:column;gap:12px}.trend-row{display:grid;grid-template-columns:78px minmax(180px,1fr) 125px;gap:12px;align-items:center}.trend-label{font-size:11px;font-weight:700;color:#54645c}.trend-bars{display:flex;flex-direction:column;gap:4px}.trend-track,.ageing-track{height:8px;border-radius:999px;background:#edf2ef;overflow:hidden}.trend-bar,.ageing-fill{height:100%;border-radius:999px}.trend-bar.billed,.legend-swatch.billed{background:#0b3d25}.trend-bar.collected,.legend-swatch.collected{background:var(--gitech)}.trend-values{text-align:right}.trend-values strong,.trend-values small{display:block}.trend-values strong{font-size:11px}.trend-values small{font-size:9px;color:var(--muted);margin-top:2px}.chart-legend{display:flex;gap:15px;margin-top:15px;padding-top:12px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.chart-legend span{display:flex;gap:6px;align-items:center}.legend-swatch{width:10px;height:10px;border-radius:3px}.ageing-chart{display:flex;flex-direction:column;gap:13px}.ageing-row{display:grid;grid-template-columns:72px minmax(140px,1fr) 105px;gap:10px;align-items:center}.ageing-label span,.ageing-label small{display:block}.ageing-label span{font-weight:700;font-size:11px}.ageing-label small{font-size:9px;color:var(--muted)}.ageing-fill{background:linear-gradient(90deg,#99d9a5,var(--gitech))}.ageing-row>strong{text-align:right;font-size:11px}.status-report-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.status-report-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fbfdfb}.status-report-list span{font-size:11px;color:#536159}.status-report-list strong{font-size:13px}.report-footnote{padding:11px 16px;border-top:1px solid var(--line);background:#fbfdfb;color:var(--muted);font-size:10px}.report-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:18px 0;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.report-summary-strip>div{background:#fff;padding:14px 16px}.report-summary-strip span,.report-summary-strip strong,.report-summary-strip small{display:block}.report-summary-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.report-summary-strip strong{font-size:15px;margin-top:3px}.report-summary-strip small{font-size:10px;color:var(--muted);margin-top:2px}.report-audit{margin-top:18px}.report-audit-row{grid-template-columns:34px minmax(0,1fr) auto}.eyebrow-page{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#5d7066;font-weight:800;margin-bottom:5px}
@media(max-width:1050px){.report-filter-form{grid-template-columns:1fr 1fr}.report-period-note{grid-column:1/-1;justify-self:start}.customer-header-actions{align-self:flex-start}}
@media(max-width:760px){.customer-header-actions{width:100%;display:grid;grid-template-columns:1fr auto}.customer-action-menu,.customer-action-trigger{width:100%}.record-manage-trigger span{display:none}.record-manage-trigger{min-width:42px;padding-left:10px;padding-right:10px}.record-manage-dropdown{width:min(330px,calc(100vw - 36px))}.report-filter-form{grid-template-columns:1fr}.report-period-note{grid-column:auto}.trend-row{grid-template-columns:62px 1fr}.trend-values{display:none}.report-summary-strip{grid-template-columns:1fr}.status-report-list{grid-template-columns:1fr}}

/* v1.3.2 reporting/PDF stability */
.report-export-menu{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.report-basis-note{margin:-4px 0 18px}.report-basis-note strong{display:inline;margin-right:4px}@media(max-width:900px){.report-head{align-items:flex-start;flex-direction:column}.report-export-menu{justify-content:flex-start}}

/* v1.5.0 - system settings, communication centre and catalogue management */
.settings-head{align-items:flex-end}.settings-status{display:flex;gap:10px;align-items:center;background:#f4faf5;border:1px solid #d9eadc;border-radius:12px;padding:10px 14px}.settings-status strong,.settings-status small{display:block}.settings-status small{color:#6b786f;margin-top:2px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.settings-section-wide{grid-column:1/-1}.settings-section .panel-body{padding-top:16px}.settings-switches{display:grid;gap:10px;margin-top:16px}.settings-switch{display:flex;gap:11px;align-items:flex-start;padding:12px 13px;border:1px solid #e0e8e2;border-radius:12px;background:#fbfcfb}.settings-switch input{margin-top:3px;accent-color:#1bbd36}.settings-switch strong,.settings-switch small{display:block}.settings-switch small{color:#6b786f;margin-top:3px;line-height:1.4}.compact-switches{margin:10px 0 14px}.sticky-form-actions{position:sticky;bottom:12px;z-index:8;display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding:12px;border:1px solid #dce6df;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(8,43,26,.08);backdrop-filter:blur(10px)}.bank-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bank-setting-card{border:1px solid #e0e8e2;border-radius:12px;padding:14px;background:#fbfcfb}.bank-setting-card .form-grid{margin-top:10px}.field-checkbox{align-self:end;padding-bottom:9px}.validation-summary{color:#a51c1c;margin-bottom:12px}.validation-summary:empty{display:none}
.catalogue-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:18px;align-items:start}.catalogue-main,.catalogue-editor-stack{display:grid;gap:18px}.catalogue-editor-stack{position:sticky;top:88px}.catalogue-summary{display:flex;gap:10px;flex-wrap:wrap}.catalogue-summary>div{min-width:92px;padding:10px 14px;border:1px solid #dce6df;border-radius:12px;background:#fff}.catalogue-summary strong,.catalogue-summary span{display:block}.catalogue-summary strong{font-size:20px}.catalogue-summary span{font-size:11px;color:#6b786f;margin-top:2px}.category-admin-list{display:grid}.category-admin-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 16px;border-top:1px solid #edf2ee}.category-admin-row:first-child{border-top:0}.category-admin-row strong,.category-admin-row small{display:block}.category-admin-row small{color:#6b786f;margin-top:3px}.table-actions{display:flex;gap:5px;align-items:center}.table-actions form{margin:0}.icon-action.danger{color:#a73333}.actions-col{text-align:right}.editor-panel .field{margin-bottom:11px}
.notification-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:12px}.filter-pills{display:flex;gap:6px}.filter-pill{display:inline-flex;gap:7px;align-items:center;padding:8px 12px;border-radius:999px;background:#eef3ef;color:#435047;font-size:12px;font-weight:700}.filter-pill.active{background:#082b1a;color:#fff}.filter-pill span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(27,189,54,.14);color:#168c2d}.filter-pill.active span{background:rgba(255,255,255,.15);color:#fff}.notification-list{display:grid}.notification-card{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:start;padding:17px 18px;border-top:1px solid #e9efeb}.notification-card:first-child{border-top:0}.notification-card.unread{background:#f8fcf8}.notification-state{padding-top:5px}.notification-dot{display:block;width:9px;height:9px;border-radius:50%;background:#1bbd36;box-shadow:0 0 0 4px rgba(27,189,54,.12)}.notification-read{color:#809087}.notification-read .ui-icon{width:15px;height:15px}.notification-title-row{display:flex;justify-content:space-between;gap:12px}.notification-title-row time{font-size:11px;color:#7a877f;white-space:nowrap}.notification-copy p{margin:5px 0 8px;color:#56645c;font-size:13px;line-height:1.5}.notification-channels{display:flex;gap:5px;flex-wrap:wrap}.channel-chip{display:inline-flex;padding:4px 8px;border:1px solid #dfe8e2;border-radius:999px;background:#fff;font-size:10px;font-weight:700;color:#5e6d64}.channel-warning{border-color:#f1d79c;background:#fffaf0;color:#8c6309}.notification-actions{display:flex;gap:6px;align-items:center}.notification-actions form{margin:0}.communication-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.65fr);gap:18px}.communication-message{padding:22px}.communication-brand{display:flex;gap:11px;align-items:center;padding-bottom:18px;border-bottom:1px solid #e9efeb}.communication-brand strong,.communication-brand small{display:block}.communication-brand small{color:#738078;margin-top:2px}.communication-body{padding:20px 0;font-size:14px;line-height:1.7;color:#2d3b32}.communication-body p{margin:0 0 12px}.delivery-list{display:grid;gap:10px}.delivery-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #edf2ee}.delivery-row:last-child{border-bottom:0}.delivery-row strong,.delivery-row small{display:block}.delivery-row strong{font-size:12px}.delivery-row small{font-size:10px;color:#7a877f;margin-top:2px}
@media(max-width:1050px){.settings-grid,.catalogue-layout,.communication-detail-grid{grid-template-columns:1fr}.catalogue-editor-stack{position:static}.bank-settings-grid{grid-template-columns:1fr}.settings-section-wide{grid-column:auto}}
@media(max-width:720px){.notification-toolbar,.notification-title-row{align-items:flex-start;flex-direction:column}.notification-card{grid-template-columns:16px minmax(0,1fr)}.notification-actions{grid-column:2;justify-content:flex-start}.settings-status{display:none}.category-admin-row{grid-template-columns:1fr auto}.category-admin-row .table-actions{grid-column:1/-1}}

.prefix-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.prefix-settings-grid .field{margin:0}.prefix-settings-grid input{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.04em}@media(max-width:1050px){.prefix-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.prefix-settings-grid{grid-template-columns:1fr}}

/* v1.6.0 - subscription billing operations and customer-service CRUD */
.metric-grid{display:grid;gap:12px}.metric-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:#fbfdfb}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{font-size:10px;text-transform:uppercase;letter-spacing:.65px;color:var(--muted);font-weight:700}.metric-card strong{font-size:20px;margin-top:5px}.metric-card small{font-size:10px;color:var(--muted);margin-top:3px}.input-compact{min-width:148px;padding:6px 8px;font-size:11px}.danger-zone-panel{margin-top:18px;border-color:#f0cbc7}.danger-zone-panel .panel-header{background:#fff9f8}.service-list-row .icon-action{flex:0 0 auto}.btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}@media(max-width:850px){.metric-grid-3{grid-template-columns:1fr}.input-compact{min-width:130px}}

/* v1.8.0 - responsive device pass + digital agreement experience */
html,body{max-width:100%;overflow-x:hidden}.app-shell,.workspace,.page-content,.panel,.panel-body,.panel-header,.grid-2>*,.grid-2-even>*,.grid-3>*,.cards>*,.form-grid>*{min-width:0}img{max-width:100%;height:auto}.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.data-table{max-width:none}.input,.select,.textarea{max-width:100%}.actions{max-width:100%}.sidebar{padding-bottom:env(safe-area-inset-bottom)}.topbar{padding-top:env(safe-area-inset-top)}.page-content{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.full-button{width:100%}

.agreement-page-head{align-items:center}.agreement-head-actions{justify-content:flex-end}.agreement-status-strip{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:-4px 0 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.agreement-status-strip.signed{border-color:#bfe7c7;background:#f2fbf4}.agreement-status-strip.pending{border-color:#ead9b0;background:#fffaf0}.agreement-status-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--deep);color:#fff;flex:0 0 auto}.agreement-status-strip.signed .agreement-status-icon{background:#118226}.agreement-status-strip strong,.agreement-status-strip span{display:block}.agreement-status-strip span{font-size:11px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}.agreement-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.65fr);gap:18px;align-items:start}.agreement-document-stack{display:grid;gap:18px;min-width:0}.agreement-sign-column{position:sticky;top:100px;min-width:0}.agreement-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;overflow:hidden}.agreement-facts>div{padding:11px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfdfb;min-width:0}.agreement-facts>div:nth-child(4n){border-right:0}.agreement-facts>div.wide{grid-column:span 4;border-right:0;border-bottom:0}.agreement-facts small,.agreement-facts strong{display:block}.agreement-facts small{font-size:9px;text-transform:uppercase;letter-spacing:.55px;color:var(--muted)}.agreement-facts strong{margin-top:4px;font-size:12px;overflow-wrap:anywhere}.agreement-service-card{display:grid;grid-template-columns:minmax(200px,2fr) repeat(5,minmax(90px,1fr));gap:1px;margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line)}.agreement-service-card>div{padding:11px 12px;background:#fff;min-width:0}.agreement-service-card small,.agreement-service-card strong{display:block}.agreement-service-card small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.45px}.agreement-service-card strong{font-size:11px;margin-top:3px;overflow-wrap:anywhere}.agreement-service-main{display:flex;gap:10px;align-items:center}.agreement-service-main small{text-transform:none;letter-spacing:0;margin-top:3px}.agreement-service-icon{width:34px;height:34px;border-radius:10px;background:#edf8ef;color:#118226;display:grid;place-items:center;flex:0 0 auto}.agreement-terms-panel{overflow:visible}.agreement-terms-body{max-width:920px;margin:0 auto;padding:26px 30px}.agreement-clause{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #edf2ee}.agreement-clause:last-child{border-bottom:0;margin-bottom:0}.agreement-clause h3{margin:0 0 9px;color:var(--deep);font-size:15px}.agreement-clause p{margin:0 0 9px;color:#34433a;font-size:13px;line-height:1.65}.agreement-sign-panel .panel-body{padding:16px}.signature-step{display:flex;gap:10px;padding:9px 0}.signature-step>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#edf8ef;color:#117425;font-size:11px;font-weight:800;flex:0 0 auto}.signature-step strong,.signature-step small{display:block}.signature-step small{color:var(--muted);font-size:10px;margin-top:2px;line-height:1.4}.agreement-sign-form{display:grid;gap:11px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.agreement-consent{display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px solid var(--line);border-radius:11px;background:#fbfdfb;font-size:11px;line-height:1.45;color:#47554d}.agreement-consent input{margin-top:2px;accent-color:var(--gitech);flex:0 0 auto}.agreement-consent.final{border-color:#bfe7c7;background:#f2fbf4}.otp-sign-box{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.otp-sign-head{margin-bottom:10px}.otp-sign-head strong,.otp-sign-head small{display:block}.otp-sign-head small{font-size:10px;color:var(--muted);margin-top:2px}.otp-input{text-align:center;font-size:22px;letter-spacing:.25em;font-weight:800}.digital-signature-card{border-color:#bfe7c7}.digital-signature-banner{display:flex;gap:10px;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#0b7a22,#18a234);color:#fff}.digital-signature-banner .ui-icon{width:25px;height:25px}.digital-signature-banner strong,.digital-signature-banner small{display:block}.digital-signature-banner small{font-size:10px;color:#d7f2dc;margin-top:1px}.signature-details{display:grid;gap:12px}.signature-details>div:not(.signature-assurance){padding-bottom:10px;border-bottom:1px solid #edf2ee}.signature-details small,.signature-details strong,.signature-details span{display:block}.signature-details small{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.signature-details strong{margin-top:3px;font-size:12px}.signature-details span{font-size:10px;color:var(--muted);margin-top:2px}.signature-code code{display:block;margin-top:5px;padding:8px;background:#f5f8f6;border-radius:8px;word-break:break-all;font-size:9px;line-height:1.4}.signature-assurance{padding:10px 11px;border-radius:10px;background:#f2fbf4;color:#376040;font-size:10px;line-height:1.45}

@media(pointer:coarse){.btn,.icon-button,.icon-action,.nav-link{min-height:44px}.input,.select,.textarea{min-height:44px}.nav-link{padding-top:12px;padding-bottom:12px}}
@media(max-width:1180px){.agreement-workspace{grid-template-columns:minmax(0,1fr) 330px}.agreement-service-card{grid-template-columns:minmax(190px,2fr) repeat(2,minmax(95px,1fr))}.agreement-service-card>div:nth-child(n+4){border-top:1px solid var(--line)}}
@media(max-width:1000px){.agreement-workspace{grid-template-columns:1fr}.agreement-sign-column{position:static}.agreement-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.agreement-facts>div:nth-child(4n){border-right:1px solid var(--line)}.agreement-facts>div:nth-child(2n){border-right:0}.agreement-facts>div.wide{grid-column:span 2}.agreement-service-card{grid-template-columns:repeat(3,minmax(0,1fr))}.agreement-service-main{grid-column:span 3}.agreement-head-actions{justify-content:flex-start}}
@media(max-width:760px){body{font-size:13px}.topbar{padding-left:12px;padding-right:12px;gap:10px}.topbar-title strong{font-size:15px}.page-content{padding:16px 12px calc(32px + env(safe-area-inset-bottom))}.panel{border-radius:14px}.panel-body{padding:15px}.panel-header{padding:14px 15px}.hero-card{padding:20px 18px;border-radius:17px}.page-head{margin-bottom:16px}.page-head .actions{width:100%}.page-head .actions .btn{flex:1 1 150px}.form-grid{grid-template-columns:1fr}.data-table{min-width:640px}.tabs{padding:0 10px}.tab{white-space:nowrap}.agreement-terms-body{padding:20px 17px}.agreement-clause p{font-size:12px}.agreement-status-strip{align-items:flex-start}.agreement-service-card{grid-template-columns:repeat(2,minmax(0,1fr))}.agreement-service-main{grid-column:span 2}.agreement-facts{grid-template-columns:1fr}.agreement-facts>div,.agreement-facts>div:nth-child(2n),.agreement-facts>div:nth-child(4n){border-right:0}.agreement-facts>div.wide{grid-column:auto}.agreement-head-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.agreement-head-actions .btn:last-child{grid-column:1/-1}.topbar-actions form .btn{padding-left:9px;padding-right:9px}.topbar-actions form .btn{font-size:0}.topbar-actions form .btn:after{content:"Exit";font-size:11px}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.topbar{height:64px}.eyebrow{display:none}.page-head h1{font-size:22px}.metric-value{font-size:21px}.hero-card h1{font-size:23px}.quick-actions{grid-template-columns:1fr}.agreement-head-actions{grid-template-columns:1fr}.agreement-head-actions .btn:last-child{grid-column:auto}.agreement-service-card{grid-template-columns:1fr}.agreement-service-main{grid-column:auto}.agreement-status-icon{width:34px;height:34px}.agreement-terms-body{padding:16px 14px}.agreement-clause h3{font-size:14px}.agreement-clause p{font-size:11.5px;line-height:1.6}.filter-pills{width:100%;overflow-x:auto;padding-bottom:2px}.filter-pill{white-space:nowrap}.notification-card{padding-left:12px;padding-right:12px}.customer-facts{grid-template-columns:1fr}.customer-header-actions{grid-template-columns:1fr}.record-manage-trigger span{display:inline}.record-manage-trigger{width:100%}.record-manage-dropdown,.customer-action-dropdown{position:fixed;left:12px!important;right:12px!important;top:auto!important;bottom:12px;width:auto!important;max-height:70vh;overflow:auto}.message{max-width:100%}.auth-panel{padding:22px 14px}}
@media(max-width:380px){.page-content{padding-left:9px;padding-right:9px}.panel-body,.panel-header{padding-left:12px;padding-right:12px}.btn{padding-left:10px;padding-right:10px}.topbar-title strong{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.agreement-status-strip.legacy{border-color:#d9e1dc;background:#f8faf9}.agreement-status-strip.legacy .agreement-status-icon{background:#64736b}
.signature-valid{color:#0b7a22}.signature-warning{color:#a06400}

.field-error{font-size:11px;color:var(--danger);margin-top:4px}.field-error:empty{display:none}

/* v1.9.0: RFQ builder, availability dialog and explicit SAST presentation */
.app-dialog{border:0;border-radius:18px;padding:0;max-width:520px;width:calc(100% - 32px);box-shadow:0 24px 80px rgba(8,43,26,.22);background:transparent}
.app-dialog::backdrop{background:rgba(8,23,15,.52);backdrop-filter:blur(2px)}
.app-dialog-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;text-align:center}
.app-dialog-card h3{margin:12px 0 8px}.app-dialog-card p{color:var(--muted);line-height:1.55;margin:0}.app-dialog-icon{width:46px;height:46px;border-radius:14px;background:#f2f7f3;display:grid;place-items:center;margin:auto;font-weight:900;color:var(--deep)}
.rfq-page-grid{align-items:start}.rfq-builder-panel{overflow:visible}.rfq-toolbar{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.rfq-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f5faf6;border:1px solid #dcebe0;border-radius:12px;padding:12px 14px;margin:14px 0}.rfq-summary span{font-size:12px;color:var(--muted);text-align:right}.rfq-sections{display:flex;flex-direction:column;gap:12px}.rfq-section{border:1px solid var(--line);border-radius:14px;background:#fbfdfb;padding:14px}.rfq-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.rfq-section-head small{display:block;color:var(--muted);margin-top:2px}.rfq-section-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:12px}.rfq-service-add-row{display:grid;grid-template-columns:1fr auto;gap:8px}.rfq-selected-services{display:flex;flex-direction:column;gap:7px;margin-top:12px}.rfq-service-chip{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid #dce7df;background:#fff;border-radius:10px;padding:9px 10px}.rfq-service-chip small{display:block;color:var(--muted);margin-top:2px}.timezone-footer{font-size:11px;color:var(--muted);text-align:right;padding:10px 2px 0}
@media(max-width:920px){.rfq-toolbar,.rfq-section-grid{grid-template-columns:1fr}.rfq-summary{align-items:flex-start;flex-direction:column}.rfq-summary span{text-align:left}.rfq-service-add-row{grid-template-columns:1fr}.timezone-footer{text-align:center}}

/* v1.9.2 public portal, RFQ workflow and catalogue action hardening */
.table-actions{width:auto;min-width:116px;justify-content:flex-end;white-space:nowrap}.actions-col{min-width:130px}.category-admin-row{overflow:visible}.category-admin-row>.table-actions{justify-self:end;min-width:116px}

.public-body{min-height:100vh;background:#fff;color:var(--ink);position:relative;overflow-x:hidden;font-family:"Segoe UI Variable","Aptos","Segoe UI",Arial,sans-serif;font-weight:400}.public-watermark{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(circle at 8% 15%,rgba(27,189,54,.042),transparent 21%),radial-gradient(circle at 90% 82%,rgba(27,189,54,.035),transparent 24%)}.public-watermark:before,.public-watermark:after{content:"";position:absolute;background:url('/brand/gitech-watermark.svg') center/contain no-repeat;pointer-events:none}.public-watermark:before{right:-150px;bottom:-190px;width:620px;height:620px;opacity:.034;transform:rotate(-7deg)}.public-watermark:after{left:-88px;top:115px;width:310px;height:310px;opacity:.014;transform:rotate(16deg)}.public-topbar{min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #edf1ee;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.public-mini-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;letter-spacing:.01em}.public-mini-brand img{width:28px;height:28px}.public-nav{display:flex;align-items:center;gap:22px;font-size:13px;color:#34433b}.public-nav>a{font-weight:500;letter-spacing:.005em}.public-nav>a:hover{color:#118226}.apps-button{width:40px;height:40px;border-radius:50%;display:grid;grid-template-columns:repeat(3,4px);grid-auto-rows:4px;gap:4px;place-content:center;cursor:pointer;list-style:none;transition:.18s}.apps-button::-webkit-details-marker{display:none}.apps-button:hover,.product-launcher[open] .apps-button{background:#f1f5f2}.apps-button span{width:4px;height:4px;background:#526159;border-radius:50%}.product-launcher{position:relative}.product-launcher-popover{position:absolute;right:0;top:48px;width:282px;background:#fff;border:1px solid #e0e8e2;border-radius:18px;padding:15px;box-shadow:0 16px 42px rgba(8,43,26,.12);z-index:80}.product-launcher-title{font-size:15px;font-weight:600;letter-spacing:.01em;margin:2px 4px 13px;color:#26362e}.product-launcher-item{display:flex;align-items:center;gap:12px;padding:11px;border-radius:13px;background:#fff;border:1px solid #e5ece7}.product-launcher-item:hover{border-color:#c9d8ce;background:#fbfdfb}.product-launcher-item img{width:48px;height:48px;border-radius:13px;object-fit:cover}.product-launcher-item span{font-weight:500}.product-launcher-more{display:block;margin-top:10px;text-align:center;color:#118226;font-weight:500;padding:8px}.public-main{position:relative;z-index:1;min-height:calc(100vh - 120px);display:grid;place-items:center;padding:50px 24px}.public-footer{position:relative;z-index:1;text-align:center;font-size:11px;color:var(--muted);font-weight:400;padding:0 20px 22px}.public-login-shell{width:min(720px,100%);display:flex;flex-direction:column;align-items:center;gap:26px}.public-login-brand{text-align:center;position:relative}.public-login-brand:after{content:"";position:absolute;width:190px;height:190px;right:-92px;top:-58px;background:url('/brand/gitech-watermark.svg') center/contain no-repeat;opacity:.035;pointer-events:none}.public-login-brand img{position:relative;z-index:1;width:min(300px,62vw);max-height:104px;object-fit:contain}.public-login-brand p{position:relative;z-index:1;margin:8px auto 0;color:#65736c;max-width:540px;font-size:13px;font-weight:400}.public-login-card{position:relative;overflow:hidden;width:min(510px,100%);border:1px solid #dfe7e1;border-radius:24px;padding:31px 32px 29px;background:rgba(255,255,255,.985);box-shadow:0 12px 38px rgba(8,43,26,.065)}.public-login-card:after{content:"";position:absolute;width:210px;height:210px;right:-118px;bottom:-120px;background:url('/brand/gitech-watermark.svg') center/contain no-repeat;opacity:.028;pointer-events:none}.public-login-heading{position:relative;z-index:1;text-align:center;margin-bottom:23px}.public-login-heading h1{font-size:27px;line-height:1.15;font-weight:600;letter-spacing:-.35px;margin:7px 0 7px}.public-login-heading p{margin:0;color:var(--muted);font-weight:400}.public-body .eyebrow-page{font-weight:600;letter-spacing:1.05px}.public-login-form{position:relative;z-index:1;display:flex;flex-direction:column;gap:15px}.public-login-card .field label{font-weight:500;color:#3d4c45}.public-input{min-height:49px;border-radius:12px;background:#fff;border-color:#ced9d2}.public-input:hover{border-color:#adbbb2}.public-login-options{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.public-login-options .checkbox-row{font-weight:400;color:#536159}.public-login-options .text-link{font-weight:500}.public-signin{width:100%;min-height:49px;border-radius:12px;font-weight:600;box-shadow:none}.auth-foot{position:relative;z-index:1;text-align:center;color:var(--muted);font-size:11px;font-weight:400;line-height:1.55;margin-top:20px}.auth-foot strong{font-weight:600}.public-content-card{width:min(1180px,100%);background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 12px 44px rgba(8,43,26,.06)}.public-section-head{max-width:760px;margin-bottom:24px}.public-section-head h1{font-size:34px;line-height:1.1;margin:7px 0 9px}.products-page .public-section-head h1{font-family:inherit;font-weight:600;letter-spacing:.01em}.public-section-head p{margin:0;color:var(--muted);font-size:15px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.18s}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#c4d8c9}.product-card img{width:72px;height:72px;border-radius:18px;object-fit:cover}.product-card strong,.product-card span,.product-card small{display:block}.product-card strong{font-size:18px}.product-card span{color:var(--muted);margin-top:2px}.product-card small{color:#118226;font-weight:600;margin-top:8px}

.rfq-public-card{max-width:1120px}.rfq-block{border:1px solid #e0e9e3;border-radius:18px;padding:18px;margin:14px 0;background:#fbfdfb}.compact-rfq-block{padding:15px}.rfq-block-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.rfq-block-head strong{font-size:14px}.rfq-block-head span{font-size:12px;color:var(--muted);max-width:520px;text-align:right}.rfq-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:11px;align-items:stretch}.rfq-category-card{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;min-width:0;min-height:76px;padding:14px 15px;border:1px solid #dce6df;border-radius:14px;background:#fff;cursor:pointer;transition:.15s;overflow:hidden}.rfq-category-card:hover{border-color:#b7d2bf}.rfq-category-card>input{position:absolute;opacity:0;pointer-events:none}.rfq-category-dot{width:18px;height:18px;border-radius:50%;border:2px solid #a9b8af;margin-top:1px;display:grid;place-items:center}.rfq-category-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:transparent}.rfq-category-card:has(input:checked){border-color:#7bd48b;background:#f1fbf3;box-shadow:inset 0 0 0 1px rgba(27,189,54,.18)}.rfq-category-card:has(input:checked) .rfq-category-dot{border-color:var(--gitech)}.rfq-category-card:has(input:checked) .rfq-category-dot:after{background:var(--gitech)}.rfq-category-copy{min-width:0;overflow-wrap:anywhere}.rfq-category-card strong,.rfq-category-card small{display:block}.rfq-category-card small{font-size:10px;color:var(--muted);margin-top:3px}.rfq-category-other{background:#f7faf8}.rfq-other-field{display:none;margin-top:12px;padding:14px;border:1px dashed #c9dbcf;border-radius:13px;background:#fff}.rfq-other-field.is-visible{display:flex}.choice-row{display:flex;gap:10px;flex-wrap:wrap}.choice-pill{position:relative;cursor:pointer}.choice-pill input{position:absolute;opacity:0}.choice-pill span{display:inline-flex;padding:9px 15px;border:1px solid #d5dfd8;border-radius:999px;background:#fff;font-weight:700}.choice-pill:has(input:checked) span{border-color:#7bd48b;background:#eefaf0;color:#0d6f20}.rfq-selected-groups{display:flex;flex-direction:column;gap:10px}.rfq-selected-group{border:1px solid #e0e8e2;border-radius:13px;background:#fff;overflow:hidden}.rfq-selected-group-title{padding:9px 11px;background:#f4f8f5;font-size:11px;font-weight:800;color:#3f5147;border-bottom:1px solid #e5ece7}.rfq-selected-group [data-rfq-group-items]{padding:8px;display:flex;flex-direction:column;gap:6px}.rfq-requirements{min-height:155px}.rfq-submit-btn{margin-top:4px;min-width:180px}

.rfq-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#eefaf0;border:1px solid #bfe9c7;color:#0e7622;font-size:10px;font-weight:800;letter-spacing:.4px}.rfq-handover-panel{border-color:#cfe6d4}.rfq-quote-builder{display:grid;gap:12px}.rfq-requester-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rfq-requester-card>div{padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fbfdfb}.rfq-requester-card span,.rfq-requester-card strong{display:block}.rfq-requester-card span{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.rfq-requester-card strong{margin-top:3px;font-size:12px}

@media(max-width:900px){.public-topbar{padding:0 18px}.public-nav{gap:14px}.public-main{padding:36px 16px}.product-grid{grid-template-columns:1fr 1fr}.rfq-block-head{flex-direction:column;gap:4px}.rfq-block-head span{text-align:left}.rfq-requester-card{grid-template-columns:1fr}}
@media(max-width:680px){.public-topbar{min-height:0;height:auto;padding:10px 12px 9px;display:grid;grid-template-columns:1fr;grid-template-areas:"brand" "nav";gap:8px}.public-mini-brand{grid-area:brand;min-width:0;font-size:13px;gap:8px;justify-self:start}.public-mini-brand img{width:26px;height:26px}.public-mini-brand span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-nav{grid-area:nav;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px;gap:7px;align-items:center}.public-nav>a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:38px;padding:8px 10px;border:1px solid #e3eae5;border-radius:10px;background:#fbfdfb;color:#35453d;font-size:11.5px;font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-nav>a:hover{background:#f4f8f5;border-color:#ccd9d0}.product-launcher{justify-self:end}.apps-button{width:42px;height:38px;border:1px solid #e3eae5;border-radius:10px;background:#fbfdfb}.product-launcher-popover{position:fixed;right:12px;left:12px;top:104px;width:auto}.public-main{padding:24px 12px 30px}.public-login-shell{gap:18px}.public-login-brand img{width:min(245px,68vw)}.public-login-brand p{font-size:12px;max-width:330px}.public-login-card,.public-content-card{padding:23px 18px;border-radius:19px}.public-login-heading h1{font-size:24px}.public-section-head h1{font-size:28px}.rfq-category-grid,.product-grid{grid-template-columns:1fr}.public-login-options{align-items:flex-start;flex-direction:column}.rfq-toolbar{grid-template-columns:1fr}.rfq-service-add-row{grid-template-columns:1fr}.public-watermark:before{right:-145px;bottom:-110px;width:430px;height:430px;opacity:.032}.public-watermark:after{left:-92px;top:150px;width:235px;height:235px;opacity:.017}.public-login-brand:after{width:145px;height:145px;right:-54px;top:-34px;opacity:.026}.public-login-card:after{width:170px;height:170px;right:-96px;bottom:-102px;opacity:.025}}
@media(max-width:390px){.public-topbar{padding-left:9px;padding-right:9px}.public-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;gap:5px}.public-nav>a{padding-left:7px;padding-right:7px;font-size:11px}.apps-button{width:40px}.public-login-card{padding-left:15px;padding-right:15px}.public-login-brand img{width:min(220px,72vw)}}

/* v1.9.2 RFQ ticket workspace */
.pre-line{white-space:pre-line;overflow-wrap:anywhere}.rfq-ticket-summary{position:relative;overflow:hidden}.rfq-ticket-summary:after{content:"";position:absolute;width:210px;height:210px;right:-75px;bottom:-105px;background:url('/brand/gitech-watermark.svg') center/contain no-repeat;opacity:.055;pointer-events:none}.rfq-requester-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rfq-requester-grid>div{display:flex;flex-direction:column;gap:3px;padding:12px 13px;border:1px solid #e0e9e3;border-radius:12px;background:#fbfdfb}.rfq-requester-grid small{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:800}.rfq-requester-grid strong{font-size:13px}.rfq-requester-grid span{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.rfq-requester-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-3{grid-template-columns:1fr}}
@media(max-width:600px){.rfq-requester-grid{grid-template-columns:1fr}}
.quote-edit-table .input{min-width:105px}.quote-edit-table td:first-child .input{min-width:280px}.quote-edit-total{margin:16px 0 0 auto;max-width:340px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:#f8fbf9;display:flex;justify-content:space-between;gap:20px;align-items:center}.quote-edit-total span{color:var(--muted);font-size:12px}.quote-edit-total strong{font-size:18px;color:var(--deep)}

/* v1.9.6 mandatory first-login password change */
.password-change-card .public-login-heading p{max-width:410px;margin-left:auto;margin-right:auto}.security-callout{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;margin:-5px 0 18px;padding:12px 14px;border:1px solid #cfe8d4;border-radius:12px;background:#f3fbf5;color:#2d4435;font-size:12px;line-height:1.45}.security-callout strong{font-weight:600;color:#155f25}.security-callout span{color:#5d6d64}.forced-password-logout{position:relative;z-index:1;text-align:center;margin-top:14px}.button-link{border:0;background:transparent;padding:5px;color:#526159;font-size:12px;font-weight:500;cursor:pointer}.button-link:hover{color:#118226}

/* v1.9.7 layout hardening: prevent long headings/actions from colliding. */
.panel-header{flex-wrap:wrap}.panel-header>*{min-width:0}.panel-header>.actions{margin-left:auto;justify-content:flex-end}.actions>form,.row-actions>form{margin:0}.page-head>div{min-width:0}
@media(max-width:760px){.panel-header>.actions{width:100%;margin-left:0;justify-content:flex-start}.panel-header>.actions .btn{flex:1 1 150px}}

/* v1.9.11: restrained, responsive account-recovery screens. */
.password-recovery-card .public-login-heading p{max-width:425px;margin:0 auto;line-height:1.6}
.recovery-navigation{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:13px;margin-top:19px}
.recovery-navigation .btn{display:flex;align-items:center;justify-content:center;text-decoration:none}
.recovery-navigation .text-link,.public-login-options .text-link{font-weight:500;color:#16882d;text-decoration:none}
.recovery-navigation .text-link:hover,.public-login-options .text-link:hover{text-decoration:underline}
.password-recovery-card .security-callout{margin:12px 0 0}
@media(max-width:680px){.recovery-navigation{gap:16px}.password-recovery-card .public-login-heading h1{font-size:23px}}

/* v1.9.12: Sales layout and least-privilege User Management */
.catalogue-layout.catalogue-layout-readonly{grid-template-columns:minmax(0,1fr)}
.catalogue-layout-readonly .catalogue-main{width:100%;max-width:none;min-width:0}
.sales-workspace-panel,.sales-attention-panel{width:100%;max-width:none}
.sales-attention-panel{margin-top:16px}
.sales-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;align-items:stretch}
.sales-shortcut{min-width:0;min-height:100px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:17px 18px;border:1px solid #dce8df;border-radius:14px;background:linear-gradient(135deg,#fff 20%,#f8fcf8);transition:border-color .17s,box-shadow .17s,transform .17s}
.sales-shortcut:hover,.sales-shortcut:focus-visible{border-color:#a5d5ae;box-shadow:0 5px 18px rgba(16,71,36,.07);transform:translateY(-1px)}
.sales-shortcut strong{display:block;font-size:14px;font-weight:600;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.sales-shortcut small{display:block;font-size:12px;line-height:1.45;color:#607569;white-space:normal;overflow-wrap:anywhere}
.sales-metrics{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.sales-workspace-panel .panel-body{padding:17px 19px 19px}
.attention-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:11px 0;border-bottom:1px solid #eef3f0}
.attention-row:last-child{border-bottom:none}
.user-permissions-note{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;flex-wrap:wrap}
.user-permissions-note strong{font-weight:650}
.user-management-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);gap:18px;align-items:start}
.user-management-layout>.panel{min-width:0}
.user-table{min-width:690px}
.user-table-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:230px}
.user-table-actions form{display:inline-flex;margin:0}
.permission-summary{max-width:280px;margin-top:7px;line-height:1.5;overflow-wrap:anywhere}
.user-edit-panel{max-width:900px}
.sales-permission-section{margin:18px 0 15px}
.sales-permission-fieldset{min-width:0;margin:0;padding:15px;border:1px solid #dce9df;border-radius:14px;background:#fbfdfb}
.sales-permission-fieldset legend{padding:0 7px;font-size:14px;font-weight:650;color:#123d21}
.permission-presets{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 15px}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.permission-choice{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #dce8df;border-radius:11px;background:#fff;cursor:pointer;min-width:0}
.permission-choice:hover{border-color:#abddaf;background:#fcfffc}
.permission-choice input{flex:0 0 auto;margin:3px 0 0;width:17px;height:17px;accent-color:#1bbd36}
.permission-choice strong,.permission-choice small{display:block;overflow-wrap:anywhere}
.permission-choice strong{font-size:12.5px;font-weight:600;line-height:1.4}
.permission-choice small{font-size:11px;line-height:1.45;color:#62786a;margin-top:3px}
.security-note{margin:12px 0 17px;padding:12px 14px;border:1px solid #dce8df;border-radius:11px;background:#f6fbf7;color:#385445;font-size:12px;line-height:1.55}
.quote-service-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;max-height:360px;overflow-y:auto;padding:4px 2px}
.quote-service-option{display:flex;align-items:flex-start;gap:10px;border:1px solid #dce9df;border-radius:11px;padding:13px;background:#fff;min-width:0;cursor:pointer}
.quote-service-option input{margin-top:3px;accent-color:#1bbd36;width:17px;height:17px;flex-shrink:0}
.quote-service-option strong,.quote-service-option small{display:block;overflow-wrap:anywhere}
.quote-service-option strong{font-weight:600;font-size:13px}
.quote-service-option small{font-size:11px;color:#667c70;margin-top:3px}
@media(max-width:1200px){.user-management-layout{grid-template-columns:minmax(0,1fr)}.user-management-layout>.panel{width:100%}}
@media(max-width:760px){.sales-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sales-shortcut{padding:14px;min-height:105px}.permission-grid{grid-template-columns:1fr}.catalogue-layout-readonly .catalogue-main{max-width:100%}.user-management-layout{gap:13px}}
@media(max-width:480px){.sales-shortcuts{grid-template-columns:1fr}.sales-shortcut{min-height:0;padding:15px}.sales-workspace-panel .panel-body{padding:13px}.permission-presets .btn{flex:1 1 140px}.quote-service-choices{grid-template-columns:1fr}.sales-metrics{grid-template-columns:1fr}}

/* No empty Support column in Sales customer profiles */
.customer-history-grid.customer-history-full{grid-template-columns:minmax(0,1fr)}

/* v1.9.13: partner landing, portal dashboard, admin processing and customer-consented support access */
.partner-login-prompt{margin-top:17px;padding:13px 15px;border-radius:12px;background:#f0faf1;border:1px solid #d7eadb;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12px}
.partner-login-prompt strong{color:#104b25}.partner-landing{width:min(1120px,100%);margin:0 auto;display:flex;flex-direction:column;gap:24px}
.partner-hero{position:relative;overflow:hidden;padding:clamp(24px,5vw,60px);background:linear-gradient(118deg,#072818,#116631 78%,#1bbd36);color:#fff;border-radius:23px;box-shadow:0 18px 36px rgba(5,50,23,.16)}
.partner-hero:after{content:"";position:absolute;right:-100px;bottom:-150px;width:450px;height:450px;background:url('/brand/gitech-watermark.svg') center/contain no-repeat;opacity:.08;pointer-events:none}
.partner-hero>*{position:relative;z-index:1}.partner-hero .eyebrow-page{color:#a6f4b5}.partner-hero h1{font-size:clamp(29px,4.4vw,56px);line-height:1.05;letter-spacing:-.04em;max-width:700px;margin:15px 0}.partner-hero p{font-size:clamp(14px,1.8vw,18px);line-height:1.62;max-width:610px;color:#ddf5e1;margin:0 0 23px}
.partner-hero .btn-outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);color:#fff}
.partner-hero-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.partner-hero-points span{border:1px solid rgba(255,255,255,.21);background:rgba(0,0,0,.13);border-radius:999px;padding:7px 11px;font-size:11px}
.partner-programmes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.partner-program-card .panel-body{display:flex;flex-direction:column;align-items:flex-start;height:100%;gap:12px}.partner-program-card h2{font-size:25px;margin:0}.partner-program-card p{line-height:1.65;margin:0;color:var(--muted);flex:1}.partner-program-card .btn{margin-top:8px}.partner-benefits{display:flex;flex-wrap:wrap;gap:7px}.partner-benefits span{border:1px solid #d8e9dc;background:#f2faf4;border-radius:999px;padding:7px 9px;color:#17632c;font-size:11px;font-weight:700}
.partner-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.partner-step-grid>div{padding:15px;border:1px solid var(--line);border-radius:14px;background:#f7fbf8;min-width:0}.partner-step-grid strong{font-size:12px}.partner-step-grid p{color:var(--muted);font-size:12px;line-height:1.55;margin-bottom:0}
.partner-registration{max-width:900px;margin:0 auto}.partner-registration .form-grid{margin:20px 0}.partner-registration .checkbox-row{align-items:flex-start;line-height:1.55}.partner-registration .checkbox-row a{font-weight:700;color:#13842c;text-decoration:underline}
.partner-terms{line-height:1.7}.partner-terms h2{font-size:16px;margin:24px 0 6px}.partner-terms p{color:#40534a;margin:3px 0 11px}
.partner-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.partner-stats .metric{min-width:0}.partner-stats .metric-value{overflow-wrap:anywhere;font-size:clamp(19px,2.2vw,27px)}
.partner-referral-panel{border-color:#c9e5d0}.partner-referral-line{display:flex;align-items:center;gap:10px}.partner-referral-line .input{flex:1;min-width:0}.partner-referral-panel .panel-body p{margin:12px 0 0}
.partner-inline-form,.partner-plan-form,.partner-lead-form,.partner-payout-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}.partner-inline-form .field{flex:1;min-width:150px}.partner-plan-form label{font-size:11px;color:var(--muted)}.partner-plan-form input{max-width:110px;margin-top:4px}.partner-payout-form .input{max-width:185px}.partner-admin-table td{vertical-align:top}
.partner-category-choice{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px;padding:14px;border-radius:12px;border:1px solid var(--line);background:#f9fcfa}.partner-category-choice .checkbox-row{align-items:center}
.support-access-banner .panel-body{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.support-access-banner .panel-body span{flex:1;min-width:220px}.support-code-card{background:linear-gradient(130deg,#edf9ef,#f9fcfa);border:1px solid #a5dbac;border-radius:16px;text-align:center;padding:28px 16px}.support-code-value{font-size:clamp(20px,4vw,34px);font-weight:800;letter-spacing:.15em;overflow-wrap:anywhere;padding:14px 0}.support-code-card p{max-width:540px;margin:6px auto 0;font-size:12px}
@media(max-width:1000px){.partner-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.partner-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-programmes{grid-template-columns:1fr}.partner-hero{padding:28px 22px}}
@media(max-width:540px){.partner-stats,.partner-step-grid{grid-template-columns:1fr}.partner-referral-line{align-items:stretch;flex-direction:column}.partner-inline-form,.partner-plan-form,.partner-payout-form{align-items:stretch}.partner-inline-form .field{width:100%}.partner-admin-table .input{max-width:100%}.partner-hero-points{gap:5px}}


/* v1.9.14 | Cross-portal alignment, accessible navigation and RFQ-first customer flow */
.workspace,.page-content,.page-head>div,.panel-header>div,
.grid-2>*,.grid-2-even>*,.grid-3>*,.form-grid>*,.cards>*,.panel{min-width:0}
.page-content{width:100%}
.panel-header{flex-wrap:wrap}
.panel-header>.actions{min-width:0;flex-wrap:wrap}
.page-head .actions{max-width:100%}
.actions .btn{white-space:normal;text-align:center}
.data-table th,.data-table td{max-width:420px}
.data-table td{overflow-wrap:anywhere}
.table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.table-wrap:focus-visible{outline:3px solid rgba(27,189,54,.55);outline-offset:-3px}
:is(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(27,189,54,.57);outline-offset:2px}
.rfq-category-card:focus-within{outline:3px solid rgba(27,189,54,.42);outline-offset:2px}
.skip-to-content{position:fixed;left:12px;top:-90px;z-index:1000;padding:10px 16px;border-radius:10px;background:#fff;color:var(--deep);border:2px solid var(--gitech);font-weight:800}
.skip-to-content:focus{top:10px}
.customer-rfq-workspace{display:flex;flex-direction:column;gap:16px;min-width:0}
.customer-rfq-workspace section[id],#partner-leads{scroll-margin-top:102px}
.rfq-builder-panel{overflow:hidden}
.rfq-primary-head{background:linear-gradient(90deg,#f2fbf4,#fff)}
.rfq-primary-head h2{font-size:17px}
.rfq-header-note{display:inline-flex;align-items:center;border:1px solid #cce9d2;border-radius:999px;color:#0b7523;background:#effaf1;padding:5px 10px;font-weight:800;font-size:11px;white-space:nowrap}
.rfq-composer-body{padding:14px 16px 16px}
.rfq-compose-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;gap:14px}
.rfq-builder-panel .rfq-block{margin:0;padding:14px;border-radius:14px}
.rfq-builder-panel .rfq-block-head{flex-direction:column;gap:3px;margin-bottom:11px}
.rfq-builder-panel .rfq-block-head span{text-align:left;max-width:none;font-size:11px}
.rfq-builder-panel .rfq-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rfq-builder-panel .rfq-category-card{padding:10px 11px;gap:9px;min-height:61px;border-radius:11px;align-items:center}
.rfq-builder-panel .rfq-category-copy strong{font-size:12px;line-height:1.3}
.rfq-builder-panel .rfq-category-copy small{font-size:10px;line-height:1.35}
.rfq-builder-panel .rfq-category-dot{margin-top:0}
.rfq-selection-summary{color:#577164;font-size:11px;margin:8px 0 0;min-height:16px}
.rfq-selection-summary.has-selection{color:#16782c;font-weight:700}
.rfq-builder-panel .rfq-other-field{margin-top:8px;padding:9px}
.rfq-requirements-field{margin-top:12px}
.rfq-builder-panel .rfq-requirements{min-height:138px}
.rfq-submit-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}
.rfq-submit-bar p{color:var(--muted);font-size:12px;margin:0;max-width:700px}
.rfq-submit-bar p a{text-decoration:underline;color:#12782b;font-weight:700}
.rfq-submit-bar .btn{min-width:150px;flex-shrink:0}
.customer-quotes-panel .panel-header h2{font-size:16px}
.quote-empty-state{padding:22px 18px;text-align:left}
.quote-empty-state strong{display:block;color:var(--ink);font-size:14px}
.quote-empty-state p{margin:5px 0 0;font-size:12px;max-width:780px}
.customer-quotes-panel .data-table{min-width:740px}
.rfq-public-details-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;align-items:stretch}
.rfq-public-details-grid>.rfq-block{margin:14px 0 0;min-width:0}
.rfq-public-details-grid .rfq-block-head{flex-direction:column;gap:4px}
.rfq-public-details-grid .rfq-block-head span{text-align:left}
.rfq-public-details-grid .rfq-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rfq-public-details-grid .rfq-category-card{padding:10px;min-height:64px}
.rfq-public-details-grid .rfq-requirements{min-height:160px}
.customer-dashboard-metrics,.partner-stats{display:flex;flex-wrap:wrap;gap:12px}
.customer-dashboard-metrics>.metric,.partner-stats>.metric{flex:1 1 185px;min-width:min(100%,185px);margin:0}
.customer-recent-invoice{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid #eef3f0;overflow-wrap:anywhere}
.customer-recent-invoice>.money{flex-shrink:0}
.partner-referral-line{flex-wrap:wrap}
.partner-referral-line .copy-feedback{min-width:0;color:#146c2b}
.partner-referral-line .input{flex:1 1 260px}
@media(max-width:1100px){
  .rfq-compose-layout{grid-template-columns:minmax(0,1fr)}
  .rfq-builder-panel .rfq-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .rfq-public-details-grid{grid-template-columns:minmax(0,1fr)}
  .rfq-public-details-grid .rfq-category-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
}
@media(max-width:700px){
  .rfq-builder-panel .rfq-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rfq-primary-head{align-items:flex-start}
  .customer-rfq-workspace{gap:12px}
  .rfq-composer-body{padding:11px}
  .rfq-builder-panel .rfq-block{padding:12px}
  .rfq-submit-bar{flex-wrap:wrap}
  .rfq-submit-bar .btn{width:100%}
  .page-head>.actions{width:100%}
}
@media(max-width:430px){
  .rfq-builder-panel .rfq-category-grid,.rfq-public-details-grid .rfq-category-grid{grid-template-columns:minmax(0,1fr)}
  .rfq-builder-panel .rfq-category-card{min-height:49px;padding:9px 11px}
  .rfq-builder-panel .rfq-category-copy small{display:none}
  .customer-recent-invoice{flex-wrap:wrap}
  .partner-referral-line .btn{flex:1}
}
@media(max-width:540px){
  .topbar-title{flex:1;min-width:0;overflow:hidden}
  .topbar-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar-actions .user-chip{display:none}
  .topbar-actions{margin-left:0}
  .page-head .actions>.btn{flex:1 1 110px}
}
@media(prefers-reduced-motion:reduce){.nav-link,.quick-action,.rfq-category-card{transition:none!important}}


/* v1.9.16 | Full-width administrator workflows; eliminate unbalanced side columns. */
.catalogue-layout.catalogue-layout-stacked{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:stretch}
.catalogue-layout-stacked>.panel{width:100%;min-width:0;scroll-margin-top:104px}
.catalogue-layout-stacked .panel-header{padding:14px 18px}
.catalogue-layout-stacked .panel-body{padding:16px 18px}
.catalogue-layout-stacked .editor-panel .field{margin:0}
.catalogue-category-form-grid{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(200px,1.7fr) minmax(100px,.48fr) auto;gap:13px;align-items:end}
.catalogue-active-check{padding:10px 7px;min-height:40px;white-space:nowrap;align-self:end}
.catalogue-service-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:start}
.catalogue-service-form-grid .field{min-width:0}
.catalogue-description-field{grid-column:span 2}
.catalogue-description-field .textarea{min-height:70px;height:76px}
.catalogue-service-flags{display:flex;gap:9px;align-items:stretch;flex-wrap:wrap}
.catalogue-service-flags>.settings-switch{flex:1 1 155px;min-width:150px;padding:9px 11px}
.catalogue-form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.catalogue-layout-stacked .category-admin-row{grid-template-columns:minmax(0,1fr) auto auto}
.catalogue-layout-stacked .category-admin-row .table-actions{justify-content:flex-end}
.catalogue-layout-stacked .data-table th:last-child{text-align:right}
.catalogue-layout-stacked .data-table td:last-child .table-actions{justify-content:flex-end}

/* Create first, then browse; role capabilities are easy to expand and inspect. */
.user-management-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}
.user-management-layout>.panel{width:100%;min-width:0;scroll-margin-top:104px}
.user-create-panel .panel-body{padding:17px 19px}
.user-create-panel .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.user-create-panel .form-grid>.field.full{grid-column:auto}
.user-create-panel .sales-permission-section{margin-top:12px}
.user-create-panel .permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.user-create-panel .security-note{margin:10px 0 12px}
.sales-permission-disclosure{margin:14px 0 12px;border:1px solid #d8e8db;background:#f9fcf9;border-radius:12px}
.sales-permission-disclosure>summary{cursor:pointer;padding:11px 13px;font-weight:700;color:#13502b}
.sales-permission-disclosure>.sales-permission-fieldset{border:0;border-top:1px solid #d8e8db;border-radius:0;margin:0}
.user-permission-disclosure{margin-top:6px;max-width:420px}
.user-permission-disclosure summary{cursor:pointer;font-size:11px;font-weight:650;color:#23613a}
.user-permission-disclosure .permission-summary{max-width:none;margin-top:6px}
.user-table td:first-child{min-width:180px}
.user-table-actions{justify-content:flex-start;min-width:280px}

/* System settings are one balanced vertical sequence; nested fields use available width. */
.settings-grid{grid-template-columns:minmax(0,1fr);gap:15px}
.settings-grid>.settings-section{grid-column:auto;min-width:0;align-self:stretch}
.settings-section .panel-body.form-grid,.settings-section .panel-body>.form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.settings-section .panel-body{padding:16px 18px}
.settings-section .bank-setting-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-section .panel-header{padding:14px 18px}
.settings-section .textarea{min-height:76px}
.settings-section .settings-switches{grid-template-columns:repeat(2,minmax(0,1fr))}
.settings-grid .settings-section-wide{grid-column:auto}
.settings-head{gap:16px}

/* Admin Partner Hub: no ambiguous public routes, no nested form grids and no cramped actions. */
.admin-flow-section{margin-top:15px;scroll-margin-top:105px}
.partner-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.partner-stats .metric{padding:15px}
.partner-management-actions{display:flex;gap:7px;align-items:flex-start;flex-wrap:wrap}
.partner-management-actions form{margin:0}
.partner-remove-form{flex-basis:100%;display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:5px 8px;align-items:end;margin-top:4px!important}
.partner-remove-form label{grid-column:1/-1}
.partner-remove-form .input{min-width:160px;max-width:none}
.partner-admin-table{min-width:1020px}
.partner-admin-table td{vertical-align:top;min-width:0}
.partner-admin-table th:last-child{min-width:250px}
.partner-plan-form{align-items:end;gap:6px}
.partner-plan-form label{display:flex;flex-direction:column;gap:4px}
.partner-plan-form .input{width:92px}
.partner-inline-form{align-items:end;display:grid;grid-template-columns:minmax(240px,1fr) minmax(215px,.7fr) auto}
.panel-footer-note{border-top:1px solid var(--line);padding:12px 17px;color:var(--muted);font-size:12px;background:#f9fcfa}
.partner-edit-panel{max-width:1100px}
.partner-edit-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:1160px){
  .catalogue-category-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalogue-service-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalogue-description-field{grid-column:span 2}
  .user-create-panel .form-grid,.user-create-panel .permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .settings-section .panel-body.form-grid,.settings-section .panel-body>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .partner-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .catalogue-category-form-grid,.catalogue-service-form-grid{grid-template-columns:minmax(0,1fr)}
  .catalogue-description-field{grid-column:auto}
  .catalogue-service-flags{flex-direction:column}
  .catalogue-layout-stacked .category-admin-row{grid-template-columns:minmax(0,1fr) auto}
  .catalogue-layout-stacked .category-admin-row .table-actions{grid-column:1/-1;justify-content:flex-start}
  .user-create-panel .form-grid,.user-create-panel .permission-grid{grid-template-columns:minmax(0,1fr)}
  .settings-section .panel-body.form-grid,.settings-section .panel-body>.form-grid{grid-template-columns:minmax(0,1fr)}
  .settings-section .settings-switches{grid-template-columns:minmax(0,1fr)}
  .partner-inline-form{grid-template-columns:minmax(0,1fr)}
  .partner-edit-panel .form-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px){
  .partner-stats{grid-template-columns:minmax(0,1fr)}
  .settings-section .bank-setting-card .form-grid{grid-template-columns:minmax(0,1fr)}
}

/* v1.9.17 - safe partner removal confirmation and universal HTTP error states */
.partner-remove-confirmation{max-width:900px;margin-inline:auto}
.partner-remove-confirmation .panel-body{display:grid;gap:18px}
.partner-remove-confirmation form{display:grid;gap:17px}
.partner-remove-acknowledge{margin:0;padding:13px 15px;border:1px solid #d4e0d7;border-radius:12px;background:#f7faf8}
.partner-remove-acknowledge input{accent-color:var(--gitech)}
.partner-remove-actions{gap:10px;flex-wrap:wrap}
.error-status-shell{width:min(100%,740px);margin:clamp(24px,6vh,78px) auto;padding:clamp(22px,4vw,44px);border:1px solid #dce7e0;border-radius:22px;background:#fff;box-shadow:0 15px 35px rgba(6,34,21,.06)}
.error-status-code{display:inline-flex;padding:6px 11px;border:1px solid #d5e7d9;border-radius:99px;background:#f1f9f3;color:#226f37;font-size:12px;font-weight:800;letter-spacing:.06em}
.error-status-shell h1{font-size:clamp(22px,3vw,32px);line-height:1.18;margin:15px 0 10px;color:var(--deep)}
.error-status-shell>p{color:var(--muted);max-width:570px;line-height:1.65}
.error-support-reference{display:grid;gap:6px;margin:22px 0;padding:13px 16px;background:#f7faf8;border:1px solid #e1eae4;border-radius:12px;overflow-wrap:anywhere}
.error-support-reference span{font-size:12px;font-weight:700;color:var(--muted)}
.error-support-reference code{font-size:12px;color:var(--deep)}
.error-status-actions{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:600px){.partner-remove-actions .btn,.error-status-actions .btn{width:100%;justify-content:center}.error-status-shell{margin:20px auto;border-radius:15px}}

/* v1.9.18 Customer Support Access: clear, responsive and revocable */
.support-access-control .panel-body{display:grid;gap:16px}
.support-access-state{border:1px solid var(--border,#dbe5df);border-radius:14px;padding:16px 18px;background:#f7faf8}
.support-access-state strong{display:block;font-weight:750;margin-bottom:5px}
.support-access-state p{margin:4px 0 0}
.support-access-state-pending{border-color:#d6dfb0;background:#fbfcf1}
.support-access-state-active{border-color:#a8dcc4;background:#f1fbf5}
.support-access-state-revoked{border-color:#9fdbb0;background:#eaf8ee;color:#133b23}
.support-access-state-revoked strong{font-size:1.08rem}
.support-access-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.support-access-controls form{margin:0}
.support-access-revoke{border-color:#b74b4b;color:#a72b2b}
.support-access-revoke:hover,.support-access-revoke:focus-visible{background:#fff2f2;color:#8b1919}
.support-access-footnote{margin:0;max-width:780px}
@media(max-width:560px){.support-access-controls{display:grid;grid-template-columns:minmax(0,1fr)}.support-access-controls form,.support-access-controls button{width:100%}.support-access-control .panel-body{gap:12px}.support-access-state{padding:14px}}


/* v1.9.21 — Quotation actions and separate invoice conversion screen */
.quote-list-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.quote-list-table{width:100%;min-width:1110px;table-layout:fixed}
.quote-list-table .quote-col-number{width:17%}
.quote-list-table .quote-col-customer{width:13%}
.quote-list-table .quote-col-rfq{width:10%}
.quote-list-table .quote-col-date{width:11%}
.quote-list-table .quote-col-status{width:8%}
.quote-list-table .quote-col-total{width:11%}
.quote-list-table .quote-col-notes{width:14%}
.quote-list-table .quote-col-actions{width:16%}
.quote-list-table th,.quote-list-table td{vertical-align:middle;padding-top:13px;padding-bottom:13px}
.quote-list-table th{white-space:nowrap}
.quote-list-table td{overflow-wrap:anywhere}
.quote-list-table .quote-number{font-size:11px;letter-spacing:-.15px}
.quote-list-table .quote-customer{font-weight:600}
.quote-list-table .quote-date,.quote-list-table .quote-amount{white-space:nowrap}
.quote-list-table td:last-child,.quote-list-table th:last-child{text-align:right}
.quote-list-table .quote-empty{text-align:center;color:var(--muted);padding:26px 15px;white-space:normal}
.quote-note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.45;overflow-wrap:anywhere}
.quote-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.quote-row-actions .btn,.quote-row-actions .icon-action{min-height:34px}
.quote-row-actions form{margin:0;display:inline-flex}
.invoice-conversion-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.72fr);gap:18px;align-items:start}
.invoice-conversion-layout>.panel{min-width:0}
.invoice-conversion-settings .panel-body{padding:18px}
.invoice-conversion-settings .field{margin-bottom:12px}
.invoice-conversion-settings .input{max-width:100%}
.invoice-preview-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.invoice-preview-facts>div{display:flex;flex-direction:column;gap:5px;min-width:0;border:1px solid var(--line);background:#f8fbf9;border-radius:11px;padding:12px 13px}
.invoice-preview-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:var(--muted);font-weight:700}
.invoice-preview-facts strong{font-size:13px;overflow-wrap:anywhere}
.invoice-conversion-lines{min-width:570px;width:100%}
.invoice-conversion-lines th:nth-child(2),.invoice-conversion-lines td:nth-child(2){text-align:center;white-space:nowrap}
.invoice-conversion-lines td:first-child{min-width:180px;overflow-wrap:anywhere}
.invoice-conversion-totals{max-width:350px;margin:18px 0 0 auto;padding:14px 16px;background:#f8fbf9;border:1px solid var(--line);border-radius:13px}
.invoice-conversion-totals>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;font-size:12px}
.invoice-conversion-totals>div span{color:var(--muted)}
.invoice-conversion-totals .invoice-conversion-grand{border-top:1px solid var(--line);margin-top:7px;padding-top:12px;font-size:15px}
.invoice-conversion-totals .invoice-conversion-grand strong{font-size:18px;color:var(--deep);white-space:nowrap}
.invoice-due-guidance{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:6px}
.invoice-prepayment-note{margin-top:15px}
.invoice-conversion-form-actions{display:flex;flex-direction:column;gap:9px;margin-top:18px}
.invoice-conversion-form-actions .btn{width:100%;justify-content:center;text-align:center;min-height:40px}
@media(max-width:1060px){.invoice-conversion-layout{grid-template-columns:1fr}.invoice-conversion-totals{margin-left:auto}}
@media(max-width:520px){.invoice-preview-facts{grid-template-columns:1fr}.invoice-conversion-layout{gap:12px}.invoice-conversion-preview .panel-body{padding:13px}.invoice-conversion-settings .panel-body{padding:14px}.invoice-conversion-totals{max-width:none}}

/* v1.9.22: compact, accessible breakdown for pro-rata + prepaid invoices. */
.invoice-charge-breakdown { margin-top: 7px; max-width: min(350px, 78vw); font-size: 11px; }
.invoice-charge-breakdown summary { color: #0b6630; cursor: pointer; font-weight: 700; width: max-content; max-width: 100%; }
.invoice-charge-breakdown summary:focus-visible { outline: 2px solid #1bbd36; outline-offset: 3px; border-radius: 3px; }
.invoice-charge-breakdown-lines { display: grid; gap: 8px; margin: 9px 0 5px; }
.invoice-charge-line { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: start; }
.invoice-charge-line > span { overflow-wrap: anywhere; line-height: 1.4; }
.invoice-charge-line > strong { white-space: nowrap; text-align: right; }

/* v1.9.23 billing operations: compact, responsive management actions */
.billing-row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:220px;max-width:390px}
.billing-row-actions form{margin:0}
.billing-row-actions .btn{white-space:nowrap}
.billing-table td{vertical-align:middle}
.billing-table td:last-child{min-width:240px}
.billing-share-created .panel-body{display:grid;gap:10px}
.billing-share-created .split-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.billing-share-created .input{flex:1 1 300px;min-width:0}
.billing-correction{max-width:260px}
.billing-correction summary{cursor:pointer;font-weight:650;color:#ae3030}
.billing-correction-form{display:grid;gap:8px;padding:12px 0;min-width:190px}
.billing-correction-form .textarea{width:100%;min-width:0}
@media(max-width:760px){.billing-row-actions{min-width:175px;max-width:280px}.billing-table{min-width:1040px}}

/* v1.9.24: compact invoice actions, fixed-position accessible menu and confirmed void dialog */
.billing-invoice-table td:last-child,.billing-invoice-table th:last-child{min-width:118px;width:118px;text-align:right}
.billing-invoice-table .invoice-actions-cell{white-space:nowrap}
.invoice-action-trigger{min-width:102px;justify-content:space-between;gap:8px}
.invoice-row-popover{position:fixed;z-index:1500;min-width:248px;max-width:min(330px,calc(100vw - 20px));padding:8px;border:1px solid #d9e7dc;border-radius:14px;background:white;box-shadow:0 18px 60px rgba(10,36,21,.20);white-space:normal;text-align:left}
.invoice-row-popover[hidden]{display:none!important}
.invoice-row-popover form{display:block;margin:0}
.invoice-menu-item{font:inherit;color:var(--deep);font-size:12px!important;text-decoration:none;display:flex;width:100%;text-align:left;align-items:center;min-height:36px;padding:9px 11px!important;margin:0;border:0!important;border-radius:9px;background:transparent!important;cursor:pointer;font-weight:650;line-height:1.35}
.invoice-menu-item:hover,.invoice-menu-item:focus-visible{color:#07531b;background:#edf8f0!important;outline:2px solid transparent}
.invoice-menu-danger{color:#a82e2e!important}.invoice-menu-danger:hover,.invoice-menu-danger:focus-visible{background:#fff1f1!important;color:#8b1e1e!important}
.invoice-menu-heading{padding:6px 11px 8px;font-size:11px;font-weight:800;color:#253c2c;overflow-wrap:anywhere}
.invoice-menu-label{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#748a7b;font-weight:800;padding:7px 11px 4px}
.invoice-menu-divider{border-top:1px solid #e8efe9;margin:7px 4px}
.billing-link-notice{padding:15px 17px;margin:0 0 18px;border-radius:13px;border:1px solid #f1ccbd;background:#fff8f4;color:#773b19;line-height:1.5}
.billing-link-notice p{margin:4px 0 0}.billing-link-notice .small{color:#815d45}
.invoice-void-dialog{border:0;border-radius:18px;background:transparent;padding:0;box-shadow:0 20px 70px rgba(9,36,20,.21);width:min(530px,calc(100vw - 28px));max-height:90vh;overflow-y:auto}
.invoice-void-dialog::backdrop{background:rgba(7,28,18,.59);backdrop-filter:blur(2px)}
.invoice-void-dialog-inner{background:white;border-radius:18px;padding:25px}
.invoice-void-dialog-inner h2{margin:8px 0 6px;font-size:22px}.invoice-void-dialog-inner p{font-size:13px;line-height:1.55}
.invoice-void-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#fff1f1;color:#a72e2e;font-size:23px;font-weight:900}
.invoice-void-form{margin-top:15px}.invoice-void-form .field{display:block}.invoice-void-form .field span{display:block;margin-bottom:5px;font-weight:750;font-size:12px}
.invoice-void-check{display:flex;gap:9px;font-size:12px;align-items:flex-start;line-height:1.5;margin:13px 0}.invoice-void-check input{margin-top:3px;accent-color:#b43131}
.invoice-void-controls{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:16px}
@media(max-width:650px){.invoice-void-dialog-inner{padding:18px}.invoice-void-controls>*{flex:1}}

/* v1.9.25: Hover-capable invoice menu with touch/keyboard click fallback. */
@media (hover:hover) and (pointer:fine) {
  .invoice-action-trigger:hover,.invoice-action-trigger[aria-expanded="true"] {
    border-color:#1bbd36!important;background:#edf9ee!important;color:#084a1c!important;
    box-shadow:0 0 0 2px rgba(27,189,54,.10);
  }
}
.invoice-action-trigger[aria-expanded="true"] span[aria-hidden="true"] {transform:rotate(180deg)}
.invoice-action-trigger span[aria-hidden="true"] {display:inline-block;transition:transform .16s ease}
.invoice-row-popover:focus-within {outline:2px solid #afe5bc;outline-offset:1px}
.billing-email-pdf-note {display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #cde9d6;border-radius:13px;background:#f3fcf5;margin:10px 0 20px;line-height:1.5}
.billing-email-pdf-note .ui-icon {width:22px;height:22px;flex:0 0 22px;color:#188a34}
.billing-email-pdf-note p {margin:4px 0 0;color:#5c7064;font-size:13px}
.billing-schema-help {padding-top:10px;font-size:13px;color:#5a3721}
.billing-schema-help summary {cursor:pointer;font-weight:750}
.billing-schema-help code {overflow-wrap:anywhere}

/* v1.9.27: consistent copy confirmation for private document and referral URLs. */
[data-copy-target]{min-width:108px;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
[data-copy-target].is-copy-success{background:#e4f8e9!important;border-color:#1bbd36!important;color:#086b23!important}
[data-copy-target].is-copy-error{background:#fff8e8!important;border-color:#d7a537!important;color:#86530c!important}
.copy-feedback{display:inline-flex;align-items:center;line-height:1.4;min-width:0;font-size:12px;font-weight:650;color:#11762d;overflow-wrap:anywhere}
.copy-feedback:empty{display:none}
.copy-feedback.is-copy-error{color:#875711}
.billing-share-created .copy-feedback{flex:1 1 100%}
@media(max-width:600px){.copy-feedback{flex-basis:100%;width:100%}.billing-share-created [data-copy-target]{flex:1 1 120px}}
@media(prefers-reduced-motion:reduce){[data-copy-target]{transition:none}}


/* v1.9.29 · Moderation queue, branded confirmation and sender controls */
.gitech-confirm-dialog{border:0;padding:0;width:min(510px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;border-radius:20px;background:#fff;box-shadow:0 24px 85px rgba(7,32,18,.28);color:#172b1e}
.gitech-confirm-dialog::backdrop{background:rgba(8,27,17,.62);backdrop-filter:blur(3px)}
.gitech-confirm-surface{padding:26px 27px 22px;border:1px solid #d8e5dc;border-radius:20px;background:#fff}
.gitech-confirm-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.gitech-confirm-symbol{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;background:#fff0ee;border:1px solid #f9d2ce;color:#a12626;border-radius:15px;font-size:23px;font-weight:800}
.gitech-confirm-heading{min-width:0}
.gitech-confirm-eyebrow{display:block;color:#438353;font-size:10px;letter-spacing:.09em;font-weight:700}
.gitech-confirm-heading h2{font-size:21px;letter-spacing:-.03em;line-height:1.25;margin:5px 0 0}
#gitech-confirm-description{font-size:13px;color:#4f6456;line-height:1.6;margin:0 0 14px}
.gitech-confirm-summary{background:#f4f9f5;border:1px solid #dbe9df;color:#2b4833;border-radius:12px;padding:12px 14px;margin:10px 0;font-size:12px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.gitech-confirm-summary[hidden]{display:none}
.gitech-confirm-notice{color:#698172;font-size:11px;margin:14px 0 0;line-height:1.5}
.gitech-confirm-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px}
.gitech-confirm-actions .btn{min-width:122px}
.gitech-confirm-dialog :focus-visible{outline:3px solid #1bbd36;outline-offset:3px}
.ticket-selection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:10px}
.ticket-selection-toolbar strong{font-size:14px}
.ticket-selection-toolbar p{margin:5px 0 0;max-width:720px}
.ticket-selection-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ticket-selection-count{background:#eaf8ec;color:#166b2c;border:1px solid #c4e6cb;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600}
.ticket-selection-feedback{margin:6px 0 14px;font-size:12px;color:#386746;min-height:17px}
.ticket-selection-feedback:empty{min-height:0;margin:0}
.ticket-selection-feedback.is-error{color:#a22121}
.ticket-select-col{width:160px;min-width:152px}
.ticket-select-all{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:11px;white-space:nowrap}
.ticket-select-all input,[data-ticket-select]{width:17px;height:17px;cursor:pointer;accent-color:#148d2a}
.data-table tr.is-ticket-selected>td{background:#f1fbf3}
.data-table tr.is-ticket-selected>td:first-child{box-shadow:inset 3px 0 #1bbd36}
.ticket-selection-actions .btn:disabled,.ticket-selection-toolbar button:disabled{opacity:.45;cursor:not-allowed}
.spam-customer-exception{display:flex;align-items:flex-start;gap:8px;margin-top:12px;line-height:1.5}
.spam-customer-exception input{margin-top:3px;accent-color:#168e2c}
.spam-customer-exception[hidden]{display:none!important}
[data-spam-block-hint]{display:block;line-height:1.5;margin-top:4px}
@media(max-width:650px){.gitech-confirm-surface{padding:20px 17px}.gitech-confirm-actions>*{flex:1 1 120px}.gitech-confirm-heading h2{font-size:19px}.ticket-selection-toolbar{align-items:stretch}.ticket-selection-actions{justify-content:space-between;width:100%}.ticket-select-col{min-width:145px}}

/* Compact ticket selection, independent of descriptive column widths. */
.ticket-register .ticket-select-col{width:44px;min-width:44px;max-width:44px;padding:12px 10px;text-align:center}
.ticket-register .ticket-select-all{display:flex;justify-content:center}
.ticket-register .ticket-select-col input{width:17px;height:17px;margin:0}
.ticket-register td:nth-child(2){min-width:220px;max-width:340px;white-space:normal;overflow-wrap:anywhere}
.internal-documents{margin-top:24px}.internal-document-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}.internal-document-form .wide{grid-column:1/-1}.internal-document-form label{display:block;margin-bottom:7px}.internal-document-list{padding:0 24px 24px}.internal-document-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-top:1px solid #dce5df;padding:18px 0}.internal-document-row p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0}.internal-document-row .split-actions{flex-shrink:0}
.clock-location-dialog{border:1px solid #dce5df;border-radius:20px;padding:28px;max-width:480px;width:calc(100% - 32px);color:#152019;box-shadow:0 24px 80px #082b1a40}.clock-location-dialog::backdrop{background:#082b1a80}.clock-location-dialog h2{margin-top:0}.clock-location-dialog p{line-height:1.6}
@media(max-width:650px){.internal-document-form{grid-template-columns:1fr;padding:18px}.internal-document-row{flex-direction:column}.internal-document-list{padding:0 18px 18px}}
.ticket-register .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}