@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url(/ff0c4cd79b2ffca2de54.eot);
    src: url(/ff0c4cd79b2ffca2de54.eot?#iefix) format('embedded-opentype'), url(/024b32cc7bf399b1a847.woff2) format('woff2'), url(/8931fda1930c3bd21e96.woff) format('woff'), url(/a5c2a53d1ff7a9ff5933.ttf) format('truetype'), url(/6ed59f962963a4a73af2.svg?#primeicons) format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

/* P01-S11 B6 common tokens */

/* 00-foundation.css */
:root { --navy:#14284f; --navy-2:#1d3767; --sky:#5db9e9; --sky-soft:#eaf7fe; --ink:#18243a; --muted:#68758a; --line:#dfe6ee; --surface:#fff; --canvas:#f5f7fb; --green:#16835b; --red:#c93e4f; --amber:#a96408; --focus:#106bd5; --radius:18px; font-family:"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif; color:var(--ink); background:var(--canvas); }

/* 40-customer-density.css */
:root {
  --space-page:24px;
  --space-section:18px;
  --space-panel:18px;
  --space-field:14px;
  --mobile-gutter:14px;
  --bottom-nav-height:66px;
}

/* P01-S11 B6 common base rules */

/* 00-foundation.css */
* { box-sizing:border-box; }
html, body, #root { min-height:100%; margin:0; }
body { min-width:320px; background:var(--canvas); }
button, input, textarea, select { font:inherit; }
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]) { line-height:normal; }
button, a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
.skip-link { position:fixed; z-index:9999; top:8px; left:8px; padding:10px 14px; background:#fff; transform:translateY(-150%); border-radius:8px; }
.skip-link:focus { transform:none; }

/* 30-p01-s05-fidelity.css */
.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; }

/* 70-p01-s10-corrections.css */
.value-number,
.field-value-number input,
.field-value-number .p-inputtext { text-align:right; }
.value-date,
.field-value-date input,
.field-value-date .p-inputtext { text-align:center; }
.value-text,
.field-value-text input,
.field-value-text textarea,
.field-value-text .p-inputtext,
.field-value-text .p-dropdown-label { text-align:left; }

/* P01-S11 B6 common layout rules */

/* 00-foundation.css */
.app-shell { min-height:100vh; display:grid; grid-template-columns:248px minmax(0,1fr); grid-template-rows:68px minmax(calc(100vh - 68px),auto); }
.topbar { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; padding:0 28px; background:linear-gradient(110deg,var(--navy),#203e73); color:#fff; position:sticky; top:0; z-index:20; box-shadow:0 6px 24px #14284f22; }
.brand { display:flex; gap:10px; align-items:center; font-size:21px; font-weight:800; letter-spacing:-.02em; }
.brand-mark { display:inline-grid; place-items:center; width:34px; height:34px; border-radius:12px 12px 4px 12px; background:var(--sky); color:var(--navy); font-weight:900; }
.topbar-user { display:flex; align-items:center; gap:18px; font-size:13px; }
.topbar-user .text-link { white-space:nowrap; }
.persona-pill { border:1px solid #ffffff40; border-radius:999px; padding:7px 11px; }
.bottom-nav { display:none; }
.page-description { margin:0; color:var(--muted); }
.eyebrow { margin:0; color:#2885b7; font-size:11px; font-weight:800; letter-spacing:.16em; }
.page-actions { display:flex; gap:10px; }
.hero-card { background:var(--surface); border:1px solid #e8edf3; border-radius:var(--radius); box-shadow:0 10px 32px #22395f0a; }
.state-panel { display:grid; justify-items:center; align-content:center; gap:10px; min-height:360px; padding:34px; text-align:center; background:#fff; border:1px dashed #cbd6e2; border-radius:var(--radius); color:var(--muted); }
.state-panel > i { font-size:34px; color:var(--sky); }
.state-panel h1, .state-panel h2 { margin:4px 0; color:var(--navy); }
.error-code { font-size:72px; font-weight:900; color:var(--sky); line-height:1; }
.hero-card { grid-row:span 2; padding:28px; background:linear-gradient(145deg,#fff 45%,var(--sky-soft)); }
.hero-card h2 { color:var(--navy); margin:5px 0 24px; font-size:26px; }
.split-layout { display:grid; grid-template-columns:minmax(360px,1.2fr) minmax(300px,.8fr); gap:18px; align-items:start; }

/* 10-p01-s04-fidelity.css */
.table-scroll { width:100%; overflow-x:auto; }

/* P01-S11 B6 common control rules */

/* 00-foundation.css */
.button-link { border:0; border-radius:10px; background:var(--navy); color:#fff; min-height:42px; padding:10px 16px; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.button-link:hover { background:var(--navy-2); }
.button-link.secondary { background:#edf2f7; color:var(--navy); }
.tabs { display:flex; gap:4px; border-bottom:1px solid var(--line); margin-bottom:18px; overflow-x:auto; scrollbar-width:thin; }
.tabs a { white-space:nowrap; padding:12px 18px; color:var(--muted); font-weight:700; border-bottom:3px solid transparent; }
.tabs a.active { color:var(--navy); border-color:var(--navy); }
.tabs[role="tablist"] button { white-space:nowrap; padding:12px 18px; border:0; border-bottom:3px solid transparent; background:transparent; color:var(--muted); font:inherit; font-weight:700; cursor:pointer; }
.tabs[role="tablist"] button[aria-selected="true"] { color:var(--navy); border-color:var(--navy); }
.status-tabs, .state-controls { display:flex; gap:7px; overflow-x:auto; padding:3px 0 14px; scrollbar-width:thin; }
.status-tabs button, .state-controls button { border:1px solid var(--line); background:#fff; color:#5d697c; border-radius:999px; padding:8px 13px; white-space:nowrap; cursor:pointer; }
.status-tabs button.active, .state-controls button.active { color:#fff; background:var(--navy); border-color:var(--navy); }
.state-controls { align-items:center; margin:3px 0 8px; }
.state-controls > span { font-size:12px; font-weight:700; color:var(--muted); margin-right:3px; }
.text-link { color:var(--navy); text-decoration:underline; }
.status { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:6px 10px; font-size:11px; font-weight:800; white-space:nowrap; background:#edf0f4; color:#5b6676; }
.status-draft { color:#5b6676; background:#edf0f4; }
.status-new { color:#156391; background:#e5f5fd; }
.status-pending { color:#93590a; background:#fff2d7; }
.status-completed { color:#08704a; background:#e2f5ed; }
.status-rejected { color:#ad2d3e; background:#ffeaed; }
.p-inputtext, .p-inputtextarea, .p-dropdown, .p-calendar, .p-password { width:100%; min-width:0; }
.p-inputtext, .p-inputtextarea, .p-dropdown, .p-password input { border:1px solid #cfd8e3; border-radius:10px; background:#fff; min-height:42px; padding:9px 11px; color:var(--ink); }
.p-inputtext:focus, .p-inputtextarea:focus, .p-dropdown:focus-within, .p-password input:focus { border-color:var(--focus); outline:2px solid #106bd522; }
.p-dropdown { display:flex; align-items:center; justify-content:space-between; border:1px solid #cfd8e3; border-radius:10px; min-height:42px; padding:0 11px; background:#fff; }
.p-dropdown-panel, .p-datepicker { background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 14px 40px #0e224233; padding:8px; z-index:100; }
.p-dropdown-items, .p-datepicker table { margin:0; padding:0; }
.p-dropdown-item { list-style:none; padding:9px; border-radius:7px; }
.p-dropdown-item:hover, .p-dropdown-item.p-highlight { background:var(--sky-soft); }
.p-calendar { display:flex; }
.p-calendar .p-inputtext { border-radius:10px 0 0 10px; }
.p-calendar .p-button { border-radius:0 10px 10px 0; padding:8px 11px; }
.p-datepicker table td span { display:grid; place-items:center; width:32px; height:32px; border-radius:8px; }
.p-datepicker table td span.p-highlight { background:var(--navy); color:#fff; }
.p-password { display:block; }
.p-password [data-pc-name="iconfield"] { position:relative; width:100%; }
.p-password input { width:100%; padding-right:42px; }
.p-password [data-pc-name="inputicon"] { position:absolute; right:13px; top:50%; display:grid; color:var(--muted); transform:translateY(-50%); cursor:pointer; }
.field-error { color:var(--red); }
.data-list { display:grid; }
.row-date,.row-owner { color:var(--muted); font-size:13px; }
.selection-actions { display:flex; justify-content:flex-end; align-items:center; gap:9px; padding-top:16px; }
.selection-actions span { margin-right:auto; color:var(--muted); font-size:13px; }
.document-form { display:grid; gap:18px; }
.input-with-action { display:flex; }
.input-with-action .p-inputtext { border-radius:10px 0 0 10px; }
.input-with-action .p-button { border-radius:0 10px 10px 0; }
.p-dialog-mask { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:20px; background:#0b183066; backdrop-filter:blur(3px); }
.jt-dialog { width:min(480px,100%); background:#fff; border-radius:18px; box-shadow:0 24px 80px #07152e66; overflow:hidden; }
.p-dialog-header { display:flex; align-items:center; justify-content:space-between; padding:20px 22px; border-bottom:1px solid var(--line); color:var(--navy); font-weight:800; }
.p-dialog-header-close { border:0; background:#edf2f7; border-radius:50%; width:36px; height:36px; cursor:pointer; }
.p-dialog-content { padding:20px 22px; }
.dialog-list { display:grid; gap:8px; }
.dialog-list label { display:flex; gap:10px; padding:12px; border:1px solid var(--line); border-radius:10px; cursor:pointer; }
.dialog-actions { display:flex; justify-content:flex-end; padding-top:16px; }
.admin-note, .form-hint { display:flex; gap:14px; padding:16px; border-radius:14px; background:var(--sky-soft); color:#285c7a; margin-bottom:18px; }
.admin-note i, .form-hint i { font-size:22px; }
.admin-note p, .form-hint p { margin:3px 0 0; }
.error-summary { display:grid; gap:4px; padding:14px 16px; border-left:4px solid var(--red); border-radius:10px; background:#fff0f2; color:#9c2b3a; margin-bottom:18px; }
.mode-badge { padding:6px 10px; border-radius:999px; background:var(--sky-soft); color:#2479a8; font-size:12px; font-weight:800; text-transform:uppercase; }
.form-stack { display:grid; gap:17px; }
.form-stack select { width:100%; min-height:42px; border:1px solid #cfd8e3; border-radius:10px; background:#fff; padding:8px 11px; color:var(--ink); }
.choice-row { display:flex; min-height:42px; align-items:center; gap:18px; padding:8px 11px; border:1px solid #cfd8e3; border-radius:10px; }
.choice-row label { display:flex; align-items:center; gap:7px; }
.compact-filter { display:flex; gap:16px; align-items:end; margin-bottom:18px; padding:12px 14px; background:#fff; border:1px solid var(--line); border-radius:12px; }
.compact-filter .field { width:min(240px,100%); }
.compact-filter > span { padding-bottom:10px; color:var(--muted); }

/* 10-p01-s04-fidelity.css */
.inline-actions { display:flex; align-items:center; justify-content:flex-end; gap:6px; white-space:nowrap; }
.inline-actions .p-button { min-height:42px; padding:8px 11px; }

/* 30-p01-s05-fidelity.css */
.section-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.icon-action { flex:0 0 44px; padding:9px!important; }

/* 40-customer-density.css */
.document-form { gap:var(--space-section); }

/* 60-p01-s07-corrections.css */
.dialog-actions { gap:8px; }
.document-form+.sticky-actions { margin-top:12px; }
.segmented-choice { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-height:42px; overflow:hidden; border:1px solid var(--line); border-radius:10px; }
.segmented-choice button { min-width:0; padding:8px 10px; border:0; border-right:1px solid var(--line); background:#fff; color:var(--navy); font:inherit; font-weight:700; cursor:pointer; }
.segmented-choice button:last-child { border-right:0; }
.segmented-choice button[aria-checked="true"] { background:var(--navy); color:#fff; }
.segmented-choice button:focus-visible { position:relative; z-index:1; outline:3px solid var(--focus); outline-offset:-3px; }
.segmented-choice button:disabled { cursor:not-allowed; }
.segmented-choice[aria-disabled="true"] { opacity:.68; }

/* P01-S11 B6 responsive media context for tokens/base/layout/common-controls */

/* 00-foundation.css */
@media (max-width:1100px) {
  .hero-card { grid-column:1/-1; grid-row:auto; }
  .split-layout { grid-template-columns:1fr; }
}
@media (max-width:767px) {
  .app-shell { display:block; padding:60px 0 74px; }
  .topbar { position:fixed; inset:0 0 auto; height:60px; padding:0 16px; }
  .brand { font-size:18px; }
  .brand-mark { width:30px; height:30px; }
  .persona-pill { display:none; }
  .bottom-nav { position:fixed; display:flex; inset:auto 0 0; height:66px; z-index:30; background:#fff; border-top:1px solid var(--line); padding:5px max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)); box-shadow:0 -10px 30px #14284f12; }
  .bottom-nav a { flex:1; display:grid; place-items:center; align-content:center; gap:3px; color:#7a8698; font-size:10px; }
  .bottom-nav a i { font-size:19px; }
  .bottom-nav a.active { color:var(--navy); }
  .page-description { font-size:13px; line-height:1.6; }
  .page-actions .button-link { padding:9px 11px; font-size:12px; }
  .hero-card { grid-column:1/-1; padding:20px; }
  .tabs { margin-left:-14px; margin-right:-14px; padding:0 12px; }
  .tabs a { padding:11px 13px; font-size:13px; }
  .state-controls { margin-left:-2px; }
  .state-controls > span { display:none; }
  .status-tabs button,.state-controls button { padding:7px 10px; font-size:12px; }
  .row-owner { display:none; }
  .selection-actions { flex-wrap:wrap; }
  .selection-actions span { flex:1 0 100%; }
  .app-shell { display:block; padding:60px 0 74px; }
  .topbar { position:fixed; inset:0 0 auto; height:60px; padding:0 16px; }
  .brand { font-size:18px; }
  .brand-mark { width:30px; height:30px; }
  .persona-pill { display:none; }
  .bottom-nav { position:fixed; display:flex; inset:auto 0 0; height:66px; z-index:30; background:#fff; border-top:1px solid var(--line); padding:5px max(8px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)); box-shadow:0 -10px 30px #14284f12; }
  .bottom-nav a { flex:1; display:grid; place-items:center; align-content:center; gap:3px; color:#7a8698; font-size:10px; }
  .bottom-nav a i { font-size:19px; }
  .bottom-nav a.active { color:var(--navy); }
  .page-description { font-size:13px; line-height:1.6; }
  .page-actions .button-link { padding:9px 11px; font-size:12px; }
  .hero-card { grid-column:1/-1; padding:20px; }
  .tabs { margin-left:-14px; margin-right:-14px; padding:0 12px; }
  .tabs a { padding:11px 13px; font-size:13px; }
  .state-controls { margin-left:-2px; }
  .state-controls > span { display:none; }
  .status-tabs button,.state-controls button { padding:7px 10px; font-size:12px; }
  .row-owner { display:none; }
  .selection-actions { flex-wrap:wrap; }
  .selection-actions span { flex:1 0 100%; }
  .bottom-nav a { min-width:0; }
  .bottom-nav a span { max-width:48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .compact-filter { align-items:stretch; flex-direction:column; }
  .compact-filter .field { width:100%; }
  .compact-filter > span { padding-bottom:0; }
  .split-layout { display:grid; grid-template-columns:minmax(0,1fr); }
  .page-actions { flex-wrap:wrap; }
}
@media (max-width:380px) {
  .topbar { padding:0 12px; }
  .topbar-user { gap:8px; }
  .tabs { margin-left:-12px; margin-right:-12px; }
  .page-actions { width:100%; }
  .page-actions .button-link { width:100%; }
  .hero-card { grid-column:1; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
}
/* 10-p01-s04-fidelity.css */
@media (max-width:767px) {
  .jt-dialog:has(.customer-sheet) { align-self:end; width:100%; border-radius:20px 20px 0 0; }
  .p-dialog-mask:has(.customer-sheet) { align-items:end; padding:0; }
}

/* 20-p01-s07-design.css */
@media (min-width:1600px) {
  body { font-size:16px; }
  .p-inputtext,.p-inputtextarea,.p-dropdown { font-size:16px; }
}
@media (max-width:1599px) and (min-width:768px) {
  body { font-size:14px; }
  .p-inputtext,.p-inputtextarea,.p-dropdown { font-size:14px; }
}

/* 30-p01-s05-fidelity.css */
@media (max-width:1100px) and (min-width:768px) {
  .section-actions { flex-wrap:wrap; }
}
@media (max-width:767px) {
  .p-dialog-mask { align-items:end; padding:0; }
  .jt-dialog { width:100%; max-height:88vh; border-radius:20px 20px 0 0; }
  .p-dialog-content { overflow:auto; }
  .section-actions { flex-wrap:wrap; }
}

/* 40-customer-density.css */
@media (max-width:767px) {
  :root { --space-page:14px; --space-section:14px; --space-panel:14px; --space-field:12px; }
  .app-shell { padding-bottom:calc(var(--bottom-nav-height) + 18px); }
  .topbar { padding-inline:var(--mobile-gutter); }
  .input-with-action .p-button { flex:0 0 auto; padding-inline:10px; }
}

/* 50-p01-s06-corrections.css */
@media (max-width:767px) {
  .desktop-inline-editor { display:none; }
}
@media (max-width:767px) {
  .jt-dialog:has(.mobile-popup-form) .p-dialog-header { padding:16px 20px; border-bottom:2px solid #d7e0ea; background:#f4f7fa; }
  .jt-dialog:has(.mobile-popup-form) .p-dialog-content { padding-top:16px; }
}

/* 60-p01-s07-corrections.css */
@media (max-width:767px) {
  .topbar { gap:12px; }
  .brand { min-width:0; white-space:nowrap; }
  .brand-mark { flex:0 0 auto; }
  .topbar-user { flex:0 0 auto; white-space:nowrap; }
  .topbar-user .text-link { color:#fff; }
}

/* 70-p01-s10-corrections.css */
/* P01-S10 customer screen correction */
@media (max-width:767px) {
  .topbar { display:flex; align-items:center; justify-content:space-between; overflow:hidden; }
  .topbar>.brand { flex:1 1 auto; overflow:hidden; }
  .topbar>.topbar-user { flex:0 0 auto; }
  .topbar-user .text-link { min-height:36px; padding:7px 10px; border:1px solid #fff; border-radius:8px; background:#fff; color:var(--navy); font-size:13px; font-weight:800; line-height:1; text-decoration:none; }
}

.sidebar { grid-row:2; background:#fff; border-right:1px solid var(--line); padding:24px 18px; }
.mini-calendar { display:flex; flex-direction:column; gap:5px; padding:18px; border-radius:16px; background:linear-gradient(145deg,var(--sky-soft),#f8fbff); margin-bottom:22px; }
.mini-calendar strong { color:var(--navy); }
.mini-calendar span { font-size:13px; color:var(--muted); }
.sidebar nav { display:grid; gap:6px; }
.sidebar nav a { display:flex; gap:12px; align-items:center; padding:13px 14px; border-radius:12px; color:#56647a; font-weight:600; }
.sidebar nav a:hover, .sidebar nav a.active { background:var(--navy); color:#fff; }
.sidebar nav i { width:20px; text-align:center; }
.main-content { min-width:0; padding:36px clamp(24px,4vw,64px) 64px; }
.page-header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:24px; }
.page-header h1 { margin:4px 0 5px; font-size:clamp(28px,3vw,40px); letter-spacing:-.045em; color:var(--navy); }
.panel,.metric-card { background:var(--surface); border:1px solid #e8edf3; border-radius:var(--radius); box-shadow:0 10px 32px #22395f0a; }
.panel { padding:24px; }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px; }
.section-heading h2 { margin:3px 0 0; font-size:20px; color:var(--navy); }
.result-count { color:var(--muted); font-size:13px; }
.p-button { border:0; border-radius:10px; background:var(--navy); color:#fff; min-height:42px; padding:10px 16px; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.p-button:hover { background:var(--navy-2); }
.p-button.secondary { background:#edf2f7; color:var(--navy); }
.p-button.danger { background:var(--red); }
.p-button.danger.subtle { background:#fff0f2; color:var(--red); }
.p-button.full { width:100%; margin-top:10px; }
.p-button:disabled { opacity:.55; cursor:not-allowed; }
.dashboard-grid { display:grid; grid-template-columns:1.4fr .65fr .65fr; gap:18px; }
.metric-card { display:flex; align-items:center; gap:16px; padding:22px; color:#fff; }.metric-card.sky { background:linear-gradient(135deg,#59b8e8,#318ec2); }.metric-card.navy { background:linear-gradient(135deg,var(--navy),#2a4b80); }.metric-card i { font-size:26px; }.metric-card div { display:grid; }.metric-card span { font-size:12px; opacity:.8; }.metric-card strong { font-size:22px; }
.announcement { grid-column:1/3; }.announcement details { border-top:1px solid var(--line); padding:14px 4px; }.announcement summary { cursor:pointer; font-weight:700; }.announcement summary span { float:right; color:var(--sky); }.announcement details p { margin-bottom:0; color:var(--muted); }
.avatar { flex:0 0 auto; display:grid; place-items:center; width:38px; height:38px; border-radius:13px; background:var(--sky-soft); color:#2479a8; font-weight:800; }
.input-panel { margin-bottom:18px; }.inline-notice { background:#e7f6ef; color:#08704a; border-radius:10px; padding:11px 13px; font-size:13px; }.inline-form { display:grid; grid-template-columns:170px 160px minmax(220px,1fr) auto; gap:14px; align-items:end; }
.field { display:grid; gap:7px; min-width:0; }.field label { font-size:13px; color:#4b596d; font-weight:700; }.field label span { color:var(--red); }.data-row { display:grid; grid-template-columns:60px minmax(0,1fr) 90px 20px; align-items:center; gap:14px; width:100%; border:0; border-top:1px solid var(--line); background:#fff; text-align:left; padding:15px 12px; cursor:pointer; color:inherit; }.data-row.selected { background:var(--sky-soft); box-shadow:inset 4px 0 var(--sky); }.data-row span:nth-child(2) { display:grid; gap:4px; min-width:0; }.data-row small { color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.approval-list { display:grid; }.approval-row { display:grid; grid-template-columns:42px minmax(0,1fr) auto 20px; align-items:center; gap:15px; border-top:1px solid var(--line); padding:16px 8px; border-radius:10px; }.approval-row:hover { background:var(--sky-soft); }.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }.form-grid .field:has(textarea) { grid-column:1/-1; }.sticky-actions { display:flex; justify-content:flex-end; gap:10px; position:sticky; bottom:12px; z-index:10; padding:14px; border:1px solid var(--line); border-radius:14px; background:#ffffffed; backdrop-filter:blur(8px); box-shadow:0 12px 36px #15294d22; }
.document-title { display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); padding-bottom:22px; }.document-title h2 { margin:4px 0; }.document-title p { color:var(--muted); margin:0; }.detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; margin:0; }.detail-grid div { padding:18px 8px; border-bottom:1px solid var(--line); }.detail-grid dt { font-size:12px; color:var(--muted); }.detail-grid dd { margin:5px 0 0; font-weight:700; }
.field select { width:100%; min-height:42px; border:1px solid #cfd8e3; border-radius:10px; background:#fff; padding:8px 11px; color:var(--ink); }
.widget-row { display:flex; justify-content:space-between; gap:12px; padding:12px 3px; border-top:1px solid var(--line); }.widget-row small { color:var(--muted); }.board-widget,.monthly-plan { grid-column:1/3; }
@media (max-width:1100px) { .dashboard-grid { grid-template-columns:1fr 1fr; }.announcement { grid-column:1; }.inline-form .p-button { align-self:end; }.board-widget,.monthly-plan { grid-column:1; } }
@media (max-width:767px) { .sidebar { display:none; }.main-content { padding:22px 16px 32px; }.page-header { align-items:flex-start; margin-bottom:18px; }.page-header h1 { font-size:28px; }.panel { padding:17px; border-radius:15px; }.dashboard-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.metric-card { padding:16px 12px; }.metric-card strong { font-size:18px; }.announcement { grid-column:1/-1; }.inline-form,.form-grid { grid-template-columns:1fr; }.form-grid .field:has(textarea) { grid-column:auto; }.data-row { grid-template-columns:46px minmax(0,1fr) 18px; gap:9px; padding:13px 4px; }.approval-row { grid-template-columns:38px minmax(0,1fr) auto; gap:10px; padding:13px 2px; }.approval-row > i { display:none; }.document-title { align-items:flex-start; }.detail-grid { grid-template-columns:1fr; }.sticky-actions { margin:0 -4px; overflow-x:auto; } }
@media (max-width:767px) { .sidebar { display:none; }.main-content { padding:22px 16px 32px; }.page-header { align-items:flex-start; margin-bottom:18px; }.page-header h2 { font-size:28px; }.panel { padding:17px; border-radius:15px; }.dashboard-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.metric-card { padding:16px 12px; }.metric-card strong { font-size:18px; }.announcement { grid-column:1/-1; }.inline-form,.form-grid { grid-template-columns:1fr; }.form-grid .field:has(textarea) { grid-column:auto; }.data-row { grid-template-columns:46px minmax(0,1fr) 18px; gap:9px; padding:13px 4px; }.approval-row { grid-template-columns:38px minmax(0,1fr) auto; gap:10px; padding:13px 2px; }.approval-row > i { display:none; }.document-title { align-items:flex-start; }.detail-grid { grid-template-columns:1fr; }.sticky-actions { margin:0 -4px; overflow-x:auto; } }
@media (max-width:380px) { .main-content { padding-left:12px; padding-right:12px; }.page-header { display:grid; }.dashboard-grid { grid-template-columns:1fr; }.metric-card,.announcement,.board-widget,.monthly-plan { grid-column:1; }.panel { padding:14px; }.approval-row { grid-template-columns:minmax(0,1fr) auto; }.data-row { grid-template-columns:42px minmax(0,1fr) 16px; }.inline-form { gap:11px; }.sticky-actions { padding:9px; }.sticky-actions .p-button,.sticky-actions .button-link { padding:9px 10px; font-size:12px; } }

/* P01-S04 responsive design fidelity */
.selection-context { margin:0 0 12px; color:var(--muted); font-size:12px; font-weight:700; }
.mobile-only,.mobile-only-title { display:none!important; }
.dashboard-grid { display:grid; grid-template-columns:1fr; gap:14px; }
.dashboard-metrics { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.dashboard-lower { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.dashboard-grid .hero-card,.dashboard-grid .announcement,.dashboard-grid .board-widget,.dashboard-grid .monthly-plan { grid-column:auto; grid-row:auto; }
.monthly-goal { margin-bottom:14px; }
.goal-progress { overflow:hidden; height:24px; border-radius:999px; background:#e8edf3; }
.goal-progress span { display:block; height:100%; padding:4px 10px; background:linear-gradient(90deg,var(--navy),var(--sky)); color:#fff; font-size:11px; font-weight:800; }
.summary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:14px; }
.summary-grid article { display:grid; gap:6px; padding:15px; }
.summary-grid span { color:var(--muted); font-size:11px; }.summary-grid strong { color:var(--navy); font-size:18px; }
.vehicle-entry { grid-template-columns:repeat(5,minmax(120px,1fr)); }
.audit-line { display:block; margin-top:12px; color:var(--muted); }

@media (max-width:1100px) and (min-width:768px) {
  .sidebar { padding:14px 10px; }
  .main-content { padding-inline:16px; }
  .summary-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:767px) {
  .mobile-only { display:inline-flex!important; }.mobile-only-title { display:inline!important; }
  .dashboard-metrics { grid-template-columns:1fr 1fr; gap:10px; }
  .dashboard-lower { grid-template-columns:1fr; gap:12px; }
  .dashboard-grid { gap:12px; }
  .dashboard-metrics { order:2; }.dashboard-lower { order:4; }
  .customer-sheet { margin:-8px; }
  .approval-status-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-bottom:12px; }
  .approval-status-tiles button { display:flex; align-items:center; justify-content:space-between; gap:5px; min-height:52px; padding:9px; border:1px solid var(--line); border-radius:11px; background:#fff; color:var(--navy); }
  .approval-status-tiles button[aria-pressed="true"] { color:#fff; background:var(--navy); }.approval-status-tiles span { font-size:18px; }
}

/* P01-S07 call design change */

@media (min-width:1600px) {
  .p-button { font-size:16px; }
  .field label,.result-count { font-size:14px; }
  .page-header h1 { font-size:24px; }
  .section-heading h2 { font-size:20px; }
  .panel { padding:20px; }
}

@media (max-width:1599px) and (min-width:768px) {
  .p-button { font-size:14px; }
  .main-content { padding:24px clamp(18px,2.5vw,36px) 48px; }
  .panel { padding:16px; }
}

.customer-info-grid { grid-template-columns:repeat(2,1fr); }
.receivable-cell { display:grid; gap:3px; }
.receivable-cell span:first-child { color:#2288c5; }
.receivable-cards { display:none!important; }

@media (max-width:767px) {
  .dashboard-metrics { order:2; }
  .approval-status-tiles { grid-template-columns:repeat(5,1fr); gap:4px; overflow-x:auto; }
  .approval-status-tiles button { display:grid; justify-items:center; min-width:54px; padding:7px 4px; font-size:11px; }
  .section-heading { align-items:flex-start; }
  .summary-grid { grid-template-columns:repeat(2,1fr); }
  .receivable-cards { display:grid!important; }
  .receivable-cards article,.receivable-cards article>div,.receivable-cards article>div>span { min-width:0; }
  .receivable-cards article>div { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
  .receivable-cards article>div>span { display:grid; gap:3px; padding:6px; background:#f4f7fa; border-radius:8px; }
  .customer-info-grid { grid-template-columns:1fr; }
}

/* Customer review density contract */
.main-content { padding:var(--space-page) clamp(20px,3vw,40px) 48px; }
.sidebar { padding:20px 16px; }
.mini-calendar { padding:14px; margin-bottom:18px; }
.page-header { margin-bottom:var(--space-section); }
.panel { padding:var(--space-panel); }
.section-heading { margin-bottom:14px; }
.form-grid { grid-template-columns:repeat(12,minmax(0,1fr)); gap:var(--space-field); align-items:start; }
.form-grid .field-compact { grid-column:span 3; }
.form-grid .field-standard { grid-column:span 4; }
.form-grid .field-wide { grid-column:span 6; }
.form-grid .field-full { grid-column:1/-1; }
.field-actions { grid-column:1/-1; display:flex; justify-content:flex-end; }
.required-files { display:block!important; }
.required-files ol { margin:8px 0 0; padding-left:22px; columns:2; }
.required-files li { padding:3px 0; }
.field select { width:100%; min-height:42px; border:1px solid #cfd8e3; border-radius:10px; background:#fff; padding:8px 11px; color:var(--ink); }
.data-row,.approval-row { padding-top:12px; padding-bottom:12px; }

@media (max-width:1100px) and (min-width:768px) {
  .form-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .form-grid .field-compact,.form-grid .field-standard { grid-column:span 3; }
  .form-grid .field-wide,.form-grid .field-full { grid-column:1/-1; }
}

@media (max-width:767px) {
  .main-content { padding:var(--space-page) var(--mobile-gutter) 28px; }
  .panel { padding:var(--space-panel); }
  .page-header { gap:12px; margin-bottom:var(--space-section); }
  .page-header h1 { font-size:26px; }
  .form-grid { grid-template-columns:minmax(0,1fr); gap:var(--space-field); }
  .form-grid .field-compact,.form-grid .field-standard,.form-grid .field-wide,.form-grid .field-full,.field-actions { grid-column:1; }
  .sticky-actions { bottom:calc(var(--bottom-nav-height) + 8px); }
  .required-files ol { columns:1; }
}

/* P01-S06 reference-image correction */
.main-content { min-width:0; }
.dashboard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.dashboard-metrics { grid-column:1/-1; }
.reference-document-toolbar { display:flex; align-items:center; justify-content:flex-end; gap:8px; min-height:38px; padding:6px 8px; border-top:3px solid var(--navy); background:#fff; }
.reference-document-toolbar span { margin-right:auto; color:var(--muted); font-size:11px; }
.document-type-rail { position:sticky; top:82px; background:#fff; }
.attachment-link { float:right; margin:8px; border:0; background:transparent; color:var(--muted); text-decoration:underline; }
.row-delete.p-button { padding:7px; }

@media (max-width:767px) {
  .dashboard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .document-type-rail { display:none; }
}

@media (max-width:380px) {
  .dashboard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashboard-metrics { grid-column:1/-1; }
  .metric-card { min-width:0; padding:12px 8px; gap:8px; }.metric-card i { font-size:20px; }.metric-card strong { font-size:16px; }
  .dashboard-greeting .dashboard-metrics>.metric-card { grid-column:auto; }
  .approval-status-tiles { grid-template-columns:repeat(5,minmax(54px,1fr)); }
}

/* P01-S06 third correction */
.dashboard-greeting { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.dashboard-greeting .page-header { flex:1; margin-bottom:14px; }
.dashboard-greeting .dashboard-metrics { display:grid; grid-template-columns:repeat(2,minmax(130px,1fr)); width:min(390px,42%); gap:8px; }
.dashboard-greeting .metric-card { min-height:58px; padding:10px 14px; }
.receivable-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }
.customer-search-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:12px; }
.mobile-popup-form { display:grid; gap:12px; }

@media (max-width:767px) {
  .dashboard-greeting { display:block; }
  .dashboard-greeting .dashboard-metrics { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:14px; }
  .dashboard-greeting .metric-card { min-width:0; }
  .dashboard-grid { display:grid; grid-template-columns:1fr; }
  .customer-search-form { grid-template-columns:1fr; }
  .receivable-summary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .receivable-summary .panel { min-width:0; padding:9px 6px; }
  .receivable-summary strong { font-size:12px; overflow-wrap:anywhere; }
  .receivable-cards article>div { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:1100px) and (min-width:768px) {
  .dashboard-greeting { display:block; }
  .dashboard-greeting .dashboard-metrics { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:14px; }
  .dashboard-greeting .metric-card { min-width:0; }
}

/* P01-S06 fifth correction */

@media (max-width:767px) {
  .receivable-cards article>div { grid-template-columns:repeat(3,minmax(0,1fr)); }
}


/* P01-S07 final customer screen correction */
.sticky-actions { gap:8px; }

@media (min-width:768px) {
  .dashboard-greeting { margin-bottom:20px; }
  .dashboard-greeting .dashboard-metrics { transform:translateY(-8px); }
}

/* P01-S07 eighth customer screen correction */
.p-button.icon-action { flex:0 0 44px; width:44px; min-width:44px; min-height:44px; padding:0!important; border:0!important; border-radius:0; background:transparent!important; color:var(--navy); box-shadow:none; }
.p-button.icon-action:hover { background:transparent!important; color:var(--navy-2); }
.p-button.icon-action:focus-visible { outline:3px solid var(--focus); outline-offset:2px; }

@media (min-width:1101px) {
}

/* P01-S07 fourteenth input control correction */

@media (max-width:767px) {
}


/* P01-S10 follow-up customer screen correction */
.sidebar-menu-group { display:grid; gap:4px; }

/* P01-S10 fifth follow-up display formatting: alignment only. */
[data-value-type="number"] input { text-align:right; }
[data-value-type="date"] input { text-align:center; }
[data-value-type="text"] input,[data-value-type="text"] textarea,[data-value-type="text"] select { text-align:left; }
.metric-card strong { text-align:right; }

.talk-card small { color:var(--muted); font-size:12px; }
.talk-card { grid-column:3; }
.talk-card article { display:flex; gap:12px; padding:14px 0; border-top:1px solid var(--line); }.talk-card article div:last-child { min-width:0; }.talk-card article p { margin:4px 0; color:#4f5d72; }
.tenant-notice { display:flex; align-items:center; gap:10px; margin-bottom:18px; padding:14px 16px; background:#e8f5fd; color:#245e7e; border-radius:13px; }.tenant-notice span { color:var(--muted); font-size:13px; }
.char-counter,.comment-list small { color:var(--muted); font-size:12px; }.char-counter { justify-self:end; }.comment-section { margin-top:18px; }.comment-section h2 { margin-top:0; }.comment-list article { padding:12px 4px; border-top:1px solid var(--line); }.comment-list p { margin:5px 0; }
.talk-card { grid-column:3; grid-row:3/5; }
@media (max-width:1100px) { .talk-card { grid-column:2; } }
@media (max-width:767px) { .talk-card { grid-column:1/-1; } }
@media (max-width:767px) { .tenant-notice { align-items:flex-start; flex-wrap:wrap; }.tenant-notice span { flex:1 0 100%; } }
@media (max-width:380px) { .talk-card { grid-column:1; } }

.dashboard-open-talk .talk-card { width:100%; }
.dashboard-grid .talk-card { grid-column:auto; grid-row:auto; }
@media (max-width:767px) { .dashboard-open-talk { order:3; } }

.open-talk-split { display:grid; grid-template-columns:minmax(300px,.4fr) minmax(0,1fr); gap:16px; align-items:start; }
.talk-master-list { display:grid; padding:16px; }
.talk-master-list p { margin:4px 0; }
.talk-master-list small { color:var(--muted); }
.talk-detail-panel { min-width:0; }
@media (min-width:1600px) { .tenant-notice span { font-size:14px; } }
@media (max-width:767px) {
  .open-talk-split { display:block; }
  .talk-master-list { display:none; }
  .open-talk-split>.talk-master-list+ .talk-detail-panel { display:block; }
}

@media (max-width:767px) { .dashboard-open-talk { order:3; } }

.dashboard-open-talk { min-width:0; }
@media (max-width:767px) { .dashboard-open-talk { grid-column:1/-1; } }

.talk-master-list>button { display:flex; gap:10px; width:100%; padding:13px 6px; border:0; border-top:1px solid var(--line); background:#fff; color:inherit; text-align:left; cursor:pointer; }
.talk-master-list>button.active { background:var(--sky-soft); }
.talk-master-list>button>span { min-width:0; }
.talk-master-list>button p { margin:4px 0; }
.talk-master-list>button small { color:var(--muted); }
.talk-actions { display:flex; justify-content:flex-end; gap:8px; }
@media (max-width:767px) {
  .open-talk-split { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
  .open-talk-split>.talk-master-list { display:grid; position:static; }
  .talk-actions { padding:0; border:0; background:transparent; box-shadow:none; }
}

.leave-balance { color:#267ca9; font-weight:800; }
.leave-list { display:grid; }
.leave-list article { display:grid; grid-template-columns:150px minmax(0,1fr) auto auto; gap:18px; align-items:center; border-top:1px solid var(--line); padding:15px 8px; }
.leave-date, .leave-list article > div:nth-child(2) { display:grid; gap:4px; }
.leave-list small, .leave-date span { color:var(--muted); font-size:12px; }
.row-actions { display:flex; gap:6px; }
.row-actions .p-button { min-height:34px; padding:7px 10px; font-size:12px; }
@media (max-width:1100px) { .leave-list article { grid-template-columns:120px 1fr auto; }.row-actions { grid-column:2/-1; } }
@media (max-width:767px) { .leave-list article { grid-template-columns:1fr auto; gap:10px; }.leave-date { grid-column:1; }.leave-list article > div:nth-child(2) { grid-column:1; }.leave-list article > .status { grid-column:2; grid-row:1; }.row-actions { grid-column:1/-1; } }

.mobile-leave-view { display:none!important; }
.leave-entry-row { display:grid; gap:10px; align-items:end; }
.leave-entry-row { grid-template-columns:110px 145px 145px 112px minmax(180px,1fr) auto; }
.desktop-leave-view { display:block; }.leave-table { min-width:850px; }
@media (max-width:1100px) and (min-width:768px) {
  .leave-entry-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .leave-entry-row .inline-actions { grid-column:1/-1; }
}
@media (max-width:767px) {
  .desktop-leave-view { display:none!important; }
  .mobile-leave-view { display:block!important; }
  .desktop-leave-view + .mobile-leave-view { display:grid!important; }
}

.employee-leave-widget { order:4; }
.unified-leave-form .leave-entry-row { grid-template-columns:150px 150px 150px 100px minmax(220px,1fr); }
@media (max-width:1100px) and (min-width:768px) {
  .unified-leave-form .leave-entry-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px) {
  .employee-leave-widget { order:4; }
  .unified-leave-form .leave-entry-row { grid-template-columns:1fr; }
}

.leave-list article { padding-top:12px; padding-bottom:12px; }

.employee-leave-widget { min-width:0; }
.leave-form-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; margin:-48px 0 14px; }
.unified-leave-form .leave-entry-row { grid-template-columns:140px 145px 145px 95px minmax(280px,1fr); }
.leave-five-filters { display:grid; grid-template-columns:repeat(5,1fr); }
@media (max-width:1450px) and (min-width:768px) {
  .unified-leave-form .leave-entry-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .unified-leave-form .field { min-width:0!important; }
}
@media (max-width:1100px) and (min-width:768px) {
  .unified-leave-form .leave-entry-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .unified-leave-form .field { min-width:0!important; }
}
@media (max-width:767px) {
  .employee-leave-widget { grid-column:1/-1; }
  .unified-leave-form .leave-entry-row { grid-template-columns:minmax(0,1fr); }.unified-leave-form .field { min-width:0!important; }
  .leave-form-actions { display:grid; grid-template-columns:1fr auto auto; margin:0 0 12px; }
  .leave-five-filters { overflow-x:auto; }.leave-five-filters button { min-width:58px; padding-inline:6px; }
  .mobile-leave-filters { grid-template-columns:repeat(4,minmax(0,1fr)); overflow:visible; }
  .mobile-leave-filters button { min-width:0; padding-inline:5px; }
}
.unified-leave-form .leave-entry-row { grid-template-columns:140px 180px 180px 95px minmax(320px,1fr); }
@media (max-width:1599px) and (min-width:768px) {
  .unified-leave-form .leave-entry-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .unified-leave-form .field { min-width:0!important; }
}
.unified-leave-form .field:has(#leave-reason) { min-width:0; width:100%; }
@media (min-width:1101px) {
  .unified-leave-form .leave-entry-row:not(:has(#leave-end)) .field:has(#leave-reason) { grid-column:4/-1; }
}
@media (max-width:767px) {
  .mobile-leave-action-row { display:flex; align-items:center; gap:10px; width:100%; }
  .mobile-leave-action-row>span { min-width:0; color:var(--muted); overflow-wrap:anywhere; }
  .mobile-leave-action-row>.p-button { flex:0 0 auto; margin-left:auto; white-space:nowrap; }
}

.leave-list-actions { display:flex; align-items:center; gap:8px; }
.leave-table tbody tr,.leave-list article { cursor:pointer; }
.leave-table tbody tr:hover,.leave-table tbody tr:focus-visible,.leave-list article:hover,.leave-list article:focus-visible { background:var(--sky-soft); }
.leave-table tbody tr[aria-selected="true"],.leave-list article[aria-selected="true"] { background:#dceef9; }
.leave-table tbody tr:focus-visible,.leave-list article:focus-visible { outline:3px solid var(--sky); outline-offset:-3px; }
@media (max-width:767px) {
  .leave-history-panel>.section-heading { flex-wrap:wrap; }
  .leave-list-actions { width:100%; justify-content:flex-end; }
}

@media (max-width:767px) {
  .mobile-leave-action-row { margin-top:12px; }
}
.leave-table :is(th,td):nth-child(4),
.leave-table :is(th,td):nth-child(5) { text-align:center; }
.leave-table :is(th,td):nth-child(6) { text-align:right; }

/* P01-S11 B3 system ownership selectors */

/* Login */
.login-page {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(400px, 0.85fr);
  background: #fff;
}

.login-visual {
  position: relative;
  overflow: hidden;
  padding: clamp(50px, 8vw, 120px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(145deg, var(--navy), #244d86);
  color: #fff;
}

.login-visual h1 {
  font-size: clamp(40px, 5vw, 72px);
  line-height: 1.14;
  letter-spacing: -0.06em;
  margin: 12px 0 22px;
  position: relative;
  z-index: 2;
}

.login-visual > p:last-child {
  color: #d1e4f5;
  max-width: 530px;
  line-height: 1.8;
}

.login-visual .eyebrow {
  color: #7dd1fa;
}

.puzzle {
  position: absolute;
  display: grid;
  place-items: center;
  width: 220px;
  height: 220px;
  border-radius: 52px;
  font-size: 110px;
  font-weight: 900;
  opacity: 0.17;
  transform: rotate(18deg);
}

.puzzle-one {
  right: 8%;
  top: 8%;
  background: var(--sky);
}

.puzzle-two {
  right: 30%;
  bottom: -45px;
  border: 25px solid #fff;
}

.login-card {
  width: min(440px, calc(100% - 48px));
  align-self: center;
  justify-self: center;
}

.login-card h2 {
  font-size: 34px;
  margin: 5px 0;
  color: var(--navy);
}

.login-card > p {
  color: var(--muted);
  margin-bottom: 28px;
}

.login-card form {
  display: grid;
  gap: 16px;
}

.login-card form .p-button {
  margin-top: 4px;
}

.mobile-brand {
  display: none;
}

.login-card > small {
  color: var(--muted);
}

@media (max-width: 1100px) {
  .login-page {
    grid-template-columns: 1fr 440px;
  }

  .login-visual {
    padding: 50px;
  }
}

@media (max-width: 767px) {
  .login-page {
    display: block;
    min-height: 100vh;
    padding: 34px 0;
    background: linear-gradient(180deg, var(--navy) 0 26%, #fff 26%);
  }

  .login-visual {
    display: none;
  }

  .login-card {
    width: calc(100% - 32px);
    padding: 26px 20px;
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 18px 45px #06152b2b;
  }

  .login-card {
    margin: 70px auto 24px;
    padding: 22px 16px;
    border-radius: 18px;
    box-shadow: none;
    background: transparent;
  }

  .mobile-brand {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 74px;
  }

  .login-card h2 {
    font-size: 30px;
  }
}

@media (max-width: 380px) {
  .login-card {
    width: calc(100% - 20px);
    padding: 22px 16px;
  }
}

/* System management */
.system-management-split {
  display: grid;
  grid-template-columns: minmax(260px, .34fr) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.system-management-detail {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.wholesaler-master-list {
  position: sticky;
  top: 84px;
  padding: 16px;
}

.wholesaler-master-list > .section-heading {
  align-items: flex-start;
}

.wholesaler-master-list [role="listbox"] {
  display: grid;
}

.wholesaler-master-list [role="option"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 13px 8px;
  border: 0;
  border-top: 1px solid var(--line);
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.wholesaler-master-list [role="option"] > span:first-child {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.wholesaler-master-list [role="option"] small {
  color: var(--muted);
}

.wholesaler-master-list [role="option"][aria-selected="true"] {
  background: var(--sky-soft);
  box-shadow: inset 4px 0 var(--sky);
}

.wholesaler-user-panel {
  min-width: 0;
}

/* Tenant selection */
.tenant-dialog .dialog-list span {
  display: grid;
  gap: 3px;
}

/* System shell */
@media (min-width: 768px) and (max-width: 768px) {
  .system-shell {
    display: block;
    min-height: 100vh;
  }

  .system-shell .sidebar,
  .system-shell .bottom-nav {
    display: none !important;
  }

  .system-shell .topbar {
    height: 68px;
  }

  .system-shell .main-content {
    padding: 22px 16px 32px;
  }
}

@media (max-width: 767px) {
  .system-shell .sidebar,
  .system-shell .bottom-nav {
    display: none !important;
  }

  .system-shell {
    grid-template-columns: 1fr;
  }

  .system-shell .main-content {
    grid-column: 1;
  }
}

@media (max-width: 1599px) and (min-width: 768px) {
  .system-management-split {
    grid-template-columns: minmax(225px, .3fr) minmax(0, 1fr);
  }

  .membership-user-form > .form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* User membership management */
.membership-user-form {
  display: grid;
  gap: 14px;
  padding: 14px 0 18px;
  border-bottom: 1px solid var(--line);
}

.membership-user-form > .form-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.membership-phone-control {
  position: relative;
  min-width: 0;
}

.membership-phone-control .p-inputtext {
  width: 100%;
  padding-right: 48px;
}

.membership-phone-control .p-button {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.existing-user-dialog > strong {
  display: block;
  margin-bottom: 8px;
}

.existing-user-dialog ul {
  margin: 10px 0;
  padding-left: 20px;
}

.global-change-confirm {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
}

.inline-user-list {
  display: grid;
}

.inline-user-list>button {
  display:grid;
  grid-template-columns:minmax(160px, 1fr) minmax(190px, 1fr) auto;
  gap: 12px;
  align-items:center;
  padding:12px 8px;
  border:0;
  border-top: 1px solid var(--line);
  background:#fff;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.inline-user-list>button>span:first-child {
  display:grid;
  gap: 3px;
}

.inline-user-list small {
  color: var(--muted);
}

.inline-user-list>button { grid-template-columns:minmax(56px, .8fr) minmax(96px, 1.2fr) minmax(65px, 1fr) minmax(56px, .8fr) minmax(62px, .8fr) minmax(62px, .8fr) auto; gap: 6px; padding:7px 6px; font-size:12px; }

.inline-user-list>button>* {
  min-width: 0;
  white-space:nowrap;
}

.state-switch {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: max-content;
  min-height: 42px;
  padding: 5px 2px;
  border: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.state-switch-track {
  display: flex;
  align-items: center;
  width: 44px;
  height: 24px;
  padding: 3px;
  border-radius: 999px;
  background: #9aa8b6;
  transition: background-color 0.16s ease;
}

.state-switch-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(15, 42, 67, 0.28);
  transform: translateX(0);
  transition: transform 0.16s ease;
}

.state-switch[aria-checked="true"] .state-switch-track { background:var(--sky); }

.state-switch[aria-checked="true"] .state-switch-thumb {
  transform: translateX(20px);
}

.state-switch-lock[aria-checked="true"] .state-switch-track { background:var(--red); }

.state-switch:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 2px;
  border-radius: 8px;
}

.state-switch:disabled {
  opacity: 0.62;
  cursor: not-allowed;
}

@media (min-width: 1451px) {
  .membership-user-form>.form-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width: 1450px) and (min-width: 1101px) {
  .membership-user-form>.form-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (min-width: 1101px) {
  .membership-user-form>.form-grid>.field-compact, .membership-user-form>.form-grid>.field-standard { grid-column:span 1; min-width:0; }

  .membership-user-form>.form-grid>.field-full { grid-column:1/-1; }
}

/* Wholesaler form and related */
.wholesaler-form {
  margin-bottom: 16px;
  padding: 18px;
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--shadow);
}

.wholesaler-form>.form-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }

.wholesaler-form>.form-grid>.field { grid-column: auto; min-width:0; }

.wholesaler-form #wholesaler-note { min-height:42px; height:42px; resize:none; }

.wholesaler-form>.form-grid>.field-full { grid-column:span 2; }

/* P01-S11 B4 work ownership selectors */

/* 00-foundation.css */
.schedule-list { display:grid; gap:13px; }
.schedule-list article { display:flex; gap:16px; align-items:center; padding:12px; border-radius:12px; background:#fff; border:1px solid var(--line); }
.schedule-list time { color:#2782b3; font-weight:800; }.schedule-list article div { display:grid; gap:3px; }.schedule-list span { color:var(--muted); font-size:12px; }
@media (max-width:380px) { .schedule-list article { gap:10px; padding:10px 8px; } }
@media (max-width:380px) { .driving-register-tabs { margin-left:-12px!important; margin-right:-12px!important; } }

/* 10-p01-s04-fidelity.css */
.app-shell.has-employee-rail { grid-template-columns:220px 238px minmax(0,1fr); }
.shell-calendar { margin-bottom:18px; padding:12px; border:1px solid var(--line); border-radius:14px; background:#f8fbff; }
.calendar-heading { display:grid; grid-template-columns:32px 1fr 32px; align-items:center; gap:4px; margin-bottom:8px; text-align:center; }
.calendar-heading button,.calendar-today { min-height:32px; border:0; border-radius:8px; background:#eaf2fa; color:var(--navy); cursor:pointer; }
.calendar-weekdays,.calendar-days { display:grid; grid-template-columns:repeat(7,1fr); gap:2px; text-align:center; }
.calendar-weekdays span { padding:4px 0; color:var(--muted); font-size:10px; font-weight:700; }
.calendar-days button { aspect-ratio:1; min-width:0; border:0; border-radius:7px; background:transparent; color:var(--ink); font-size:11px; cursor:pointer; }
.calendar-days button:hover { background:var(--sky-soft); }
.calendar-days button[aria-current="date"] { box-shadow:inset 0 0 0 2px var(--sky); font-weight:800; }
.calendar-days button[aria-pressed="true"] { background:var(--navy); color:#fff; }
.calendar-today { width:100%; margin-top:8px; font-size:11px; font-weight:700; }
.employee-rail { min-width:0; padding:20px 12px; border-right:1px solid var(--line); background:#f8fafc; }
.employee-rail h2 { margin:0 0 12px; color:var(--navy); font-size:17px; }
.employee-grid-header,.employee-grid button { display:grid; grid-template-columns:56px minmax(52px,1fr) 72px; gap:5px; align-items:center; text-align:left; }
.employee-grid-header { padding:8px 7px; color:var(--muted); font-size:10px; font-weight:800; border-bottom:1px solid var(--line); }
.employee-grid { display:grid; }
.employee-grid button { width:100%; padding:10px 7px; border:0; border-bottom:1px solid var(--line); background:transparent; color:inherit; font-size:11px; cursor:pointer; }
.employee-grid button[aria-pressed="true"] { background:var(--sky-soft); box-shadow:inset 3px 0 var(--sky); }
.work-type { padding:4px 5px; border-radius:999px; text-align:center; font-size:10px; font-weight:800; }
.work-type-active { background:#e2f5ed; color:var(--green); }.work-type-leave { background:#fff2d7; color:var(--amber); }
.mobile-work-cards,.mobile-schedule-view { display:none!important; }
.dashboard-schedule .hero-card { width:100%; }
.work-entry-row { display:grid; gap:10px; align-items:end; }
.daily-entry { grid-template-columns:100px 120px minmax(190px,.8fr) minmax(220px,1.2fr) auto; }
.schedule-entry { grid-template-columns:150px minmax(190px,.8fr) 112px minmax(220px,1.2fr) auto; }
.schedule-entry .field:has(#schedule-time) { display:none; }
.driving-entry { grid-template-columns:130px 76px 90px 100px 90px minmax(190px,1fr) auto; }
.work-result { margin-top:14px; }
.work-table { width:100%; border-collapse:collapse; background:#fff; font-size:12px; }
.work-table th,.work-table td { padding:10px 9px; border:1px solid var(--line); text-align:left; white-space:nowrap; }
.work-table thead th { background:#f0f4f8; color:#46566b; font-weight:800; }
.weekly-table { table-layout:fixed; min-width:720px; }
.weekly-table th:first-child { width:68px; }
.weekly-table td { height:74px; vertical-align:top; white-space:normal; }
.weekly-table td button { display:grid; gap:3px; width:100%; padding:7px; border:0; border-radius:8px; background:var(--sky-soft); color:inherit; text-align:left; cursor:pointer; }
.weekly-table td span { color:var(--muted); font-size:10px; }
.vehicle-record-list { margin-top:14px; }
.vehicle-record-list .work-table { min-width:1040px; }
.maintenance-due-list { margin-top:14px; }
.maintenance-due-table { width:100%; min-width:680px; table-layout:fixed; }
.maintenance-due-table th:first-child { width:28%; }
.maintenance-due-table th:not(:first-child) { width:24%; }

@media (max-width:1100px) and (min-width:768px) {
  .app-shell.has-employee-rail { grid-template-columns:180px 170px minmax(0,1fr); }
  .employee-rail { padding:14px 8px; }
  .employee-grid-header,.employee-grid button { grid-template-columns:46px minmax(44px,1fr) 58px; padding-inline:4px; font-size:9px; }
  .work-entry-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .work-entry-row .inline-actions { grid-column:1/-1; }
}

@media (max-width:768px) {
  .driving-register-tabs { margin-left:-16px; margin-right:-16px; padding-inline:12px; }
  .driving-register-tabs button { padding:11px 13px!important; font-size:13px!important; }
  .driving-register-tabs ~ .desktop-inline-editor { display:none; }
  .driving-register-tabs ~ .mobile-editor-trigger { display:flex; }
  .vehicle-record-list .table-scroll { display:none; }
  .vehicle-record-list .mobile-work-cards { display:grid!important; gap:9px; }
}

@media (min-width:381px) and (max-width:767px) {
  .driving-register-tabs { margin-left:-14px; margin-right:-14px; }
}

@media (max-width:767px) {
  .app-shell.has-employee-rail { display:block; }
  .employee-rail,.shell-calendar,.desktop-work-view { display:none!important; }
  .mobile-work-cards,.mobile-schedule-view { display:block!important; }
  .dashboard-schedule { order:1; }
  .mobile-work-cards { display:grid!important; gap:9px; }
  .work-result > .table-scroll { display:none; }
  .mobile-work-cards article { padding:12px; border:1px solid var(--line); border-radius:12px; }
  .mobile-work-cards article>div { display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .mobile-work-cards h3 { margin:8px 0 4px; }.mobile-work-cards p { margin:0; color:var(--muted); font-size:12px; }
  .daily-entry { grid-template-columns:1fr; }.daily-entry .inline-actions { flex-wrap:wrap; }
  .daily-entry .inline-actions .p-button { flex:1; }
  .schedule-editor { margin-top:12px; }
  .schedule-entry { grid-template-columns:1fr; }.schedule-entry .field:has(#schedule-time) { display:grid; }
  .schedule-entry .inline-actions { display:grid; grid-template-columns:1fr 1fr; }
  .mobile-schedule-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .date-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:5px; margin:12px 0 18px; }
  .date-strip button { display:grid; place-items:center; gap:5px; min-height:62px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--muted); cursor:pointer; }
  .date-strip button[aria-pressed="true"] { background:var(--navy); color:#fff; }
  .date-strip span { font-size:10px; }.date-strip strong { font-size:17px; }
  .mobile-schedule-view>h2 { font-size:18px; }
  .schedule-cards { display:grid; gap:9px; }.schedule-cards article { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:10px; align-items:start; padding:12px; border:1px solid var(--line); border-radius:12px; background:#fff; }
  .schedule-cards p { margin:4px 0; font-size:12px; }.schedule-cards small { color:var(--muted); }
}

/* 20-p01-s07-design.css */
@media (min-width:1600px) {
  .work-table { font-size:16px; }
}

@media (max-width:1599px) and (min-width:768px) {
  .work-table { font-size:14px; }
}

/* 30-p01-s05-fidelity.css */
.daily-entry { grid-template-columns:112px minmax(220px,.8fr) 112px minmax(280px,1.4fr); }
.schedule-entry { grid-template-columns:145px minmax(210px,.8fr) 110px 130px minmax(260px,1.2fr); }
.schedule-entry .field:has(#schedule-time) { display:grid; }
.driving-entry { grid-template-columns:130px 76px 100px 110px 100px minmax(240px,1fr); }

@media (max-width:1100px) and (min-width:768px) {
  .daily-entry,.schedule-entry,.driving-entry { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:767px) {
  .dashboard-schedule { order:1; }
  .daily-entry,.schedule-entry,.driving-entry { grid-template-columns:1fr; }
  .panel:has(> .mobile-work-cards) > .table-scroll { display:none; }
}

/* 50-p01-s06-corrections.css */
.dashboard-schedule { grid-column:1/-1; }
.dashboard-schedule .hero-card { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:18px; }
.dashboard-schedule .hero-card h2 { margin:0 0 12px; font-size:18px; }
.schedule-entry { grid-template-columns:minmax(190px,.75fr) 190px 105px 125px minmax(240px,1.25fr); }
.schedule-entry .field:has(#schedule-date) { min-width:190px; }
.vehicle-record-list .driving-distance-table { width:100%; min-width:0; table-layout:fixed; }
.driving-distance-table th:nth-child(1) { width:13%; }
.driving-distance-table th:nth-child(2) { width:15%; }
.driving-distance-table th:nth-child(3) { width:13%; }
.driving-distance-table th:nth-child(4) { width:13%; }
.driving-distance-table th:nth-child(5) { width:12%; }
.driving-distance-table th:nth-child(6) { width:34%; }
.vehicle-record-list .maintenance-distance-table { width:100%; min-width:0; table-layout:fixed; }
.maintenance-distance-table th:nth-child(1) { width:11%; }
.maintenance-distance-table th:nth-child(2) { width:13%; }
.maintenance-distance-table th:nth-child(3) { width:12%; }
.maintenance-distance-table th:nth-child(4) { width:14%; }
.maintenance-distance-table th:nth-child(5) { width:20%; }
.maintenance-distance-table th:nth-child(6) { width:13%; }
.maintenance-distance-table th:nth-child(7) { width:17%; }
.vehicle-record-list .maintenance-schedule-table { width:100%; min-width:0; table-layout:fixed; }
.maintenance-schedule-table th:first-child { width:24%; }
.mobile-work-tab-label { display:none; }
.mobile-editor-trigger { display:none; justify-content:flex-end; margin-bottom:10px; }
.schedule-entry { grid-template-columns:minmax(150px,.6fr) 190px 140px 125px minmax(240px,1.4fr); }

@media (min-width:1101px) {
  .daily-entry { grid-template-columns:112px minmax(170px,.6fr) minmax(150px,.72fr) minmax(280px,1.4fr); }
}

@media (min-width:1101px) and (max-width:1599px) {
  .daily-entry { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:1450px) and (min-width:768px) {
  .schedule-entry { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .schedule-entry .field { min-width:0!important; }
}

@media (max-width:1100px) and (min-width:768px) {
  .schedule-entry { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .schedule-entry .field { min-width:0!important; }
}

@media (max-width:767px) {
  .dashboard-schedule { grid-column:1/-1; }
  .dashboard-schedule .hero-card { grid-template-columns:1fr; padding:14px; }
  .schedule-editor .section-heading { display:block; }.schedule-editor .section-heading h2 { margin-bottom:10px; }.schedule-editor .schedule-desktop-actions { display:none; }
  .schedule-entry { grid-template-columns:minmax(0,1fr); }.schedule-entry .field { min-width:0!important; }
  .mobile-schedule-heading .p-button { display:inline-flex; }
  .daily-section-heading { display:block; margin-bottom:8px; }.daily-section-heading h2 { margin-bottom:0; }
}

@media (max-width:767px) {
  .mobile-editor-trigger { display:flex; }
}

@media (max-width:1450px) and (min-width:768px) {
  .schedule-entry { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .schedule-entry .field { min-width:0!important; }
}

/* 60-p01-s07-corrections.css */
.driving-entry-driving { grid-template-columns:minmax(150px,.9fr) minmax(150px,.9fr) minmax(140px,.8fr) minmax(120px,.7fr) minmax(280px,2fr); }
.driving-entry-maintenance { grid-template-columns:minmax(130px,.8fr) minmax(140px,.8fr) minmax(150px,.9fr) minmax(150px,1fr) minmax(130px,.75fr) minmax(170px,1.15fr); }
.driving-entry-maintenance .field { min-width:0; }
.driving-entry-maintenance-schedule { grid-template-columns:minmax(170px,.75fr) minmax(320px,2.25fr); }
.driving-entry-vehicle { grid-template-columns:repeat(4,minmax(180px,1fr)); }
.driving-entry-driving .field:last-child,.driving-entry-maintenance .field:last-child,.driving-entry-maintenance-schedule .field:last-child,.driving-entry-vehicle .field:last-child { min-width:0; }
.driving-entry-vehicle .field:last-child { grid-column:1/-1; }
.selectable-record-table tbody tr { cursor:pointer; }
.selectable-record-table tbody tr:hover,.selectable-record-table tbody tr:focus-visible { background:var(--sky-soft); }
.selectable-record-table tbody tr[aria-selected="true"] { background:#dceef9; }
.selectable-record-table tbody tr:focus-visible { outline:3px solid var(--sky); outline-offset:-3px; }
.driving-register-tabs,.driving-register-tabs button { border-inline:0; }
.driving-register-tabs button { border-top:0; box-shadow:none; }
.driving-register-tabs button::before,.driving-register-tabs button::after { content:none; display:none; }
.driving-register-tabs,.driving-register-tabs button,
.driving-register-tabs button[aria-selected="true"] { border-inline:0!important; box-shadow:none!important; }
.driving-register-tabs::before,.driving-register-tabs::after,
.driving-register-tabs button::before,.driving-register-tabs button::after { content:none!important; display:none!important; }
.work-customer-input { position:relative; display:block; min-width:0; }
.work-customer-input .p-inputtext { width:100%; min-height:44px; padding-right:48px; border-radius:10px; }
.work-customer-input .p-button { position:absolute; top:50%; right:0; z-index:1; transform:translateY(-50%); border-radius:0; }
.driving-register-tabs button,
.driving-register-tabs button[aria-selected="true"] { border-top:0!important; border-right:0!important; border-left:0!important; box-shadow:none!important; }
.driving-register-tabs button[aria-selected="true"] { border-bottom:3px solid var(--navy)!important; }

@media (max-width:1599px) and (min-width:768px) {
  .driving-entry-driving,.driving-entry-maintenance,.driving-entry-maintenance-schedule,.driving-entry-vehicle { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .driving-entry-driving .field:last-child,.driving-entry-maintenance .field:last-child,.driving-entry-vehicle .field:last-child { grid-column:1/-1; }
}

@media (max-width:768px) {
  .driving-register-tabs ~ .vehicle-singleton-editor { display:block; }
  .vehicle-singleton-editor .driving-entry-vehicle { grid-template-columns:1fr; }
  .vehicle-singleton-editor .driving-entry-vehicle .field:last-child { grid-column:1; }
}

@media (min-width:768px) {
  .work-page-header { display:none; }
}

@media (max-width:767px) {
  .work-page-header { display:none; }
  .desktop-work-tab-label { display:none; }
  .mobile-work-tab-label { display:inline; }
}

@media (min-width:768px) {
  .driving-entry-maintenance textarea { min-height:42px; height:42px; resize:none; }
}

/* P01-S11 T0006 tablet and mobile vehicle record trigger. */
@media (max-width:768px) {
  .vehicle-record-list .mobile-work-cards article[role="button"] { cursor:pointer; }
  .vehicle-record-list .mobile-work-cards article[role="button"]:hover,
  .vehicle-record-list .mobile-work-cards article[role="button"]:focus-visible { background:var(--sky-soft); }
  .vehicle-record-list .mobile-work-cards article[role="button"]:focus-visible { outline:3px solid var(--sky); outline-offset:-3px; }
}

@media (max-width:767px) {
  .maintenance-due-list .table-scroll { display:none; }
  .maintenance-due-cards { display:grid!important; gap:9px; }
  .maintenance-due-cards article { background:#f8fbff; }
  .maintenance-due-cards small { color:var(--navy); font-weight:800; }
}

/* 70-p01-s10-corrections.css */
.driving-register-tabs button,
.driving-register-tabs button:hover,
.driving-register-tabs button:active,
.driving-register-tabs button:focus,
.driving-register-tabs button[aria-selected="true"] { border-top:0!important; border-right:0!important; border-left:0!important; box-shadow:none!important; }
.driving-register-tabs button[aria-selected="true"] { border-bottom:3px solid var(--navy)!important; }
.driving-register-tabs button:focus-visible { outline:0; background:var(--sky-soft); color:var(--navy); text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:5px; }
.driving-register-tabs button,
.driving-register-tabs button:hover,
.driving-register-tabs button:active,
.driving-register-tabs button:focus,
.driving-register-tabs button[aria-selected="true"] { border:0!important; background:transparent!important; text-decoration:none!important; box-shadow:none!important; }
.driving-register-tabs button[aria-selected="true"] { color:var(--navy); font-weight:900; }
.driving-register-tabs button:focus-visible { outline:0; background:transparent!important; color:var(--focus); font-weight:900; text-decoration:none!important; }
.work-table .value-number { text-align:right; }
.work-table .value-date { text-align:center; }
.work-table .value-text { text-align:left; }
.weekly-table :is(th,td):first-child { text-align:center; }

/* P01-S11 B5 approval ownership selectors */

/* 00-foundation.css */
.reason-box { border-radius:12px; padding:16px; }
.reason-box p { margin-bottom:0; }
.reason-box.danger { background:#ffeaed; color:#992a39; }
.reason-box.warning { background:#fff3db; color:#85520c; }
.approver-directory { display:grid; gap:7px; max-height:340px; overflow:auto; }
.approver-directory article { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px; border:1px solid var(--line); border-radius:10px; }
.approver-directory article.unavailable { background:#f5f6f8; color:var(--muted); }
.approver-directory label { display:flex; align-items:center; gap:9px; min-width:0; }
.approver-directory label span { display:grid; gap:3px; }
.approver-directory small { color:var(--muted); }
.approver-directory select { min-height:36px; border:1px solid var(--line); border-radius:8px; }
@media (max-width:767px) {
  .approver-directory article { align-items:flex-start; flex-direction:column; }
  .approver-directory article select { width:100%; }
}

/* 10-p01-s04-fidelity.css */
.approval-mobile-overview,.mobile-approval-back,.mobile-approval-actions,.mobile-approval-edit,.mobile-approval-owner-actions,.mobile-draft-appbar { display:none!important; }
.approval-table { width:100%; border-collapse:collapse; background:#fff; font-size:12px; }
.approval-table th,.approval-table td { padding:10px 9px; border:1px solid var(--line); text-align:left; white-space:nowrap; }
.approval-table thead th { background:#f0f4f8; color:#46566b; font-weight:800; }
.approval-desktop-layout { display:grid; grid-template-columns:190px minmax(0,1fr); gap:14px; align-items:start; }
.approval-list-main { min-width:0; }
.approval-table { min-width:940px; }
.approval-table a { color:var(--navy); font-weight:800; text-decoration:underline; }
.business-summary-grid { display:grid; grid-template-columns:repeat(4,1fr); margin:0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.business-summary-grid div { border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.business-summary-grid dt { padding:7px 9px; background:#f0f4f8; color:var(--muted); font-size:11px; font-weight:800; }
.business-summary-grid dd { min-height:48px; margin:0; padding:10px 9px; font-weight:700; }
.approval-equipment .draft-section:first-of-type .form-grid,.approval-loan .draft-section:first-of-type .form-grid { grid-template-columns:repeat(12,minmax(0,1fr)); }
.approval-draft-form .draft-section { border-radius:10px; box-shadow:none; }
.desktop-approval-action { display:inline-flex; }
@media (max-width:1100px) and (min-width:768px) {
  .approval-desktop-layout { grid-template-columns:150px minmax(0,1fr); }
  .business-summary-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px) {
  .approval-desktop-layout,.desktop-approval-action,.desktop-approval-new { display:none!important; }
  .approval-mobile-overview,.mobile-approval-back,.mobile-approval-actions { display:block!important; }
  .mobile-approval-owner-actions { display:flex!important; justify-content:flex-end; margin-bottom:10px; }
  .mobile-approval-edit { display:inline-flex!important; }
  .approval-type-section { margin-bottom:10px; }
  .approval-type-section.active { border-color:var(--sky); }
  .approval-compact-row { display:flex; align-items:center; justify-content:space-between; gap:9px; padding:11px 2px; border-top:1px solid var(--line); }
  .approval-compact-row>span { display:grid; gap:3px; min-width:0; }
  .approval-compact-row small { color:var(--muted); font-size:11px; }
  .mobile-approval-back { min-height:38px; padding:8px 10px; }
  .approval-draft-form .panel { border-radius:10px; box-shadow:none; }
  .approval-draft-form .section-heading h2 { font-size:17px; }
  .business-summary-grid { grid-template-columns:1fr; }
  .mobile-approval-actions { display:flex!important; }
}

/* 20-p01-s07-design.css */
.approval-desktop-tools { display:flex; align-items:start; justify-content:space-between; gap:16px; }
.approval-desktop-tools>.field { width:220px; }
.approval-mobile-heading { margin-bottom:10px; }
.approval-mobile-heading h1 { margin:0; color:var(--navy); font-size:24px; }
.approval-matrix { display:grid; margin:12px 0 16px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:#fff; }
.approval-matrix-head,.approval-matrix-row { display:grid; grid-template-columns:minmax(92px,1.4fr) repeat(4,minmax(44px,.7fr)); }
.approval-matrix-head>* { padding:9px 4px; background:#edf3f8; color:var(--muted); font-size:11px; text-align:center; }
.approval-matrix-row>* { display:grid; place-items:center; min-height:48px; padding:6px 3px; border:0; border-top:1px solid var(--line); border-right:1px solid var(--line); background:#fff; color:inherit; }
.approval-matrix-row button { color:#176b9b; font-weight:800; cursor:pointer; }
.approval-matrix-row button[aria-pressed="true"] { background:var(--navy); color:#fff; }
.draft-type-dialog { display:grid; grid-template-columns:1fr; gap:10px; }
approval-kind-toggle { display:grid; grid-template-columns:repeat(2,1fr); gap:6px; }
approval-kind-toggle button { min-height:38px; padding:7px 12px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--navy); font-weight:700; cursor:pointer; }
approval-kind-toggle button[aria-pressed="true"] { background:var(--navy); color:#fff; }
@media (min-width:1600px) {
  .approval-table { font-size:16px; }
}
@media (max-width:1599px) and (min-width:768px) {
  .approval-table { font-size:14px; }
}
@media (max-width:767px) {
  .approval-mobile-overview>.field { margin-bottom:8px; }
  .approval-type-section { margin-top:12px; }
  .approval-kind-toggle button { min-height:44px; }
}

/* 30-p01-s05-fidelity.css */
.approval-five-filters { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; padding-bottom:12px; }
.approval-five-filters button { width:100%; border-radius:8px; }
.new-customer-table-group { border-radius:4px!important; }
.new-customer-table-group .form-grid { gap:1px; padding:1px; background:var(--line); }
.new-customer-table-group .field { padding:7px; background:#fff; }
.new-customer-table-group:nth-of-type(3) .section-heading { border-left:8px solid #9ecff0; }
.new-customer-table-group:nth-of-type(4) .section-heading { border-left:8px solid #f1a9aa; }
.new-customer-table-group:nth-of-type(5) .section-heading { border-left:8px solid #f3ca74; }
.new-customer-table-group:nth-of-type(6) .section-heading { border-left:8px solid #75d49a; }
@media (max-width:767px) {
  .approval-draft-form.approval-equipment .draft-section,.approval-draft-form.approval-loan .draft-section,.approval-draft-form.approval-new-customer .draft-section { border-left:4px solid var(--sky); }
  .approval-draft-form.approval-loan .draft-section { border-left-color:#7e8db7; }
  .approval-draft-form.approval-new-customer .draft-section { border-left-color:#6eb88e; }
}

/* 40-customer-density.css */
.draft-section { margin:0; }

/* 50-p01-s06-corrections.css */
.reference-draft-layout { display:grid; grid-template-columns:190px minmax(0,1fr); gap:12px; align-items:start; }
.reference-document { min-width:0; padding:0 0 12px; background:#fff; border-top:3px solid #9aabc2; }
.reference-document h2,.reference-document h3 { margin:0; }
.reference-document h2 { padding:12px; font-size:18px; }
.reference-document h3 { padding:8px 10px; color:#243650; font-size:12px; background:#edf3f8; }
.dense-company-block { display:grid; grid-template-columns:minmax(0,1fr); border-bottom:3px solid #9aabc2; }
.dense-company-block>div { min-width:0; }
.dense-form-rows { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.dense-form-rows>label { display:grid; grid-template-columns:112px minmax(0,1fr); align-items:stretch; min-width:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.dense-form-rows>label>span:first-child { display:flex; align-items:center; padding:7px 8px; background:#f4f5f7; color:#35465d; font-size:11px; font-weight:700; }
.dense-form-rows input,.dense-form-rows select,.dense-form-rows textarea,.dense-opinion textarea { width:100%; min-width:0; border:0; border-radius:0; padding:7px 8px; background:#fff; color:var(--ink); font:inherit; }
.dense-form-rows textarea { resize:vertical; }
.dense-input-action { display:flex; min-width:0; }
.dense-input-action input { min-width:0; }
.dense-search.p-button { flex:0 0 auto; border-radius:0; padding:4px 8px; font-size:10px; }
.company-account-summary { display:grid; grid-template-columns:repeat(2,1fr); margin:0; border-left:1px solid var(--line); }
.company-account-summary div { display:grid; grid-template-columns:90px 1fr; border-bottom:1px solid var(--line); }
.company-account-summary dt,.company-account-summary dd { margin:0; padding:8px; font-size:11px; }
.company-account-summary dt { background:#f4f5f7; font-weight:700; }
.company-fixed-row>.dense-form-rows { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.company-fixed-row>.dense-form-rows>label { min-width:0; min-height:53px; grid-template-columns:82px minmax(0,1fr); }
.dense-document-section { border-bottom:3px solid #9aabc2; }
.dense-document-section .dense-form-rows { grid-template-columns:repeat(5,minmax(0,1fr)); }
.dense-document-section .dense-form-rows>label { grid-template-columns:80px minmax(0,1fr); }
.request-section .dense-form-rows>label { grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(38px,1fr); }
.request-section .dense-form-rows>label>span:first-child { justify-content:center; }
.loan-document .request-section .dense-form-rows { grid-template-columns:repeat(4,minmax(0,1fr)); }
.dense-reference-columns { display:grid; grid-template-columns:1fr 1fr; min-height:430px; }
.reference-left-column,.reference-right-column { display:grid; align-content:start; min-width:0; }
.reference-right-column { border-left:10px solid var(--canvas); }
.reference-left-column>section,.reference-right-column>section { min-width:0; border-bottom:10px solid var(--canvas); }
.reference-left-column .request-section { min-height:190px; }
.reference-left-column .support-status-section,.reference-right-column .loan-detail-section { min-height:150px; }
.reference-right-column .monthly-status-section { min-height:260px; }
.reference-document table { width:100%; border-collapse:collapse; font-size:11px; }
.reference-document th,.reference-document td { padding:7px; border:1px solid var(--line); }
.reference-document th { background:#f4f5f7; }
.inline-request-section { min-width:0; }
.inline-request-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; background:#edf3f8; }
.inline-request-heading h3 { flex:1; margin:0; }
.inline-request-heading .p-button { flex:0 0 auto; min-height:32px; margin-right:6px; padding:5px 10px; font-size:11px; }
.inline-request-grid-scroll { width:100%; max-width:100%; overflow-x:auto; }
.inline-request-grid { table-layout:fixed; }
.inline-request-grid th { text-align:center; }
.inline-request-grid td { padding:0; }
.inline-request-grid input { width:100%; min-width:0; border:0; border-radius:0; padding:8px; background:#fff; color:var(--ink); font:inherit; }
.inline-request-grid tbody tr:not([aria-selected]) td { padding:8px; }
.inline-request-grid tbody tr[aria-selected] { cursor:pointer; }
.inline-request-grid tbody tr[aria-selected="true"] { background:#dceef9; }
.inline-request-grid tbody tr:focus-visible { outline:2px solid var(--focus); outline-offset:-2px; }
.equipment-request-grid th:nth-child(1) { width:25%; }
.equipment-request-grid th:nth-child(2) { width:45%; }
.equipment-request-grid th:nth-child(3),.equipment-request-grid th:nth-child(4) { width:15%; }
.loan-request-grid th { width:25%; }
.dense-opinion label { display:grid; grid-template-columns:112px 1fr; border-bottom:1px solid var(--line); }
.dense-opinion span { padding:9px; background:#f4f5f7; font-size:11px; font-weight:700; }
.mobile-type-document { display:none; }
.new-customer-dense-group { display:grid; grid-template-columns:70px minmax(0,1fr); border-bottom:3px solid #9aabc2; }
.new-customer-dense-group>h3 { display:grid; place-items:center; text-align:center; }
.new-customer-dense-group .dense-form-rows { grid-template-columns:repeat(3,minmax(0,1fr)); }
.new-customer-dense-group .dense-form-rows>label { grid-template-columns:95px minmax(0,1fr); }
.new-customer-dense-group.group-1>h3 { background:#dceef9; }
.new-customer-dense-group.group-2>h3 { background:#ffd9d9; }
.new-customer-dense-group.group-3>h3 { background:#ffe7b9; }
.new-customer-dense-group.group-4>h3 { background:#c8efd7; }
.new-customer-attachments { padding:10px; font-size:11px; }
.new-customer-attachments>span { display:block; }
.new-customer-attachments p { color:#e23a42; }
.new-customer-attachments ol { margin:5px 0; }
@media (max-width:1400px) and (min-width:1101px) {
  .reference-draft-layout { grid-template-columns:155px minmax(0,1fr); }
  .dense-reference-columns { grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr); }
  .equipment-document .request-section .dense-form-rows { grid-template-columns:minmax(112px,1.25fr) minmax(88px,1fr) minmax(112px,1.4fr) minmax(52px,.55fr) minmax(52px,.55fr); }
  .loan-document .request-section .dense-form-rows { grid-template-columns:minmax(112px,1.2fr) minmax(118px,1.25fr) minmax(68px,.65fr) minmax(102px,1.05fr); }
}
@media (max-width:1100px) and (min-width:768px) {
  .reference-draft-layout { grid-template-columns:150px minmax(0,1fr); }
  .dense-company-block { grid-template-columns:1fr; }
  .company-account-summary { border-left:0; }
  .dense-reference-columns { grid-template-columns:minmax(0,1fr); }
  .reference-right-column { border-left:0; }
  .dense-document-section .dense-form-rows,.loan-document .request-section .dense-form-rows { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .new-customer-dense-group .dense-form-rows { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px) {
  .approval-draft-form { gap:8px; }
  .approval-draft-form+.mobile-approval-actions { margin-top:8px; }
  .approval-type-tabs { display:none; }
  .draft-header-status { display:none; }
  .mobile-approval-actions { position:static; bottom:auto; }
  .mobile-draft-appbar { display:grid!important; grid-template-columns:32px minmax(0,1fr) auto auto; gap:5px; align-items:center; margin:-2px 0 14px; }
  .mobile-draft-appbar>a { display:grid; place-items:center; min-height:36px; color:var(--navy); }
  .mobile-draft-appbar>strong { font-size:18px; }
  .mobile-draft-appbar .p-button { min-height:34px; padding:6px 9px; font-size:11px; }
  .mobile-draft-appbar+.page-header { display:none; }
  .approval-draft-form .reference-document-toolbar { display:none; }
  .approval-draft-form~.reason-box { margin-top:8px; }
  .reference-draft-layout { display:block; }
  .desktop-type-document { display:none; }
  .reference-document { border:0; background:transparent; }
  .mobile-type-document { display:block; }
  .mobile-type-document h2 { padding:0 0 8px; font-size:17px; }
  .equipment-document { width:100%; max-width:100%; min-width:0; overflow:hidden; }
  .equipment-document .reference-document,.equipment-document .mobile-type-document { width:100%; max-width:100%; min-width:0; }
  .loan-document { width:100%; max-width:100%; min-width:0; overflow:hidden; }
  .loan-document .reference-document,.loan-document .mobile-type-document { width:100%; max-width:100%; min-width:0; }
  .mobile-type-document .inline-request-section { width:100%; max-width:100%; min-width:0; margin-bottom:10px; overflow:hidden; border-radius:6px; background:#fff; }
  .mobile-type-document .equipment-request-grid { min-width:420px; }
  .mobile-type-document .loan-request-grid { min-width:520px; }
  .mobile-type-document .dense-form-rows { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
  .mobile-type-document .dense-form-rows>label { display:block; border:0; border-radius:6px; overflow:hidden; background:#fff; }
  .mobile-type-document .dense-form-rows>label>span:first-child { padding:4px 7px; background:#fff; color:var(--muted); font-size:10px; }
  .mobile-type-document .dense-form-rows>label:has(textarea),.mobile-type-document .dense-form-rows>label:has(.dense-input-action),.mobile-type-document .dense-form-rows>label:nth-last-child(1) { grid-column:1/-1; }
  .equipment-document .mobile-type-document .dense-form-rows>label { grid-column:1/-1; }
  .equipment-document .mobile-type-document .dense-form-rows>label[data-field="requestDate"],.equipment-document .mobile-type-document .dense-form-rows>label[data-field="equipmentKind"],.equipment-document .mobile-type-document .dense-form-rows>label[data-field="paymentDate"],.equipment-document .mobile-type-document .dense-form-rows>label[data-field="amount"] { grid-column:auto; }
  .mobile-type-document .dense-form-rows input,.mobile-type-document .dense-form-rows select,.mobile-type-document .dense-form-rows textarea { padding:6px 7px; font-size:12px; }
  .mobile-type-document .attachment-link { margin-top:10px; }
  .new-customer-document .reference-document>h2 { padding:0 0 8px; font-size:17px; }
  .new-customer-dense-group { display:block; margin-bottom:14px; border:0; }
  .new-customer-dense-group>h3 { display:block; padding:5px 0; background:transparent!important; font-size:13px; }
  .new-customer-dense-group .dense-form-rows { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
  .new-customer-dense-group .dense-form-rows>label { display:block; border:0; border-radius:6px; overflow:hidden; background:#fff; }
  .new-customer-dense-group .dense-form-rows>label>span:first-child { padding:4px 7px; background:#fff; color:var(--muted); font-size:10px; }
  .new-customer-dense-group .dense-form-rows>label:has(textarea),.new-customer-dense-group .dense-form-rows>label:has(.dense-input-action),.new-customer-dense-group .dense-form-rows>label:has(.draft-checks) { grid-column:1/-1; }
  .new-customer-dense-group input,.new-customer-dense-group select,.new-customer-dense-group textarea { padding:6px 7px; font-size:12px; }
}
.draft-page-actions { display:flex; justify-content:flex-end; gap:8px; min-height:48px; padding:0 0 10px; }
.company-section-title { border-bottom:1px solid var(--line); }
.dense-reference-columns { grid-template-rows:auto auto auto; }
.reference-left-column,.reference-right-column { grid-template-rows:260px 170px auto; }
.reference-left-column .request-section,.reference-right-column .monthly-status-section { min-height:0; }
.reference-left-column .support-status-section,.reference-right-column .loan-detail-section { min-height:0; }
.dense-opinion { display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,.45fr); align-items:stretch; }
.dense-opinion .attachment-link { float:none; display:flex; align-items:center; justify-content:center; margin:0; border-left:10px solid var(--canvas); }
.new-customer-dense-group .dense-form-rows { grid-template-columns:repeat(12,minmax(0,1fr)); }
.new-customer-dense-group .dense-form-rows>label { grid-column:span 3; }
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="mainItem"],
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="mainMenu"],
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="expectedProfit"] { grid-column:span 4; }
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="supportTypes"],
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="supportEquipment"],
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="otherSupport"] { grid-column:span 4; }
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="loanAmount"],
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="repaymentCount"],
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="maturityDate"],
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="monthlyRepayment"] { grid-column:span 2; }
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="settlementTerms"] { grid-column:span 4; }
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="initialSupportDate"],
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="recoveryMonths"],
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="paymentMethod"],
.new-customer-dense-group.group-2 .dense-form-rows>label[data-field="deliveryManager"] { grid-column:span 3; }
.new-customer-dense-group.group-3 .dense-form-rows>label[data-field="previousOther"],
.new-customer-dense-group.group-4 .dense-form-rows>label { grid-column:1/-1; }
@media (max-width:767px) {
  .draft-page-actions { display:none; }
  .mobile-type-document .dense-form-rows>label:has(.dense-input-action) { min-height:58px; }
  .mobile-type-document .dense-input-action { min-height:36px; }
  .equipment-document .mobile-type-document label[data-field="item"] textarea { min-height:150px; }
  .new-customer-document .reference-document>h2 { display:block; width:100%; }
  .new-customer-dense-group.group-2 .dense-form-rows { grid-template-columns:1fr; }
  .new-customer-dense-group.group-2 .dense-form-rows>label { grid-column:1!important; }
  .dense-opinion { grid-template-columns:1fr; }
}
@media (max-width:1100px) and (min-width:768px) {
  .new-customer-dense-group .dense-form-rows { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .new-customer-dense-group .dense-form-rows>label { grid-column:auto!important; min-width:0; }
  .new-customer-dense-group .dense-form-rows>label:has(textarea),
  .new-customer-dense-group .dense-form-rows>label:has(.dense-input-action),
  .new-customer-dense-group .dense-form-rows>label:has(.draft-checks) { grid-column:1/-1!important; }
  .dense-input-action { min-width:0; }
}
.draft-bottom-pair,.new-customer-bottom-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; border-top:10px solid var(--canvas); }
.draft-bottom-pair>label,.new-customer-bottom-pair>label { display:grid; grid-template-columns:112px minmax(0,1fr); min-width:0; }
.draft-bottom-pair .attachment-link,.new-customer-bottom-pair>.new-customer-attachments { min-width:0; margin:0; border-left:10px solid var(--canvas); }
.new-customer-bottom-pair>label>span { padding:9px; background:#f4f5f7; font-size:11px; font-weight:700; }
.new-customer-bottom-pair textarea { width:100%; min-width:0; border:0; padding:9px; resize:vertical; color:var(--ink); }
.new-customer-bottom-pair>.new-customer-attachments { padding:10px; }
.new-customer-dense-group [data-field="supportTypes"] .draft-checks { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px 10px; align-items:center; }
.new-customer-dense-group [data-field="supportTypes"] .draft-checks label { display:flex; align-items:center; gap:5px; white-space:nowrap; }
.new-customer-dense-group .dense-form-rows>label[data-field="recoveryMonths"] { grid-template-columns:max-content 64px; }
.new-customer-dense-group [data-field="recoveryMonths"]>span:first-child { white-space:nowrap; }
@media (max-width:900px) and (min-width:768px) {
  .monthly-status-section table,.loan-detail-section table,.support-status-section table { table-layout:fixed; }
  .monthly-status-section th,.monthly-status-section td,.loan-detail-section th,.loan-detail-section td,.support-status-section th,.support-status-section td { padding-inline:3px; white-space:normal; overflow-wrap:anywhere; }
}
@media (max-width:767px) {
  .new-customer-dense-group .dense-form-rows { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .new-customer-dense-group .dense-form-rows>label { grid-column:auto!important; min-width:0; }
  .new-customer-dense-group .dense-form-rows>label:has(textarea),
  .new-customer-dense-group .dense-form-rows>label:has(.dense-input-action),
  .new-customer-dense-group .dense-form-rows>label:has(.draft-checks) { grid-column:1/-1!important; }
  .new-customer-dense-group.group-2 .dense-form-rows { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .new-customer-dense-group.group-2 .dense-form-rows>label { grid-column:auto!important; }
  .new-customer-dense-group.group-2 .dense-form-rows>label:has(textarea),
  .new-customer-dense-group.group-2 .dense-form-rows>label:has(.dense-input-action),
  .new-customer-dense-group.group-2 .dense-form-rows>label:has(.draft-checks) { grid-column:1/-1!important; }
  .new-customer-dense-group [data-field="supportTypes"] .draft-checks { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 8px; padding-block:2px; }
  .new-customer-dense-group .dense-form-rows>label[data-field="recoveryMonths"] { grid-template-columns:minmax(0,1fr); }
  .new-customer-dense-group [data-field="recoveryMonths"]>span:first-child { white-space:normal; }
}

/* 60-p01-s07-corrections.css */
/* P01-S07 customer screen correction */
.approval-desktop-tools>.approval-five-filters { flex:1 1 auto; grid-template-columns:repeat(5,minmax(0,1fr)); }
.approval-draft-form .dense-form-rows>label>span:first-child,
.approval-draft-form .dense-opinion span,
.approval-draft-form .new-customer-bottom-pair>label>span { font-size:14px; }
.approval-draft-form .dense-form-rows input,
.approval-draft-form .dense-form-rows select,
.approval-draft-form .dense-form-rows textarea,
.approval-draft-form .dense-opinion textarea,
.approval-draft-form .new-customer-bottom-pair textarea { font-size:16px; line-height:1.45; }
.approval-draft-form .p-button,.approval-draft-form .attachment-link { font-size:14px; }
@media (min-width:768px) {
  .approval-draft-form .equipment-document .request-section .dense-form-rows { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .approval-draft-form .equipment-document .request-section .dense-form-rows>label[data-field="item"] { grid-column:1/-1; }
  .approval-draft-form .new-customer-dense-group .dense-form-rows { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label { grid-column:auto!important; min-width:0; }
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label:has(textarea),
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label:has(.draft-checks) { grid-column:1/-1!important; }
}
@media (max-width:1100px) and (min-width:768px) {
  .approval-draft-form .reference-draft-layout { grid-template-columns:minmax(0,1fr); }
  .approval-draft-form .new-customer-dense-group .dense-form-rows { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:767px) {
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="title"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="representativeEmail"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="operatorEmail"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="managerEmail"] { grid-column:1/-1!important; }
  .approval-draft-form .dense-form-rows>label>span:first-child,
  .approval-draft-form .dense-opinion span,
  .approval-draft-form .new-customer-bottom-pair>label>span { font-size:13px; }
  .approval-draft-form .dense-form-rows input,
  .approval-draft-form .dense-form-rows select,
  .approval-draft-form .dense-form-rows textarea,
  .approval-draft-form .dense-opinion textarea,
  .approval-draft-form .new-customer-bottom-pair textarea { font-size:16px; }
}
.approval-kind-toggle,.draft-page-actions { gap:8px; }
.draft-page-actions { padding-bottom:12px; }
.approval-draft-form+.mobile-approval-actions { margin-top:12px; }
.draft-current-status { display:flex; align-items:baseline; gap:8px; width:max-content; max-width:100%; margin:0 0 14px auto; padding:0 2px; border:0; }
.draft-current-status span { color:var(--muted); font-size:14px; font-weight:700; }
.draft-current-status strong { color:var(--navy); font-size:14px; }
@media (min-width:768px) {
  .approval-draft-form .dense-form-rows>label>span:first-child,
  .approval-draft-form .dense-opinion span,
  .approval-draft-form .new-customer-bottom-pair>label>span,
  .approval-draft-form .dense-form-rows input,
  .approval-draft-form .dense-form-rows select,
  .approval-draft-form .dense-form-rows textarea,
  .approval-draft-form .dense-opinion textarea,
  .approval-draft-form .new-customer-bottom-pair textarea { font-size:16px; }
  .approval-draft-form .reference-document h3,
  .approval-draft-form .reference-document table,
  .approval-draft-form .company-account-summary dt,
  .approval-draft-form .company-account-summary dd,
  .approval-draft-form .new-customer-attachments { font-size:14px; }
}
@media (max-width:1599px) and (min-width:768px) {
  .approval-draft-form .reference-document table { table-layout:fixed; }
  .approval-draft-form .reference-document th,
  .approval-draft-form .reference-document td { padding-inline:4px; white-space:normal; overflow-wrap:anywhere; }
}
@media (max-width:767px) {
  .draft-current-status { display:none; }
  .new-customer-dense-group [data-field="supportTypes"] .draft-checks label { min-width:0; min-height:32px; align-items:center; gap:3px; white-space:nowrap; }
  .new-customer-dense-group [data-field="supportTypes"] .draft-checks input { flex:0 0 16px; width:16px!important; min-width:16px; height:16px; margin:0; }
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="recoveryMonths"] { grid-column:1/-1!important; grid-template-columns:minmax(0,1fr); }
}
@media (min-width:768px) {
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label { grid-template-columns:116px minmax(0,1fr); }
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label>span:first-child { white-space:nowrap; }
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="recoveryMonths"] { grid-template-columns:max-content minmax(64px,1fr); }
  .approval-draft-form .new-customer-dense-group [data-field="supportTypes"] .draft-checks { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:4px 14px; }
  .approval-draft-form .new-customer-dense-group [data-field="supportTypes"] .draft-checks label { flex:0 0 max-content; width:max-content; gap:5px; }
}
@media (min-width:1451px) {
  .approval-draft-form .new-customer-dense-group .dense-form-rows { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label { grid-column:span 3!important; }
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="title"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="companyName"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="businessNumber"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="businessAddress"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="businessAddressDetail"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field$="Email"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field$="Address"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="supportEquipment"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="otherSupport"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="settlementTerms"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="supportTypes"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="recoveryMonths"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="previousWholesaler"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="previousSupport"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="tradeRoute"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="paymentMethod"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="deliveryManager"] { grid-column:span 6!important; }
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label:has(textarea) { grid-column:1/-1!important; }
}
@media (max-width:1450px) and (min-width:1101px) {
  .approval-draft-form .new-customer-dense-group .dense-form-rows { grid-template-columns:repeat(12,minmax(0,1fr)); }
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label { grid-column:span 4!important; }
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="title"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="companyName"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="businessNumber"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="businessAddress"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="businessAddressDetail"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field$="Email"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="supportEquipment"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="otherSupport"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="supportTypes"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="previousWholesaler"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="previousSupport"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="tradeRoute"] { grid-column:span 6!important; }
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field$="Address"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label[data-field="recoveryMonths"],
  .approval-draft-form .new-customer-dense-group .dense-form-rows>label:has(textarea) { grid-column:1/-1!important; }
}
@media (max-width:767px) {
  .approval-matrix-row button { border:0; outline:0; box-shadow:none; }
  .approval-matrix-row button:focus-visible { outline:3px solid var(--focus); outline-offset:-3px; }
}
@media (max-width:767px) {
  .mobile-type-document .dense-field-with-action { display:flex; min-width:0; }
  .mobile-type-document .dense-field-with-action>.dense-input-action { flex:1 1 auto; min-width:0; }
  .mobile-type-document .mobile-customer-info-trigger.p-button { flex:0 0 auto; min-height:36px; padding:6px 10px; border-radius:0; font-size:11px; }
  .customer-information-dialog { display:grid; gap:0; min-width:0; color:var(--ink); }
  .customer-information-dialog>section { min-width:0; padding:9px 0; border-bottom:1px solid var(--line); }
  .customer-information-dialog>section:last-child { border-bottom:0; }
  .customer-information-dialog h3 { margin:0 0 5px; color:var(--muted); font-size:11px; }
  .customer-information-primary { display:grid; }
  .customer-information-primary strong { font-size:16px; }
  .customer-information-primary span { margin-top:2px; font-weight:700; overflow-wrap:anywhere; }
  .customer-information-dialog dl { display:grid; gap:4px; margin:0; }
  .customer-information-dialog dl>div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:8px; min-width:0; }
  .customer-information-dialog dt { color:var(--muted); }
  .customer-information-dialog dd { min-width:0; margin:0; text-align:right; overflow-wrap:anywhere; }
  .customer-information-dialog dd small { display:block; color:var(--muted); font-size:10px; }
  .customer-information-highlight dd { color:var(--red); font-weight:800; }
  .customer-information-dialog p { margin:0; overflow-wrap:anywhere; }
}
.new-customer-dense-group .dense-fixed-rows { min-width:0; }
.new-customer-dense-group .dense-fixed-row>.dense-form-rows { display:grid; grid-template-columns:repeat(var(--fixed-fields),minmax(0,1fr)); }
.new-customer-dense-group .dense-fixed-row.fields-1 { --fixed-fields:1; }
.new-customer-dense-group .dense-fixed-row.fields-2 { --fixed-fields:2; }
.new-customer-dense-group .dense-fixed-row.fields-3 { --fixed-fields:3; }
.new-customer-dense-group .dense-fixed-row.fields-4 { --fixed-fields:4; }
.new-customer-dense-group .dense-fixed-row.fields-5 { --fixed-fields:5; }
.approval-draft-form .new-customer-dense-group .dense-fixed-row>.dense-form-rows>label { grid-column:auto!important; min-width:0; }
.approval-draft-form .new-customer-dense-group .dense-fixed-row.fields-1>.dense-form-rows>label { grid-column:1/-1!important; }
.approval-draft-form .new-customer-dense-group.group-1 .dense-fixed-row:nth-child(n+5):nth-child(-n+7)>.dense-form-rows { grid-template-columns:minmax(0,.82fr) minmax(0,.82fr) minmax(0,1.08fr) minmax(0,1.58fr); }
.approval-draft-form .new-customer-dense-group.group-2 .dense-fixed-row:nth-child(6)>.dense-form-rows { grid-template-columns:minmax(0,1.85fr) minmax(0,.95fr) minmax(0,.95fr); }
.approval-draft-form .new-customer-dense-group .dense-fixed-row> .dense-form-rows>label[data-field="recoveryMonths"] { grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(38px,1fr); }
.approval-draft-form .new-customer-dense-group .dense-fixed-row [data-field="recoveryMonths"]>span:first-child { white-space:normal; }
.desktop-new-customer-attachments { border-top:10px solid var(--canvas); }
.approver-mobile-summary { display:block; }
@media (max-width:767px) {
  .approver-directory article { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px; padding:8px; }
  .approver-directory article>span { min-width:0; }
  .jt-dialog .approver-desktop-detail { display:none; }
  .approver-directory .approver-mobile-summary { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; }
  .approver-directory .approval-kind-toggle { display:grid; grid-template-columns:repeat(2,44px); gap:4px; }
  .approver-directory .approval-kind-toggle button { min-height:36px; padding:4px; font-size:11px; }
}

/* P01-S07 eleventh customer screen correction */
@media (min-width:768px) {
  .approval-draft-form .new-customer-dense-group.group-1 .dense-fixed-row:nth-child(n+5):nth-child(-n+10)>.dense-form-rows { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .approval-draft-form .new-customer-dense-group.group-1 .dense-fixed-row:has([data-field$="Address"])>.dense-form-rows { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(96px,.45fr); }
  .approval-draft-form .new-customer-dense-group.group-2 .dense-fixed-row:nth-child(6)>.dense-form-rows>label { min-height:62px; }
  .approval-draft-form .new-customer-dense-group.group-2 .dense-fixed-row:nth-child(6)>.dense-form-rows>label[data-field="recoveryMonths"] { grid-template-columns:minmax(128px,1.35fr) minmax(64px,.65fr); grid-template-rows:none; }
  .approval-draft-form .new-customer-dense-group.group-2 .dense-fixed-row:nth-child(6) [data-field="recoveryMonths"]>span:first-child { line-height:1.25; white-space:normal; }
}
@media (max-width:1100px) and (min-width:768px) {
  .approval-draft-form .new-customer-dense-group .dense-fixed-row>.dense-form-rows { grid-template-columns:minmax(0,1fr); }
  .approval-draft-form .new-customer-dense-group .dense-fixed-row>.dense-form-rows>label { grid-column:1!important; grid-template-columns:116px minmax(0,1fr); }
}
@media (min-width:768px) {
  .approval-draft-form .new-customer-dense-group [data-field="monthlySales"] { grid-template-columns:80px minmax(0,1fr)!important; }
}

/* 70-p01-s10-corrections.css */
.mobile-popup-request-section .inline-request-actions { display:flex; align-items:center; gap:6px; }
.mobile-popup-request-section .inline-request-actions .p-button { margin-right:0; }
@media (min-width:1600px) {
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="representativeAddress"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="operatorAddress"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="managerAddress"] { grid-template-columns:80px minmax(0,1fr); }
}
@media (max-width:767px) {
  .mobile-popup-request-section .inline-request-grid tbody tr:not([aria-selected]) td { padding:8px; }
  .mobile-popup-request-section .inline-request-grid input { display:none; }
  .mobile-request-popup .form-grid { display:grid; grid-template-columns:1fr; }
  .mobile-request-popup .field { gap:5px; }
  .mobile-request-popup .field>span { color:var(--muted); font-size:12px; font-weight:700; }
}
.sidebar .approval-sidebar-submenu { display:grid; gap:2px; padding-left:22px; }
.sidebar .approval-sidebar-submenu a { min-height:38px; padding:9px 12px; font-size:13px; }
.approval-desktop-layout,
.approval-draft-form .reference-draft-layout { grid-template-columns:minmax(0,1fr); }
@media (max-width:767px) {
  .mobile-popup-request-section .inline-request-grid th,
  .mobile-popup-request-section .inline-request-grid td,
  .mobile-popup-request-section .inline-request-grid input { font-size:14px; }
  .mobile-request-popup .field>span,
  .mobile-request-popup .field input { font-size:14px; }
}

/* P01-S10 third follow-up customer screen correction */
@media (min-width:1600px) {
  .approval-draft-form .equipment-document .company-fixed-row>.dense-form-rows>label,
  .approval-draft-form .loan-document .company-fixed-row>.dense-form-rows>label { grid-template-columns:104px minmax(0,1fr); }
  .approval-draft-form .equipment-document .company-fixed-row>.dense-form-rows>label>span:first-child,
  .approval-draft-form .loan-document .company-fixed-row>.dense-form-rows>label>span:first-child { white-space:nowrap; }
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="representativeAddress"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="representativeAddressDetail"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="representativeUnit"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="operatorAddress"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="operatorAddressDetail"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="operatorUnit"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="managerAddress"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="managerAddressDetail"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="managerUnit"] { grid-template-columns:80px minmax(0,1fr); }
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="representativeAddress"]>span:first-child,
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="representativeAddressDetail"]>span:first-child,
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="representativeUnit"]>span:first-child,
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="operatorAddress"]>span:first-child,
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="operatorAddressDetail"]>span:first-child,
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="operatorUnit"]>span:first-child,
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="managerAddress"]>span:first-child,
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="managerAddressDetail"]>span:first-child,
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="managerUnit"]>span:first-child { white-space:nowrap; }
}
@media (max-width:767px) {
  .mobile-popup-request-section .loan-request-grid th,
  .mobile-popup-request-section .loan-request-grid td,
  .mobile-popup-request-section .loan-request-grid input { font-size:14px; }
  .mobile-request-popup[data-request-type="loan"],
  .mobile-request-popup[data-request-type="loan"] .form-grid,
  .mobile-request-popup[data-request-type="loan"] .field,
  .mobile-request-popup[data-request-type="loan"] .field>span:last-child,
  .mobile-request-popup[data-request-type="loan"] .field input { width:100%; min-width:0; }
  .mobile-request-popup[data-request-type="loan"] .form-grid { grid-template-columns:minmax(0,1fr); }
  .mobile-request-popup[data-request-type="loan"] .field>span:last-child,
  .mobile-request-popup[data-request-type="loan"] .field input { display:block; }
}

/* P01-S10 fourth follow-up customer screen correction */
.new-customer-document .dense-value-with-unit { display:flex; align-items:center; gap:6px; min-width:0; }
.new-customer-document .dense-value-with-unit>input { flex:1 1 auto; min-width:0; }
.new-customer-document .dense-value-unit { flex:0 0 auto; padding-right:8px; white-space:nowrap; }
@media (min-width:1600px) {
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="representativeAddress"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="representativeAddressDetail"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="representativeUnit"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="operatorAddress"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="operatorAddressDetail"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="operatorUnit"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="managerAddress"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="managerAddressDetail"],
  .approval-draft-form .new-customer-dense-group.group-1 [data-field="managerUnit"] { grid-template-columns:116px minmax(0,1fr); }
  .approval-draft-form .new-customer-dense-group.group-2 .dense-fixed-row:nth-child(6)>.dense-form-rows>label[data-field="recoveryMonths"] { grid-template-columns:minmax(180px,.95fr) minmax(80px,1.05fr); align-items:center; }
  .approval-draft-form .new-customer-dense-group.group-2 .dense-fixed-row:nth-child(6) [data-field="recoveryMonths"]>span:first-child { white-space:nowrap; }
  .approval-draft-form .new-customer-dense-group.group-2 [data-field="recoveryMonths"]>.dense-value-with-unit { align-self:center; }
}
@media (max-width:767px) {
  .mobile-request-popup[data-request-type="equipment"],
  .mobile-request-popup[data-request-type="equipment"] .form-grid,
  .mobile-request-popup[data-request-type="equipment"] .field,
  .mobile-request-popup[data-request-type="equipment"] .field>span:last-child,
  .mobile-request-popup[data-request-type="equipment"] .field input { width:100%; min-width:0; }
  .mobile-request-popup[data-request-type="equipment"] .form-grid { grid-template-columns:minmax(0,1fr); }
  .mobile-request-popup[data-request-type="equipment"] .field>span:last-child,
  .mobile-request-popup[data-request-type="equipment"] .field input { display:block; }
}
.approval-table .value-number,
.inline-request-grid .value-number { text-align:right; }
.approval-table .value-date,
.inline-request-grid .value-date { text-align:center; }
.approval-table .value-text,
.inline-request-grid .value-text { text-align:left; }
.support-status-section :is(th,td):first-child,
.monthly-status-section :is(th,td):first-child,
.loan-detail-section :is(th,td):first-child { text-align:center; }
.support-status-section :is(th,td):nth-child(2),
.loan-detail-section :is(th,td):nth-child(2) { text-align:left; }
.support-status-section :is(th,td):nth-child(3),
.monthly-status-section :is(th,td):not(:first-child),
.loan-detail-section :is(th,td):nth-child(n+3) { text-align:right; }
.customer-information-dialog section:nth-child(2) dl>div:last-child dd,
.customer-information-dialog section:nth-child(3) dl>div:last-child dd { text-align:center; }