/* generated recolor of production tints */ :where(html body) .admin-description{color:#0B0B0B!important} :where(html body) .admin-panel h2{color:#0B0B0B!important} :where(html body) .admin-notice{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .admin-status{background:#E4E0D6!important;color:#0B0B0B!important} :where(html body) .admin-status.inactive{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .admin-own{background:#E4E0D6!important;color:#0B0B0B!important} :where(html body) .admin-password-hint{color:#0B0B0B!important} :where(html body) .admin-account-table th{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .admin-account-table td{border-bottom:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .admin-account-table td:first-child{color:#0B0B0B!important} :where(html body) .admin-outline,:where(html body) .admin-button{border:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .admin-outline:hover,:where(html body) .admin-button:hover{background:#F8F6F1!important;border-color:#0B0B0B!important} :where(html body) .admin-form-row{color:#0B0B0B!important} :where(html body) .admin-form-row input,:where(html body) .admin-form-row select{border:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .admin-form-row input::placeholder{color:#5E5B54!important} :where(html body) .admin-form-row select:disabled{color:#0B0B0B!important;background:#F8F6F1!important} :where(html body) .admin-password-eye{color:#0B0B0B!important} :where(html body) .admin-password-eye:hover{background:#F8F6F1!important} :where(html body) .admin-event-table th{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .admin-event-table td{color:#0B0B0B!important} :where(html body) .admin-history-note{border-top:1px solid #C9C3B5!important} :where(html body) .admin-history-all{color:#0B0B0B!important} :where(html body) .admin-empty{color:#5E5B54!important} :where(html body) .admin-loading{color:#0B0B0B!important} :where(html body) .admin-control{color:#0B0B0B!important} :where(html body) .admin-control select{border:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .admin-control select:disabled{color:#0B0B0B!important;background:#F8F6F1!important} :where(html body) .admin-control-label{color:#0B0B0B!important} :where(html body) .admin-actor-chips>span:not(.admin-muted){background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .admin-selection-note{background:#F8F6F1!important} :where(html body) .admin-role-help{color:#0B0B0B!important} :where(html body) .admin-role-help button{color:#0B0B0B!important} :where(html body) .admin-actor-select legend{color:#0B0B0B!important} :where(html body) .admin-actor-select input{accent-color:#0B0B0B!important} :where(html body) .admin-matrix{border:1px solid #C9C3B5!important} :where(html body) .admin-matrix th,:where(html body) .admin-matrix td{border-bottom:1px solid #C9C3B5!important;border-right:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .admin-matrix thead th{background:#F8F6F1!important} :where(html body) .admin-matrix tbody th{color:#0B0B0B!important} :where(html body) .admin-permission-check input{border:1px solid #0B0B0B!important} :where(html body) .admin-permission-check input:checked{background:#0B0B0B!important;border-color:#0B0B0B!important} :where(html body) .admin-permission-check input:disabled{background:#F8F6F1!important;border-color:#C9C3B5!important} :where(html body) .admin-permission-check.unavailable{color:#5E5B54!important} :where(html body) .admin-permission-check input:disabled:after{background:#E4E0D6!important} :where(html body) .admin-diff{color:#0B0B0B!important} :where(html body) .admin-apply-target{color:#0B0B0B!important} :where(html body) .admin-history-empty .icon{color:#5E5B54!important} :where(html body) .admin-count{color:#0B0B0B!important} :where(html body) .admin-permission-events details{border-bottom:1px solid #C9C3B5!important} :where(html body) .admin-permission-events summary small{color:#5E5B54!important} :where(html body) .admin-permission-events .admin-diff{background:#F8F6F1!important} :where(html body) .admin-modal{color:#0B0B0B!important} :where(html body) .admin-modal-description{color:#0B0B0B!important} :where(html body) .admin-confirm-changes{background:#F8F6F1!important;border:1px solid #C9C3B5!important} :where(html body) .admin-extra-permissions{border:1px solid #C9C3B5!important;background:#F8F6F1!important} :where(html body) .admin-extra-permissions summary>span{color:#0B0B0B!important} :where(html body) .admin-permission-na{color:#5E5B54!important} :where(html body) .admin-permission-na>i{color:#5E5B54!important} :where(html body) .admin-permission-na small{color:#5E5B54!important} :where(html body) .admin-permission-check.is-custom input{outline:2px solid #FF4D1F!important} :where(html body) .admin-permission-legend{color:#0B0B0B!important} :where(html body) .admin-permission-legend i{border:1px solid #0B0B0B!important;background:#F8F6F1!important} :where(html body) .admin-permission-legend .admin-custom-mark{outline:2px solid #FF4D1F!important} :where(html body) .admin-permission-legend strong{color:#0B0B0B!important} :where(html body) .admin-dependency{color:#5E5B54!important} :where(html body) .admin-permission-intro{color:#0B0B0B!important} :where(html body) .admin-grant-count{color:#0B0B0B!important} :where(html body) .admin-permission-toolbar{background:#F8F6F1!important;border:1px solid #C9C3B5!important} :where(html body) .admin-permission-toolbar>span{color:#0B0B0B!important} :where(html body) .admin-batch-check{color:#0B0B0B!important} :where(html body) .admin-permission-resources{border:1px solid #C9C3B5!important} :where(html body) .admin-resource-row{border-bottom:1px solid #C9C3B5!important} :where(html body) .admin-resource-heading{background:#F8F6F1!important} :where(html body) .admin-resource-heading h3{color:#0B0B0B!important} :where(html body) .admin-permission-list input[type=checkbox]:focus-visible{outline:2px solid #0B0B0B!important} :where(html body) .admin-batch-check input:indeterminate{background:#0B0B0B!important;border-color:#0B0B0B!important} :where(html body) .client-time input:disabled,:where(html body) .client-time select:disabled{color:#0B0B0B!important;background:#F8F6F1!important;border-color:#C9C3B5!important} :where(html body) .client-workspace textarea[readonly]{background:#F8F6F1!important} :where(html body) .contract-paper{border:1px solid #C9C3B5!important;border-top:4px solid #0B0B0B!important} :where(html body) .contract-brand>span{background:#0B0B0B!important} :where(html body) .contract-title p{color:#5E5B54!important} :where(html body) .wf .contract-title :is(h1,:where(html body) h2){color:#0B0B0B!important} :where(html body) .contract-subtitle span+span{border-left:1px solid #C9C3B5!important} :where(html body) .contract-tag{color:#0B0B0B!important;border:1px solid #C9C3B5!important;background:#F8F6F1!important} :where(html body) .contract-amount{background:#F8F6F1!important;border-left:3px solid #FF4D1F!important} :where(html body) .contract-amount>b{color:#0B0B0B!important} :where(html body) .contract-section-head>span{color:#5E5B54!important} :where(html body) .contract-fact{border-bottom:1px solid #C9C3B5!important} :where(html body) .contract-payments{border-top:1px solid #C9C3B5!important;border-bottom:1px solid #C9C3B5!important} :where(html body) .contract-payment{border:1px solid #C9C3B5!important} :where(html body) .contract-payment>div{color:#0B0B0B!important} :where(html body) .contract-payment small{color:#5E5B54!important} :where(html body) .contract-prose{color:#0B0B0B!important} :where(html body) .contract-footer{border-top:1px solid #C9C3B5!important} :where(html body) .contract-editor .field input,:where(html body) .contract-editor .field select,:where(html body) .contract-editor .field textarea{background:#F8F6F1!important;border-color:#C9C3B5!important;color:#0B0B0B!important} :where(html body) .contract-payment-tools output{color:#0B0B0B!important} :where(html body) .bw-expense-card-actions{border-top:1px solid #C9C3B5!important} :where(html body) .record-paper{border:1px solid #C9C3B5!important;border-top:4px solid #0B0B0B!important;color:#0B0B0B!important} :where(html body) .record-letterhead{border-bottom:1px solid #C9C3B5!important} :where(html body) .record-brand img{background:#0B0B0B!important} :where(html body) .record-edition{color:#0B0B0B!important} :where(html body) .record-title>p{color:#5E5B54!important} :where(html body) .record-hero{background:#F8F6F1!important;border-left:3px solid #FF4D1F!important} :where(html body) .record-hero strong{color:#0B0B0B!important} :where(html body) .record-section>h3>span{color:#5E5B54!important} :where(html body) .record-section>h3:after{background:#E4E0D6!important} :where(html body) .record-facts>div{border-bottom:1px solid #C9C3B5!important} :where(html body) .record-footer{border-top:1px solid #C9C3B5!important;color:#5E5B54!important} :where(html body) .record-paper .field{color:#0B0B0B!important} :where(html body) .record-paper input,:where(html body) .record-paper select,:where(html body) .record-paper textarea{background:#F8F6F1!important;border-color:#C9C3B5!important} :where(html body) .record-paper input[readonly]{background:#F8F6F1!important} :where(html body) .record-paper .formfoot{border-top:1px solid #C9C3B5!important} :where(html body) .record-history li{border-left:2px solid #C9C3B5!important} :where(html body) .record-history small{color:#0B0B0B!important} :where(html body) .record-list-summary{background:#F8F6F1!important;border:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .record-list-table a{color:#0B0B0B!important} :where(html body) .record-list-table th{background:#F8F6F1!important} :where(html body) .record-form-stack>.card>h2{border-bottom:1px solid #C9C3B5!important} :where(html body) .date-query{background:#F8F6F1!important;border:1px solid #C9C3B5!important} :where(html body) .date-query label{color:#0B0B0B!important} :where(html body) .date-query>p{color:#0B0B0B!important} :where(html body) .record-admin-header{border-bottom:1px solid #C9C3B5!important} :where(html body) .bw-contract-toggle{border:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .bw-contract-toggle[aria-expanded=true]{background:#F8F6F1!important;border-color:#0B0B0B!important} :where(html body) .bw-contract-toggle:focus-visible{outline:2px solid #0B0B0B!important} :where(html body) .bw-contract-table .bw-contract-detail>td{background:#F8F6F1!important} :where(html body) .rd{color:#0B0B0B!important} :where(html body) .rd-subtitle{color:#0B0B0B!important} :where(html body) .rd-stat{border:1px solid #C9C3B5!important} :where(html body) .rd-stat-icon{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .rd-stat>div>span{color:#0B0B0B!important} :where(html body) .rd-stat strong{color:#0B0B0B!important} :where(html body) .rd-manager .rd-stat-warning .rd-stat-icon{color:#5E5B54!important} :where(html body) .rd-manager .rd-stat-icon{border-right:1px solid #C9C3B5!important} :where(html body) .rd-card{border:1px solid #C9C3B5!important} :where(html body) .rd h2{color:#0B0B0B!important} :where(html body) .rd-card-head{border-bottom:1px solid #C9C3B5!important} :where(html body) .rd-card-head>span{color:#0B0B0B!important} :where(html body) .rd-link{color:#0B0B0B!important} :where(html body) .rd .primary{background:#0B0B0B!important;border:1px solid #0B0B0B!important} :where(html body) .rd-outline{border:1px solid #0B0B0B!important;color:#0B0B0B!important} :where(html body) .rd-footnote{color:#0B0B0B!important} :where(html body) .rd-ceo>.rd-footnote{border-top:1px solid #C9C3B5!important} :where(html body) .rd-empty{color:#0B0B0B!important} :where(html body) .rd-tabs{border:1px solid #C9C3B5!important} :where(html body) .rd-tabs button{color:#0B0B0B!important;border-right:1px solid #C9C3B5!important} :where(html body) .rd-tabs button.active{background:#F8F6F1!important;color:#0B0B0B!important;box-shadow:inset 0 -1px #0B0B0B!important} :where(html body) .rd-review-row{border-top:1px solid #C9C3B5!important} :where(html body) .rd-review-row.selected{background:#F8F6F1!important;border:1px solid #C9C3B5!important} :where(html body) .rd-request-icon{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .rd-request-title small{color:#0B0B0B!important} :where(html body) .rd-type{color:#0B0B0B!important;background:#F8F6F1!important} :where(html body) .rd-type-bills{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .rd-type-company{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .rd-type-trips{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .rd-status.returned{color:#5E5B54!important} :where(html body) .rd-evidence{border:1px solid #C9C3B5!important} :where(html body) .rd-evidence>.rd-icon{color:#0B0B0B!important} :where(html body) .rd-request-fields{border-left:1px solid #C9C3B5!important;border-right:1px solid #C9C3B5!important} :where(html body) .rd-request-fields dt{color:#0B0B0B!important} :where(html body) .rd-review-buttons small{color:#0B0B0B!important} :where(html body) .rd-timeline time{color:#0B0B0B!important} :where(html body) .rd-time-dot{background:#0B0B0B!important} :where(html body) .rd-timeline li:first-child .rd-time-dot{background:#0B0B0B!important} :where(html body) .rd-timeline li:not(:last-child) .rd-time-dot::after{background:#5E5B54!important} :where(html body) .rd-timeline li a{color:#0B0B0B!important} :where(html body) .rd-schedule-type{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .rd-schedule-type.audition{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .rd-correction p{color:#0B0B0B!important} :where(html body) .rd-actor-row{border-top:1px solid #C9C3B5!important} :where(html body) .rd-entry-grid>.rd-link{border:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .rd-entry-grid .rd-link>.rd-icon:first-child{color:#0B0B0B!important} :where(html body) .rd-entry-grid .rd-link>.rd-icon:last-child{color:#0B0B0B!important} :where(html body) .rd-entry-grid small{color:#5E5B54!important} :where(html body) button{color:#0B0B0B!important} :where(html body) button:hover{background:#F8F6F1!important} :where(html body) .primary:hover{background:#0B0B0B!important} :where(html body) .secondary{border-color:#0B0B0B!important} :where(html body) aside{background:linear-gradient(160deg,#0B0B0B,#0B0B0B)!important;color:#F8F6F1!important} :where(html body) nav a{color:#F8F6F1!important} :where(html body) nav a.active{background:#0B0B0B!important} :where(html body) .avatar{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .userbox .avatar{background:#0B0B0B!important} :where(html body) .userbox small{color:#5E5B54!important} :where(html body) .userbox button{color:#5E5B54!important} :where(html body) .stat .stat-icon{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .stat:nth-child(2) .stat-icon{color:#5E5B54!important} :where(html body) th{background:#F8F6F1!important} :where(html body) td{border-bottom:1px solid #C9C3B5!important} :where(html body) tr.clickable:hover{background:#F8F6F1!important} :where(html body) .badge{background:#F8F6F1!important} :where(html body) .badge.approved,:where(html body) .badge.confirmed{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) input,:where(html body) select,:where(html body) textarea{border:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) input:focus,:where(html body) select:focus,:where(html body) textarea:focus{border-color:#0B0B0B!important} :where(html body) input[readonly]{background:#F8F6F1!important} :where(html body) .field{color:#0B0B0B!important} :where(html body) .filearea{border:1px dashed #C9C3B5!important;background:#F8F6F1!important} :where(html body) .filearea .icon{color:#5E5B54!important} :where(html body) .filebtns label{border:1px solid #C9C3B5!important} :where(html body) .attachment{border-bottom:1px solid #C9C3B5!important} :where(html body) .amountbar{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .notice{color:#5E5B54!important} :where(html body) .timeline li{border-left:2px solid #C9C3B5!important} :where(html body) .timeline li:before{background:#5E5B54!important} :where(html body) .stacklist strong{color:#0B0B0B!important} :where(html body) .bargraph span{background:#0B0B0B!important} :where(html body) .bargraph span:nth-child(2){background:#5E5B54!important} :where(html body) .bargraph span:nth-child(3){background:#FF4D1F!important} :where(html body) .bargraph span:nth-child(4){background:#5E5B54!important} :where(html body) .loginvisual{background:#0B0B0B!important;color:#F8F6F1!important} :where(html body) .loginvisual small{color:#5E5B54!important} :where(html body) #toast{background:#0B0B0B!important} :where(html body) dialog{color:#0B0B0B!important} :where(html body) .statement .brand{color:#0B0B0B!important} :where(html body) .statement .sign{color:#0B0B0B!important} :where(html body) .connection{color:#5E5B54!important} :where(html body) .filecount{background:#F8F6F1!important} :where(html body) .method-tag{color:#0B0B0B!important} :where(html body) .evidence-tag{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) aside{background:linear-gradient(110deg,#0B0B0B,#0B0B0B)!important} :where(html body) nav a.active{background:linear-gradient(110deg,#0B0B0B,#0B0B0B)!important} :where(html body) .pagehead h1{color:#0B0B0B!important} :where(html body) .card h2{color:#0B0B0B!important} :where(html body) .cardhead a{color:#0B0B0B!important} :where(html body) .stat label{color:#0B0B0B!important} :where(html body) .stat strong{color:#0B0B0B!important} :where(html body) .stat small{color:#0B0B0B!important} :where(html body) th{color:#0B0B0B!important;background:#F8F6F1!important} :where(html body) td{border-color:#C9C3B5!important} :where(html body) .namecell .avatar{background:#E4E0D6!important;color:#0B0B0B!important} :where(html body) .stacklist a{color:#0B0B0B!important} :where(html body) .field{color:#0B0B0B!important} :where(html body) input,:where(html body) select,:where(html body) textarea{border-color:#C9C3B5!important} :where(html body) .reporter{background:#F8F6F1!important;border:1px solid #C9C3B5!important} :where(html body) .reporter strong{color:#0B0B0B!important} :where(html body) .filebtns .icon{color:#0B0B0B!important} :where(html body) .receipt-preview{background:#F8F6F1!important} :where(html body) .attachment{border:1px solid #C9C3B5!important} :where(html body) .fleet-photo{background:#F8F6F1!important} :where(html body) .fleet-link{border:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .fleet-link.primary{background:#0B0B0B!important;border-color:#0B0B0B!important} :where(html body) .fleet-metrics strong{color:#0B0B0B!important} :where(html body) .fleet-criteria{border-top:1px solid #C9C3B5!important} :where(html body) .fleet-criteria summary{color:#0B0B0B!important} :where(html body) .fleet-note{border:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .fleet-trip{border-bottom:1px solid #C9C3B5!important} :where(html body) .fleet-route span{color:#5E5B54!important} :where(html body) .fleet-manual{border:1px solid #C9C3B5!important} :where(html body) .fleet-manual legend{color:#0B0B0B!important} :where(html body) .fleet-duplicate{border-bottom:1px solid #C9C3B5!important} :where(html body) .fleet-example-banner{background:#F8F6F1!important;border:1px solid #C9C3B5!important} :where(html body) .fleet-example-banner>strong{background:#0B0B0B!important} :where(html body) .fleet-example-banner p{color:#0B0B0B!important} :where(html body) .fleet-example-content input:disabled,:where(html body) .fleet-example-content select:disabled{color:#0B0B0B!important;background:#F8F6F1!important;-webkit-text-fill-color:#0B0B0B!important} :where(html body) input[type=file]::file-selector-button{color:#0B0B0B!important;background:#F8F6F1!important} :where(html body) .wf-upload.receipt-upload{background:#F8F6F1!important} :where(html body) .receipt-upload > strong{color:#0B0B0B!important} :where(html body) .receipt-upload-actions > .receipt-upload-camera{background:#F8F6F1!important;border-color:#0B0B0B!important;color:#0B0B0B!important} :where(html body) .receipt-upload-actions > .receipt-upload-camera:hover{background:#F8F6F1!important;border-color:#0B0B0B!important} :where(html body) .wf-row-actions > .textlink,:where(html body) .wf-row-actions > .wf-toggle,:where(html body) .bw-contract-toggle{color:#0B0B0B!important} :where(html body) .wf-row-actions > .textlink:hover,:where(html body) .wf-row-actions > .wf-toggle:hover,:where(html body) .bw-contract-toggle:hover{background:#F8F6F1!important;border-color:#0B0B0B!important} :where(html body) .wf-row-actions > .wf-toggle[aria-expanded=true],:where(html body) .bw-contract-toggle[aria-expanded=true]{background:#F8F6F1!important;border-color:#0B0B0B!important;color:#0B0B0B!important} :where(html body) .wf-row-actions .wf-toggle > span{background:#E4E0D6!important} :where(html body) .wf-row-actions .wf-toggle[aria-expanded=true] > span{background:#0B0B0B!important} :where(html body) .record-paper .field,:where(html body) .contract-editor .field{color:#0B0B0B!important} :where(html body) .wf-button{border:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .wf-button.primary{background:#0B0B0B!important;border-color:#0B0B0B!important} :where(html body) .wf-counts strong{color:#0B0B0B!important} :where(html body) .wf-tabs{border-bottom:1px solid #C9C3B5!important} :where(html body) .wf-tabs a.active{color:#0B0B0B!important;border-color:#0B0B0B!important} :where(html body) .wf-toggle{border:1px solid #C9C3B5!important;background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .wf-toggle[aria-expanded=true]{background:#F8F6F1!important;border-color:#0B0B0B!important;color:#0B0B0B!important} :where(html body) .wf-toggle>span{background:#E4E0D6!important} :where(html body) .wf-toggle[aria-expanded=true]>span{background:#0B0B0B!important} :where(html body) .wf-expanded>td{background:#F8F6F1!important} :where(html body) .wf-history{border-top:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .wf-upload{border:1px dashed #0B0B0B!important} :where(html body) .wf-notice{border-bottom:1px solid #C9C3B5!important} :where(html body) .wf-setting{border-bottom:1px solid #C9C3B5!important} :where(html body) .wf-setting input{accent-color:#0B0B0B!important} :where(html body) .wf-calendar-grid{border-left:1px solid #C9C3B5!important;border-bottom:1px solid #C9C3B5!important} :where(html body) .wf-weekday{background:#F8F6F1!important} :where(html body) .wf-day{border-top:1px solid #C9C3B5!important;border-right:1px solid #C9C3B5!important} :where(html body) .wf-day.selected{background:#F8F6F1!important} :where(html body) .wf-day.selected>button{background:#0B0B0B!important} :where(html body) .wf-event{border-left:2px solid #0B0B0B!important;background:#F8F6F1!important} :where(html body) .wf-event small{color:#0B0B0B!important} :where(html body) .wf-event strong{color:#0B0B0B!important} :where(html body) aside{background:#0B0B0B!important;color:#5E5B54!important} :where(html body) aside .mainnav{scrollbar-color:#0B0B0B transparent!important} :where(html body) .navlabel{color:#F8F6F1!important} :where(html body) aside .mainnav a.active{background:#0B0B0B!important} :where(html body) aside .mainnav a.active:hover{background:#0B0B0B!important} :where(html body) aside .account-settings{color:#5E5B54!important} :where(html body) .section-tabs{border-bottom:1px solid #C9C3B5!important} :where(html body) .section-tabs a.active{color:#0B0B0B!important;border-color:#0B0B0B!important} :where(html body) button:focus-visible,:where(html body) a:focus-visible,:where(html body) summary:focus-visible{outline:3px solid #0B0B0B!important} :where(html body) input,:where(html body) select,:where(html body) textarea{border:1px solid #C9C3B5!important} :where(html body) input::placeholder,:where(html body) textarea::placeholder{color:#5E5B54!important} :where(html body) .primary,:where(html body) .wf-button.primary,:where(html body) .fleet-link.primary{background:#0B0B0B!important;border-color:#0B0B0B!important} :where(html body) body aside{background:#0B0B0B!important;color:#F8F6F1!important} :where(html body) .mainnav{scrollbar-color:#0B0B0B transparent!important} :where(html body) .navgroup .navlabel{color:#F8F6F1!important} :where(html body) .mainnav .navgroup a{color:#F8F6F1!important} :where(html body) .mainnav .navgroup a.active{background:#0B0B0B!important} :where(html body) .mainnav .navgroup a.active:before{background:#5E5B54!important} :where(html body) .account-settings{color:#5E5B54!important} :where(html body) .userbox .user-identity{color:#F8F6F1!important} :where(html body) .userbox button{color:#F8F6F1!important} :where(html body) .topbar>span:last-child{background:#F8F6F1!important;border:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .pagehead h1{color:#0B0B0B!important} :where(html body) .page-return button{color:#0B0B0B!important} :where(html body) .bw-subtitle{color:#0B0B0B!important} :where(html body) .card h2{color:#0B0B0B!important} :where(html body) .field{color:#0B0B0B!important} :where(html body) th{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) td{color:#0B0B0B!important;border-color:#C9C3B5!important} :where(html body) td small{color:#0B0B0B!important} :where(html body) .bw-button{border:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .bw-button.primary{background:#0B0B0B!important} :where(html body) .bw-tabs{border-bottom:1px solid #C9C3B5!important} :where(html body) .bw-tabs button{color:#0B0B0B!important} :where(html body) .bw-tabs button.active{border-bottom-color:#0B0B0B!important;color:#0B0B0B!important} :where(html body) .bw-ledger-guides>div{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .bw-ledger-guides>div:last-child{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .bw-ledger-guides small{color:#0B0B0B!important} :where(html body) .bw-ledger-guides>div:last-child small{color:#0B0B0B!important} :where(html body) .bw-ledger-desktop{border:1px solid #C9C3B5!important} :where(html body) .bw-ledger-desktop th,:where(html body) .bw-ledger-desktop td{border-right:1px solid #C9C3B5!important} :where(html body) .bw-pill{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .bw-pill.approved{color:#0B0B0B!important;background:#F8F6F1!important} :where(html body) .bw-pill.waiting{color:#5E5B54!important} :where(html body) .bw-pill.blue{color:#0B0B0B!important;background:#F8F6F1!important} :where(html body) .bw-ledger-total{color:#0B0B0B!important} :where(html body) .bw-info{border:1px solid #C9C3B5!important;background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .bw-info small{color:#0B0B0B!important} :where(html body) .bw-ledger-shortcuts>button{border:1px solid #C9C3B5!important} :where(html body) .bw-ledger-shortcuts .icon{color:#0B0B0B!important} :where(html body) .bw-ledger-shortcuts>button:last-child .icon{color:#0B0B0B!important} :where(html body) .bw-ledger-shortcuts strong{color:#0B0B0B!important} :where(html body) .bw-ledger-shortcuts small{color:#0B0B0B!important} :where(html body) .bw-card-title>.icon{background:#F8F6F1!important;color:#0B0B0B!important} :where(html body) .bw-overview-links a{border-top:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .bw-overview-links strong{color:#0B0B0B!important} :where(html body) .bw-notice{border-top:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .bw-contract-list>a,:where(html body) .bw-payment-list>a{border-bottom:1px solid #C9C3B5!important;color:#0B0B0B!important} :where(html body) .loginvisual{background:#0B0B0B!important} :where(html body) .login-message p{color:#F8F6F1!important} :where(html body) .loginvisual>small{color:#5E5B54!important} :where(html body) .logincard h2{color:#0B0B0B!important} :where(html body) .logincard .login-intro{color:#0B0B0B!important} :where(html body) .logincard .field{color:#0B0B0B!important} :where(html body) .logincard .password-toggle{color:#0B0B0B!important} :where(html body) .login-footer:before,:where(html body) .login-footer:after{background:#E4E0D6!important} :where(html body) .fleet-summary>div{border:1px solid #C9C3B5!important} :where(html body) .fleet-fuel-actors{border:1px solid #C9C3B5!important} :where(html body) .fleet-fuel-actors input{accent-color:#0B0B0B!important} :where(html body) #fleet-fuel-form .filearea{background:#F8F6F1!important;border:1px solid #C9C3B5!important} :where(html body) .fleet-register-card .fleet-plate{background:#F8F6F1!important} :where(html body) .fleet-plate span{color:#0B0B0B!important} :where(html body) .receipt-camera-dialog{border:1px solid #C9C3B5!important} :where(html body) .receipt-camera-dialog video{background:#0B0B0B!important} /* WIDESCREEN theme layer. Loaded last on top of the production CSS. Layout concept: the workspace is a cinema screen — black reel rail, bone paper stage, one "screen orange" for "your turn / needs attention". Squared geometry, no rounded cards. */ :root{ --ws-bone:#EEEBE4; --ws-sheet:#F8F6F1; --ws-bone-2:#E4E0D6; --ws-ink:#0B0B0B; --ws-ink-2:#2A2A28; --ws-mute:#5E5B54; --ws-faint:#8E8A80; --ws-line:#D9D4C8; --ws-line-2:#C9C3B5; --ws-hot:#FF4D1F; --ws-hot-ink:#D93A10; --ws-hot-soft:#FFE6DC; --ws-night:#0B0B0B; --ws-night-2:#161615; --ws-night-3:#232321; --ws-nline:#2E2E2B; --ws-nmute:#8A877F; --ws-mono:ui-monospace,'Cascadia Mono',Consolas,'SFMono-Regular',Menlo,monospace; --green:#0B0B0B; --ink:#0B0B0B; --muted:#5E5B54; --line:#D9D4C8; --bg:#EEEBE4; color:#0B0B0B; background:#EEEBE4; } html body{background:var(--ws-bone);color:var(--ws-ink);letter-spacing:-.01em} html body *,html body *::before,html body *::after{border-radius:0!important} html body ::selection{background:var(--ws-hot);color:#fff} html body :focus-visible{outline:2px solid var(--ws-hot)!important;outline-offset:2px} /* ---------- brand: original BIGPICTURE lockup kept as-is ---------- */ /* ---------- reel rail (sidebar) ---------- */ html body #workspace-sidebar{background:var(--ws-night)!important;color:#D6D2C9;border-right:0;box-shadow:inset -1px 0 0 var(--ws-nline)} html body .mainnav{counter-reset:reel} html body .navgroup{border:0!important} html body .navgroup-labeled{counter-increment:reel} html body .navlabel{color:var(--ws-nmute)!important;font-family:var(--ws-mono);font-size:10.5px!important;letter-spacing:.14em;font-weight:500!important;text-transform:uppercase} html body .navlabel::before{content:counter(reel,decimal-leading-zero) " ";color:#5f5c56} html body .mainnav a{color:#B9B5AC!important;background:transparent!important;border:0!important;box-shadow:none!important;position:relative} html body .mainnav a svg{color:#5E5B54!important;stroke:currentColor} html body .mainnav a:hover{color:#fff!important;background:var(--ws-night-2)!important} html body .mainnav a.active{color:#fff!important;background:var(--ws-night-3)!important;font-weight:700} html body .mainnav a.active::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--ws-hot)} html body .mainnav a.active svg{color:var(--ws-hot)!important} html body .navcount{background:var(--ws-hot)!important;color:#fff!important;font-family:var(--ws-mono);font-weight:500} html body #workspace-sidebar .account-settings{color:#8A877F!important;border-top:1px solid var(--ws-nline)} html body #workspace-sidebar .userbox{background:var(--ws-night)!important;border-top:1px solid var(--ws-nline)!important;color:#E6E3DC} html body #workspace-sidebar .userbox button,html body #workspace-sidebar .drawer-close{color:#B9B5AC!important} html body #workspace-sidebar .user-identity{color:#E6E3DC!important} html body .mobilehead{background:var(--ws-night)!important;color:#fff!important;border:0} html body .mobilehead button{color:#fff!important} /* ---------- stage ---------- */ html body main.workspace{background:var(--ws-bone)!important} html body .topbar{color:var(--ws-mute);font-family:var(--ws-mono);font-size:11.5px;letter-spacing:.06em;border-bottom:1px solid var(--ws-line)} html body .topbar *{border-radius:0!important} html body .topbar span:last-child{background:var(--ws-ink)!important;color:#fff!important;border:0!important;padding:4px 9px} html body .pagehead h1,html body .workspace h1{font-weight:850!important;letter-spacing:-.05em!important;color:var(--ws-ink)!important;text-wrap:balance} html body .pagehead h1{font-size:clamp(30px,4.2vw,48px)!important;line-height:1.05!important} html body .pagehead{border-bottom:0} html body .bw-subtitle,html body .rd-subtitle{color:var(--ws-mute)!important} html body .page-return button{color:var(--ws-mute)!important;font-family:var(--ws-mono);font-size:12px} html body h2,html body h3{letter-spacing:-.03em} /* surfaces: paper sheets with hairlines, no rounding, no soft shadow */ html body .card,html body .rd-card,html body .wf-day,html body .admin-panel,html body .admin-user-card,html body .fleet-register-card, html body .bw-ledger-card,html body .bw-expense-card,html body .client-workspace .card,html body .password-card{ background:var(--ws-sheet)!important;border:1px solid var(--ws-line-2)!important;box-shadow:none!important} html body .cardhead,html body .rd-card-head{border-bottom:2px solid var(--ws-ink)!important} html body .cardhead h2,html body .rd-card-head h2,html body .bw-card-title h2{font-weight:800!important;color:var(--ws-ink)!important} html body .cardhead a,html body .textlink{color:var(--ws-ink)!important;font-family:var(--ws-mono);font-size:11.5px;letter-spacing:.06em} html body .empty{color:var(--ws-faint)!important;font-family:var(--ws-mono);font-size:12px;letter-spacing:.06em} /* the overview card becomes the "screen" */ html body .bw-overview-card:first-child,html body .settlehero,html body .record-hero{background:var(--ws-night)!important;color:#fff!important;border-color:var(--ws-night)!important;position:relative;overflow:hidden} html body .bw-overview-card:first-child::before{content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(ellipse 60% 90% at 85% -20%,rgba(255,255,255,.14),transparent 62%),radial-gradient(ellipse 45% 70% at 0% 120%,rgba(255,77,31,.22),transparent 70%)} html body .bw-overview-card:first-child>*{position:relative} html body .bw-overview-card:first-child h2,html body .bw-overview-card:first-child strong{color:#fff!important} html body .bw-overview-card:first-child p,html body .bw-overview-card:first-child span{color:#BDB9B0!important} html body .bw-overview-card:first-child a{border-color:#2a2a28!important;background:transparent!important} html body .bw-overview-card:first-child a:hover{background:var(--ws-night-2)!important} html body .bw-overview-card:first-child svg{color:var(--ws-hot)!important;background:transparent!important} html body .bw-overview-links a{border-color:var(--ws-line)!important} html body .bw-overview-links strong{font-size:26px!important;font-weight:850!important;letter-spacing:-.04em;font-variant-numeric:tabular-nums} html body .bw-card-title svg,html body .rd-icon,html body .rd-stat-icon,html body .stat-icon{background:transparent!important;color:var(--ws-ink)!important;border:1.5px solid currentColor!important} /* stats & big figures */ html body .stat,html body .rd-stat{background:var(--ws-sheet)!important;border:1px solid var(--ws-line-2)!important;border-top:3px solid var(--ws-ink)!important;box-shadow:none!important} html body .stat strong,html body .rd-stat strong,html body .heroamount,html body .contract-amount,html body .bw-ledger-total strong{font-weight:850!important;letter-spacing:-.045em!important;font-variant-numeric:tabular-nums;color:inherit} html body .rd-stat-warning{border-top-color:var(--ws-hot)!important} /* ---------- controls ---------- */ html body button,html body .bw-button,html body .wf-button,html body .admin-button,html body .buttonlink,html body .rd-link{border-radius:0!important} html body .primary,html body button.primary,html body .bw-button.primary,html body .wf-button.primary,html body .admin-button.primary,html body a.primary{ background:var(--ws-ink)!important;color:#fff!important;border:1.5px solid var(--ws-ink)!important;font-weight:700!important;box-shadow:none!important} html body .primary:hover,html body button.primary:hover{background:var(--ws-hot)!important;border-color:var(--ws-hot)!important} html body .bw-button,html body .wf-button,html body .admin-button,html body .buttonlink,html body .actions button:not(.primary),html body .formfoot button:not(.primary){ border:1.5px solid var(--ws-ink)!important;background:transparent!important;color:var(--ws-ink)!important;font-weight:700!important;box-shadow:none!important} html body .bw-button:hover,html body .wf-button:hover,html body .admin-button:hover{background:var(--ws-ink)!important;color:#fff!important} html body .quiet{color:var(--ws-ink-2)} html body input,html body select,html body textarea{border-radius:0!important;border-color:var(--ws-line-2)!important;background:#fff!important;color:var(--ws-ink)!important;box-shadow:none!important} html body input:focus,html body select:focus,html body textarea:focus{border-color:var(--ws-ink)!important;outline:2px solid var(--ws-hot)!important;outline-offset:0} html body .field,html body .field>span{color:var(--ws-ink-2)} html body input[type=checkbox],html body input[type=radio]{accent-color:var(--ws-ink)} /* tabs & toggles: ink chips */ html body .tabs,html body .wf-tabs,html body .rd-tabs,html body .bw-tabs,html body .section-tabs{border-color:var(--ws-line-2)!important;background:transparent!important} html body .tabs button,html body .wf-tabs button,html body .rd-tabs button,html body .bw-tabs button,html body .section-tabs button, html body .tabs a,html body .wf-tabs a,html body .rd-tabs a,html body .bw-tabs a,html body .section-tabs a{border-radius:0!important;color:var(--ws-mute)!important;background:transparent!important;box-shadow:none!important} html body .tabs .active,html body .wf-tabs .active,html body .rd-tabs .active,html body .bw-tabs .active,html body .section-tabs .active, html body .tabs [aria-selected=true],html body .wf-tabs [aria-selected=true],html body .rd-tabs [aria-selected=true],html body .bw-tabs [aria-selected=true],html body .section-tabs [aria-selected=true]{ color:var(--ws-ink)!important;font-weight:800!important;box-shadow:inset 0 -3px 0 var(--ws-hot)!important} html body .wf-toggle,html body .bw-contract-toggle{border-radius:0!important} /* ---------- tables ---------- */ html body table{border-collapse:collapse} html body th{font-family:var(--ws-mono)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.1em;color:var(--ws-mute)!important;background:transparent!important;border-bottom:2px solid var(--ws-ink)!important;text-transform:uppercase} html body td{border-color:var(--ws-line)!important} html body tbody tr:hover td{background:#fff} html body td.num,html body .num,html body td[data-num]{font-variant-numeric:tabular-nums;font-weight:700} /* ---------- status marks: clapper-slate marker, never pastel pills ---------- */ html body .badge,html body .bw-pill,html body .rd-status,html body .admin-status,html body .admin-user-state,html body .contract-tag{ background:transparent!important;border:1.5px solid var(--ws-ink)!important;color:var(--ws-ink)!important;border-radius:0!important; font-weight:700!important;font-size:12px!important;padding:2px 8px 2px 22px!important;position:relative;box-shadow:none!important} html body .badge::before,html body .bw-pill::before,html body .rd-status::before,html body .admin-status::before,html body .admin-user-state::before,html body .contract-tag::before{ content:"";position:absolute;left:6px;top:50%;width:9px;height:8px;margin-top:-4px;transform:skewX(-22deg);background:var(--ws-ink)} html body .badge.returned,html body .rd-status.returned,html body .bw-pill.returned,html body [class*=returned].badge,html body .rd-correction .rd-status{border-color:var(--ws-hot)!important;color:var(--ws-hot-ink)!important} html body .badge.returned::before,html body .rd-status.returned::before,html body .bw-pill.returned::before{background:repeating-linear-gradient(45deg,var(--ws-hot) 0 1.5px,transparent 1.5px 3.5px)} html body .badge.pending::before,html body .rd-status.pending::before,html body .bw-pill.pending::before{background:var(--ws-hot)} html body .badge.approved,html body .rd-status.approved,html body .bw-pill.approved{background:var(--ws-ink)!important;color:#fff!important} html body .badge.approved::before,html body .rd-status.approved::before,html body .bw-pill.approved::before{background:#fff} /* notices */ html body .notice,html body .bw-notice,html body .wf-notice,html body .admin-notice,html body .bw-info,html body .fleet-example-banner{ background:var(--ws-sheet)!important;border:1px solid var(--ws-line-2)!important;border-left:4px solid var(--ws-ink)!important;color:var(--ws-ink-2)!important} html body .inline-error,html body .date-query-error,html body .admin-error{background:var(--ws-hot-soft)!important;color:var(--ws-hot-ink)!important;border:0!important;border-left:4px solid var(--ws-hot)!important} html body #toast{background:var(--ws-ink)!important;color:#fff!important;border-left:4px solid var(--ws-hot)!important;border-radius:0!important} html body dialog,html body .admin-modal{border-radius:0!important;border:2px solid var(--ws-ink)!important;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)!important;background:var(--ws-sheet)!important} html body dialog::backdrop{background:rgba(11,11,11,.6)} html body .menu-backdrop{background:rgba(11,11,11,.55)!important} /* timelines → film strip ticks */ html body .rd-timeline,html body .timeline{border-color:var(--ws-ink)!important} html body .rd-time-dot{background:var(--ws-ink)!important;border-color:var(--ws-ink)!important;border-radius:0!important;transform:skewX(-22deg)} /* ---------- login: THE BIG PICTURE ---------- */ html body .login{background:var(--ws-night)!important} html body .loginvisual{background:var(--ws-night)!important;color:#fff!important;position:relative;overflow:hidden} html body .loginvisual::before{content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(ellipse 60% 70% at 70% 0%,rgba(255,255,255,.13),transparent 65%),radial-gradient(ellipse 50% 60% at 0% 110%,rgba(255,77,31,.25),transparent 70%)} html body .loginvisual::after{content:"";position:absolute;inset:18px;pointer-events:none; background:linear-gradient(#fff,#fff) top left/18px 1.5px,linear-gradient(#fff,#fff) top left/1.5px 18px,linear-gradient(#fff,#fff) top right/18px 1.5px,linear-gradient(#fff,#fff) top right/1.5px 18px, linear-gradient(#fff,#fff) bottom left/18px 1.5px,linear-gradient(#fff,#fff) bottom left/1.5px 18px,linear-gradient(#fff,#fff) bottom right/18px 1.5px,linear-gradient(#fff,#fff) bottom right/1.5px 18px;background-repeat:no-repeat;opacity:.5} html body .loginvisual>*{position:relative;z-index:1} html body .loginvisual::selection{background:var(--ws-hot)} html body .login-message h1{font-size:clamp(40px,5.4vw,76px)!important;font-weight:900!important;letter-spacing:-.06em!important;line-height:.98!important;color:#fff!important} html body .login-message p{color:#BDB9B0!important} html body .loginvisual small{font-family:var(--ws-mono);letter-spacing:.14em;color:#6f6c66!important} html body .loginvisual small::before{content:"● NOW SHOWING · ";color:var(--ws-hot)} html body .logincard{background:var(--ws-bone)!important} html body .logincard h2{font-weight:900!important;letter-spacing:-.05em!important;font-size:34px!important} html body .logincard .login-intro{color:var(--ws-mute)!important} html body .logincard input{height:52px!important;border:1.5px solid var(--ws-line-2)!important;background:#fff!important} html body .logincard button.primary{height:54px!important;background:var(--ws-hot)!important;border-color:var(--ws-hot)!important;font-size:15px!important} html body .logincard button.primary:hover{background:var(--ws-ink)!important;border-color:var(--ws-ink)!important} html body .login-footer{color:var(--ws-faint)!important;font-family:var(--ws-mono);letter-spacing:.14em} @media (prefers-reduced-motion:reduce){html body *{animation:none!important;transition:none!important}} /* ---------- pass 2: type hygiene, residual tints, tidy reel rail ---------- */ /* Korean never sits in the mono face; mono is for numbers and latin tags only */ html body .topbar,html body .empty,html body .cardhead a,html body .textlink,html body .page-return button,html body .login-footer,html body .loginvisual small{font-family:inherit!important;letter-spacing:0!important} html body .topbar{font-size:12.5px} html body .empty{font-size:13px} /* login: frame the whole visual */ html body .loginvisual::before,html body .loginvisual::after{top:0!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;transform:none!important;border:0!important;margin:0!important} html body .loginvisual::after{inset:22px!important} /* residual brand greens / blues */ html body .bw-overview-links strong,html body .bw-overview-card strong{color:inherit!important} html body .bw-overview-card:not(:first-child) strong{color:var(--ws-ink)!important} html body .bw-overview-card a span:last-child,html body .bw-overview-card svg:last-child{color:inherit} html body .bw-ledger-guides>*,html body .bw-ledger-shortcuts>*,html body .date-query,html body .filters,html body .bw-filters,html body .client-filters{ background:var(--ws-sheet)!important;border-color:var(--ws-line-2)!important;box-shadow:none!important} html body .bw-ledger-guides>*:first-child{border-left:4px solid var(--ws-ink)!important} html body .bw-ledger-guides>*:last-child{border-left:4px solid var(--ws-hot)!important} html body .bw-ledger-guides svg,html body .bw-ledger-shortcuts svg,html body .bw-entry-links svg,html body .rd-link svg{color:var(--ws-ink)!important;stroke:currentColor} html body .bw-tabs,html body .bw-tabs *{border-bottom-color:var(--ws-line-2)} html body [class*=tabs] [class*=active],html body [class*=tabs] .selected{box-shadow:inset 0 -3px 0 var(--ws-hot)!important;border-bottom-color:transparent!important;color:var(--ws-ink)!important} html body [class*=tabs] [class*=active]::after,html body [class*=tabs] .selected::after{background:var(--ws-hot)!important} html body a{color:inherit} /* reel rail: calmer rhythm, folding groups */ html body .mainnav{padding-top:6px} html body .navgroup{margin:0!important;padding:0!important} html body .navgroup+.navgroup{border-top:1px solid #1d1d1b!important} html body .navlabel{font-family:inherit!important;font-size:12.5px!important;letter-spacing:0!important;text-transform:none!important;color:#CFCBC2!important;font-weight:700!important; display:flex!important;align-items:center;gap:10px;margin:0!important;padding:12px 14px!important;cursor:pointer;user-select:none} html body .navlabel::before{content:counter(reel,decimal-leading-zero);font-family:var(--ws-mono);font-size:10.5px;font-weight:500;color:#5f5c56;width:18px} html body .navlabel::after{content:"";margin-left:auto;width:6px;height:6px;border-right:1.5px solid #6f6c66;border-bottom:1.5px solid #6f6c66;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s} html body .navlabel:hover{color:#fff!important} html body .navgroup-labeled.ws-closed .navitems{display:none!important} html body .navgroup-labeled.ws-closed .navlabel::after{transform:rotate(-45deg)} html body .navgroup-labeled.ws-has-active .navlabel{color:#fff!important} html body .navgroup-labeled.ws-has-active .navlabel::before{color:var(--ws-hot)} html body .navgroup-labeled .ws-count{font-family:var(--ws-mono);font-size:10.5px;color:#5f5c56;font-weight:500} html body .navgroup-labeled:not(.ws-closed) .ws-count{display:none} html body .navitems{padding:0 0 10px!important;gap:1px!important} html body .navitems a{padding-left:42px!important;min-height:34px!important;font-size:13.5px!important} html body .navitems a svg{display:none!important} html body .navgroup:not(.navgroup-labeled) .navitems{padding:4px 0 8px!important} html body .navgroup:not(.navgroup-labeled) .navitems a{padding-left:14px!important;font-weight:700} html body .navgroup:not(.navgroup-labeled) .navitems a svg{display:inline-block!important} html body .bw-ledger-guides h2,html body .bw-ledger-guides h3,html body .bw-ledger-guides strong,html body .bw-ledger-shortcuts h2,html body .bw-ledger-shortcuts h3,html body .bw-ledger-shortcuts strong{color:var(--ws-ink)!important} html body .bw-ledger-shortcuts svg,html body .bw-ledger-guides svg{color:var(--ws-ink)!important} html body .record-hero,html body .record-hero *,html body .settlehero,html body .settlehero *{color:#fff!important} html body .record-hero strong,html body .record-hero b,html body .settlehero strong{font-weight:850!important;letter-spacing:-.04em} /* ---------- login signature (shared with the company site) ---------- */ html body .loginvisual{display:flex!important;flex-direction:column} html body .ws-sig{margin-top:auto;padding-top:28px} html body .ws-kicker{display:flex;align-items:center;gap:10px;font:600 12px/1 var(--ws-mono);letter-spacing:.16em;color:#B8B4AA} html body .ws-kicker::before{content:"";width:8px;height:8px;border-radius:50%!important;background:var(--ws-hot);animation:ws-rec 1.6s infinite} @keyframes ws-rec{50%{opacity:.25}} html body .ws-big{font-weight:900;font-size:clamp(56px,8.4vw,132px);line-height:.86;letter-spacing:-.045em;color:#fff;margin-top:16px;text-transform:uppercase} html body .ws-big span{display:block;color:transparent;-webkit-text-stroke:1.5px #D7D2C8} html body .loginvisual .login-message{margin-top:22px!important;padding-top:18px;border-top:1px solid var(--ws-nline)} html body .loginvisual .login-message h1{font-size:clamp(20px,2vw,26px)!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.3!important} html body .loginvisual .login-message h1 br{display:none} html body .loginvisual .login-message p{font-size:14px!important;margin-top:6px} html body .loginvisual>small{display:none!important} html body .ws-ticker{margin:28px calc(-1 * var(--ws-gut,48px)) 0;border-top:1px solid var(--ws-nline);overflow:hidden;white-space:nowrap} html body .ws-ticker div{display:inline-flex;gap:38px;padding:14px 0;animation:ws-roll 40s linear infinite;font-weight:800;font-size:15px;letter-spacing:.14em;color:#8A877F} html body .ws-ticker span::after{content:"✦";color:var(--ws-hot);margin-left:38px;font-size:10px;vertical-align:2px} @keyframes ws-roll{to{transform:translateX(-50%)}} @media (max-width:900px){html body .ws-big{font-size:clamp(48px,15vw,92px)}html body .ws-ticker{display:none}} /* Bebas Neue (SIL OFL 1.1, © 2010 Dharma Type) — same display face as the company site */ @font-face{font-family:'Bebas Neue';src:url('/fonts/BebasNeue-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F} html body .ws-big{font-family:'Bebas Neue',Impact,sans-serif!important;font-weight:400!important;letter-spacing:.005em!important;line-height:.82!important;font-size:clamp(76px,10.5vw,176px)!important} html body .ws-big span{-webkit-text-stroke:1.5px #D7D2C8} html body .ws-kicker{font-family:'Bebas Neue',Impact,sans-serif!important;font-weight:400!important;font-size:15px!important;letter-spacing:.08em!important;color:var(--ws-nmute)!important} html body .ws-ticker div{font-family:'Bebas Neue',Impact,sans-serif!important;font-weight:400!important;font-size:24px!important;letter-spacing:.08em!important;color:#CFCBC2!important} @media (max-width:900px){html body .ws-big{font-size:clamp(64px,20vw,120px)!important}} /* ---------- pass 3: document rhythm, alignment and legibility (audit findings) ---------- */ /* title box: label above value, readable on black */ html body .record-hero{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:8px!important;padding:22px 26px!important;margin:0 0 28px!important;border-left:4px solid var(--ws-hot)!important} html body .record-hero>span{font-size:12px!important;font-weight:600!important;letter-spacing:.04em;color:#BDB9B0!important} html body .record-hero strong{display:block;margin:0!important;color:#fff!important;font-size:clamp(22px,2.2vw,28px)!important;line-height:1.3!important} /* info table: one baseline per row, rows reach the full width */ html body .record-facts{column-gap:32px!important} html body .record-facts>div{align-items:baseline!important;padding:13px 0!important;border-bottom:1px solid var(--ws-line)!important} html body .record-facts dt{font-size:12.5px!important;line-height:1.6!important;color:var(--ws-mute)!important} html body .record-facts dd{font-size:14px!important;line-height:1.6!important;color:var(--ws-ink)!important} html body .record-facts>.ws-solo{grid-column:1/-1} /* vertical rhythm between document blocks */ html body .record-paper>*+.record-section,html body .record-facts+.record-section,html body .record-section+.record-section{margin-top:36px!important} html body .record-section{margin-bottom:0!important} html body .record-section>h3{margin:0 0 6px!important;padding-bottom:4px} html body .record-section>*+*:not(h3){margin-top:18px!important} html body .record-section>h3+*{margin-top:4px!important} html body .record-paper .wf-form>.field+.actions,html body .record-paper .wf-form>.field+button,html body .wf-form>label.field.full+.actions,html body .wf-form>label.field.full+button{margin-top:14px!important} html body .record-paper .actions+details,html body .record-paper form+details{margin-top:18px!important} html body .record-paper details>summary{cursor:pointer;color:var(--ws-ink-2);font-size:14px;padding:6px 0} html body .record-footer{margin-top:40px!important} /* calm focus: no alarm-red frame on ordinary typing */ html body input:focus,html body select:focus,html body textarea:focus{outline:none!important;border-color:var(--ws-ink)!important;box-shadow:0 0 0 3px rgba(255,77,31,.18)!important} html body .record-paper textarea{background:#fff!important;min-height:120px} /* legibility floor (audit: ratio < 3) */ html body .empty,html body td.empty,html body .record-paper .empty{color:var(--ws-mute)!important} html body .wf-weekday,html body .filearea p,html body .fleet-placeholder,html body header.record-title p,html body .record-footer span,html body .record-edition,html body .wf-event small,html body .wf-tabs a{color:var(--ws-mute)!important} html body .navgroup-labeled .ws-count{color:#8A877F!important} html body .wf-day.selected,html body .wf-day.selected button,html body .wf-day.selected .quiet{color:#fff!important} html body .wf-day.selected{background:var(--ws-ink)!important} html body .admin-permission-check.unavailable span{color:var(--ws-mute)!important} html body .record-paper>*+.actions,html body .record-paper>*+.formfoot{margin-top:28px!important} /* table headers carry Korean: no mono face, no tracking */ html body th{font-family:inherit!important;letter-spacing:0!important;text-transform:none!important;font-size:12.5px!important;font-weight:600!important} html body .record-footer span:last-child{letter-spacing:0!important} /* ---------- pass 4: manager walkthrough fixes ---------- */ /* forms inside documents: sections are plain, titled like .record-section h3 */ html body .record-paper .card,html body .record-form-stack>.card{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important} html body .record-form-stack>.card+.card{margin-top:36px!important} html body .record-form-stack>.card>h2{display:flex;align-items:center;gap:12px;font-size:15px!important;font-weight:800!important;margin:0 0 14px!important;padding:0!important;background:transparent!important;border:0!important} html body .record-form-stack>.card>h2::after{content:"";flex:1;height:1px;background:var(--ws-line)} html body .record-paper .fields{gap:16px 22px!important} html body .record-paper .filearea{padding:18px!important;border:1px dashed var(--ws-line-2)!important;background:var(--ws-bone)!important} html body .record-paper .filebtns{gap:10px!important;margin-top:12px!important} /* one field look everywhere; read-only fields stay paper-toned */ html body #app :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]){background:#fff!important;border:1px solid var(--ws-line-2)!important;color:var(--ws-ink)!important} html body #app :is(input,select,textarea):disabled,html body #app :is(input,textarea)[readonly]{background:var(--ws-bone)!important;color:var(--ws-ink-2)!important} html body #app :is(input,select,textarea):focus{border-color:var(--ws-ink)!important} /* action bars: no box, one button height */ html body .formfoot{border:0!important;border-top:1px solid var(--ws-line)!important;background:var(--ws-sheet)!important;box-shadow:0 -10px 24px -18px rgba(11,11,11,.35)!important;padding:14px 0!important;gap:10px!important} html body .record-paper .formfoot{background:#fff!important} html body :is(.formfoot,.record-paper .actions,.pagehead .actions,.wf-row-actions) :is(button,a.bw-button,a.wf-button,.buttonlink){min-height:44px!important;height:44px!important;padding:0 18px!important;display:inline-flex!important;align-items:center;justify-content:center} /* schedule dots: square, upright; the connecting line stays vertical */ html body .rd-time-dot{transform:none!important;width:9px!important;height:9px!important} /* correction card: paper with an orange edge, not cream */ html body :is(.rd-correction,.rd-correction-card){background:var(--ws-sheet)!important;border:1px solid var(--ws-line-2)!important;border-left:4px solid var(--ws-hot)!important} /* ledgers: horizontal rules only */ html body #app table{border:0!important} html body #app :is(td,th){border-left:0!important;border-right:0!important} html body #app tbody td{border-bottom:1px solid var(--ws-line)!important} /* tabs: rule spans the full card */ html body .bw-tabs{width:100%!important;border-bottom:1px solid var(--ws-line-2)!important} /* kind tags (사용 경비 / 거래처 청구) are categories, not states: a colour bar like the guide cards */ html body .bw-pill:not(.approved):not(.returned):not(.waiting):not(.muted){background:transparent!important;border:0!important;border-left:3px solid var(--ws-ink)!important;color:var(--ws-ink)!important;padding:1px 0 1px 8px!important;font-weight:700!important} html body .bw-pill.blue{border-left-color:var(--ws-hot)!important} html body .bw-pill:not(.approved):not(.returned):not(.waiting):not(.muted)::before{display:none!important} /* states: compact, left-aligned marker + label */ html body :is(.badge,.bw-pill,.rd-status,.admin-status,.admin-user-state){display:inline-flex!important;align-items:center;gap:7px;padding:3px 9px 3px 8px!important;white-space:nowrap;width:auto!important;min-width:0!important;justify-content:flex-start!important} html body :is(.badge,.bw-pill,.rd-status,.admin-status,.admin-user-state)::before{position:static!important;margin:0!important;flex:none} html body .bw-pill.muted{border-color:transparent!important;color:var(--ws-mute)!important;padding-left:0!important} html body .bw-pill.muted::before{display:none!important} html body .bw-pill.ws-kind{background:transparent!important;border:0!important;border-left:3px solid var(--ws-ink)!important;color:var(--ws-ink)!important;padding:1px 0 1px 8px!important;font-weight:700!important} html body .bw-pill.ws-kind.ws-kind-bill{border-left-color:var(--ws-hot)!important} html body .bw-pill.ws-kind::before{display:none!important} html body .tablewrap{border:0!important;box-shadow:none!important} html body .bw-tabs{border-bottom:0!important} html body .bw-tabs+*{border-top:1px solid var(--ws-line-2)} /* pass 4b */ html body [class*=tabs] :is(button,a){border-bottom-color:transparent!important} html body .rd-correction-card{border-left:1px solid var(--ws-line-2)!important} html body .rd-correction{border-left:4px solid var(--ws-hot)!important} html body :is(.wf-upload,.receipt-upload,.filearea){border:1px dashed var(--ws-line-2)!important;background:var(--ws-bone)!important} html body :is(.wf-upload,.receipt-upload,.filearea) :is(button,label.buttonlink){border:1px solid var(--ws-line-2)!important;background:#fff!important;color:var(--ws-ink)!important;font-weight:700!important} html body :is(.wf-upload,.receipt-upload,.filearea) button:hover{border-color:var(--ws-ink)!important} html body .detailrow.reporter{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px!important} html body .detailrow.reporter strong{margin:0!important} html body :is(.formfoot,.record-paper .actions) :is(button,a){font-size:14px!important} html body .detailrow.reporter{flex-direction:row!important;text-align:left!important} html body .detailrow.reporter>*{display:inline!important;width:auto!important;text-align:left!important} html body :is(.formfoot,.record-paper .actions,.pagehead .actions,.wf-row-actions) :is(button,a){white-space:nowrap!important;min-width:64px} @media (max-width:700px){ html body .formfoot{flex-wrap:nowrap!important} html body .formfoot :is(button,a){padding:0 12px!important} html body .formfoot :is(button,a).primary{flex:1 1 auto} } /* ---------- pass 5: CEO / accountant walkthrough ---------- */ /* notification rows on dashboards are list rows, not notice banners */ html body a.bw-notice{display:flex!important;flex-direction:column;gap:2px;border:0!important;border-bottom:1px solid var(--ws-line)!important;background:transparent!important;padding:14px 4px 14px 16px!important;box-shadow:inset 3px 0 0 var(--ws-ink)!important;margin:0!important} html body a.bw-notice+a.bw-notice{margin-top:8px!important} html body a.bw-notice:hover{background:#fff!important} html body a.bw-notice small{color:var(--ws-mute)!important} /* CEO review list: underline tabs like everywhere else; selected row stays inside the card */ html body .rd-tabs{width:100%!important;border:0!important;border-bottom:1px solid var(--ws-line-2)!important;overflow:visible!important;gap:4px} html body .rd-tabs button{border:0!important;border-right:0!important;background:transparent!important;padding:10px 16px!important;min-height:42px} html body .rd-review-row.selected{margin:0!important;padding:13px 12px!important;border:0!important;background:#fff!important;box-shadow:inset 3px 0 0 var(--ws-hot)!important} /* inner link spans inside buttons don't get their own frame */ html body a.buttonlink:has(>.fleet-link){border:0!important;padding:0!important;background:transparent!important;min-height:0!important;height:auto!important;box-shadow:none!important} html body .fleet-link{display:inline-flex!important;align-items:center;justify-content:center;height:44px!important;padding:0 18px!important;border:1.5px solid var(--ws-ink)!important;background:transparent!important;color:var(--ws-ink)!important;font-weight:700!important;white-space:nowrap} html body .fleet-link.primary{background:var(--ws-ink)!important;color:#fff!important} html body a.buttonlink:hover>.fleet-link{background:var(--ws-ink)!important;color:#fff!important} /* table captions read like section titles */ html body #app caption{caption-side:top;text-align:left!important;font-size:15px;font-weight:800;padding:0 0 10px!important;color:var(--ws-ink)} /* checkboxes sit inline with their label */ html body #app label :is(input[type=checkbox],input[type=radio]){display:inline-block!important;width:16px!important;height:16px!important;min-height:0!important;margin:0 8px 0 0!important;vertical-align:-3px;flex:none} html body #app label>span:has(>input[type=checkbox]){display:inline-flex!important;align-items:center;gap:0} /* scrollable tables show an edge shadow while more columns are hidden */ html body .tablewrap{ background: linear-gradient(to right,var(--ws-sheet) 30%,rgba(248,246,241,0)) left center/28px 100% no-repeat local, linear-gradient(to left,var(--ws-sheet) 30%,rgba(248,246,241,0)) right center/28px 100% no-repeat local, radial-gradient(farthest-side at 0 50%,rgba(11,11,11,.22),rgba(11,11,11,0)) left center/12px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%,rgba(11,11,11,.22),rgba(11,11,11,0)) right center/12px 100% no-repeat scroll!important} html body .record-paper .tablewrap{ background: linear-gradient(to right,#fff 30%,rgba(255,255,255,0)) left center/28px 100% no-repeat local, linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) right center/28px 100% no-repeat local, radial-gradient(farthest-side at 0 50%,rgba(11,11,11,.22),rgba(11,11,11,0)) left center/12px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%,rgba(11,11,11,.22),rgba(11,11,11,0)) right center/12px 100% no-repeat scroll!important} html body .tablewrap :is(td,th){background:transparent!important} /* ---------- pass 6: director walkthrough ---------- */ /* read-only/disabled fields must look read-only (same selector weight as the white-field rule, plus state) */ html body #app :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]):is(:disabled,[readonly]){background:var(--ws-bone)!important;color:var(--ws-ink-2)!important;border-color:var(--ws-line)!important;opacity:1!important;-webkit-text-fill-color:var(--ws-ink-2)} /* document titles: one tracking for every paper */ html body .record-title :is(h1,h2){letter-spacing:-.02em!important} html body #app .pagehead .actions > .ws-dup{display:none!important} /* ---------- pass 7: mobile parity with PC ---------- */ /* buttons wrapped in a link (e.g. + 경비 등록) get one frame, not two — every size */ html body #app a.buttonlink:has(>button){border:0!important;padding:0!important;background:transparent!important;min-height:0!important;height:auto!important;box-shadow:none!important} /* icons on black quick-action buttons were drawn in ink (invisible) */ html body .rd-quick-actions .rd-link.primary svg{color:#fff!important;stroke:#fff!important} .ws-strip{display:none} @media (max-width:800px){ /* 1. compact header: 56px bar, smaller lockup */ html body .mobilehead{min-height:56px!important;padding:6px 12px 6px 16px!important} html body .mobilehead .workspace-brand{--brand-width:124px!important} /* 2. PC menu groups as a strip under the header */ html body .ws-strip{display:block;position:sticky;top:56px;z-index:19;background:var(--ws-bone);border-bottom:1px solid var(--ws-line-2)} html body .ws-strip>div{display:flex;overflow-x:auto;scrollbar-width:none;padding:0 16px;gap:2px} html body .ws-strip>div::-webkit-scrollbar{display:none} html body .ws-strip a{flex:none;display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;color:var(--ws-mute)!important;font-weight:700;letter-spacing:-.01em} html body .ws-strip-main a{height:44px;padding:0 12px;font-size:14px;box-shadow:inset 0 -2px 0 transparent} html body .ws-strip-main a.on{color:var(--ws-ink)!important;box-shadow:inset 0 -2px 0 var(--ws-hot)} html body .ws-strip-sub{background:var(--ws-sheet);border-top:1px solid var(--ws-line);padding-block:6px!important;gap:6px!important} html body .ws-strip-sub a{height:30px;padding:0 12px;font-size:13px;border:1px solid var(--ws-line-2)} html body .ws-strip-sub a.on{background:var(--ws-ink);border-color:var(--ws-ink);color:#fff!important} /* 4. manager quick actions: one row of PC-style buttons instead of tall black tiles */ html body .rd-quick-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 16px!important} html body .rd-quick-actions .rd-link{flex-direction:row!important;min-height:46px!important;height:46px;padding:0 6px!important;gap:6px!important;justify-content:center;align-items:center;font-size:14px!important} html body .rd-quick-actions .rd-link .rd-icon{width:18px!important;height:18px!important;flex:none} } @media (max-width:800px){ /* 3. CEO review tabs stay one line; scroll sideways if needed */ html body .rd-tabs{display:flex!important;overflow-x:auto!important;scrollbar-width:none;flex-wrap:nowrap!important} html body .rd-tabs button{flex:none!important;white-space:nowrap!important;padding:10px 12px!important} } /* ---------- pass 8: content review ---------- */ html body .navgroup-labeled .ws-count{display:none!important} /* "01 · 제목" headings match numbered document sections */ html body .record-paper :is(h2,h3).ws-sec{display:flex!important;align-items:center;gap:11px!important;font-size:15px!important;font-weight:700!important;letter-spacing:-.03em!important;color:var(--ws-ink)!important;background:transparent!important;border:0!important;padding:0 0 4px!important;margin:0 0 14px!important} html body .record-paper :is(h2,h3).ws-sec>span{font-size:11px;font-weight:400;letter-spacing:1px;color:var(--ws-mute)} html body .record-paper :is(h2,h3).ws-sec::after{content:"";flex:1;height:1px;background:var(--ws-bone-2)} /* notes for empty choices and form hints */ html body .ws-empty-note,html body .ws-hint{margin:6px 0 0!important;font-size:13px;line-height:1.5;color:var(--ws-mute)!important} html body .ws-hint{margin:0 0 12px!important} html body .ws-empty-note .textlink,html body .ws-hint .textlink{color:var(--ws-ink)!important;font-weight:700;text-decoration:underline;text-underline-offset:3px;margin-left:4px} html body select.ws-empty-select{color:var(--ws-mute)!important} /* a single checkbox field (e.g. 종일 일정) reads as box + label, aligned with its row */ html body #app label.wf-check{display:flex!important;flex-direction:row-reverse!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;align-self:end;min-height:46px;text-align:left!important} /* 운행 목적 spans the row like its detail view; actor share inputs use the same grid as other fields */ html body #fleet-trip-form label:has([name=purpose]){grid-column:1/-1} html body .fleet-actor-inputs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:22px!important;row-gap:14px!important} html body .fleet-actor-inputs>*{margin:0!important} html body .fleet-actor-inputs[hidden]{display:none!important} @media (max-width:700px){html body .fleet-actor-inputs{grid-template-columns:1fr!important}} /* a text link sitting in a document's action bar is a secondary button */ html body .formfoot a.textlink{display:inline-flex!important;align-items:center;height:44px;padding:0 18px!important;border:1.5px solid var(--ws-ink)!important;color:var(--ws-ink)!important;font-weight:700;text-decoration:none!important;white-space:nowrap;background:transparent} html body .formfoot a.textlink:hover{background:var(--ws-ink)!important;color:#fff!important} html body .record-paper h2.ws-hide{display:none!important} html body .record-paper :is(h2,h3).ws-sec>span.filecount{font-size:11px;color:var(--ws-ink);letter-spacing:0;margin-left:-4px} /* ---------- pass 9: workflow changes ---------- */ /* 매니저 첫 화면: 등록 5개 한 줄, 아래 중복 카드 없음 */ html body .rd-entry-card{display:none!important} @media (min-width:801px){html body .rd-manager .rd-quick-actions{position:static!important;display:flex!important;flex-wrap:wrap;gap:8px!important;margin:0 0 18px!important}} /* 대표 일괄 승인 */ html body .rd-bulk{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0 6px} html body .rd-bulk small{color:var(--ws-mute);font-size:12.5px} html body .rd-pick{display:flex;align-items:center;justify-content:center;width:28px;flex:none;margin:0!important} html body .rd-pick input{width:18px!important;height:18px!important;margin:0!important;accent-color:var(--ws-ink)} html body .rd-review-row:has(.rd-pick){grid-template-columns:28px 42px minmax(0,1fr) auto auto auto auto!important} /* 대표 첫 화면: 근무일지 승인 대기 */ html body .rd-worklog-alert{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:14px 16px;border:1.5px solid var(--ws-ink);background:var(--ws-sheet);color:var(--ws-ink)!important;text-decoration:none} html body .rd-worklog-alert strong{font-weight:800} html body .rd-worklog-alert span{color:var(--ws-mute);font-size:13px;flex:1} html body .rd-worklog-alert .rd-icon{width:20px;height:20px;flex:none} html body .rd-worklog-alert:hover{background:#fff} /* review rows with a checkbox: same inner padding whether selected or not */ html body .rd-review-row:has(.rd-pick){padding-left:12px!important;padding-right:12px!important} /* phones: 5 registration buttons fill two full rows (3 + 2) */ @media (max-width:800px){ html body .rd-manager .rd-quick-actions{grid-template-columns:repeat(6,minmax(0,1fr))!important} html body .rd-manager .rd-quick-actions>*{grid-column:span 2} html body .rd-manager .rd-quick-actions>:nth-child(n+4){grid-column:span 3} } /* ---------- pass 10: field style · cinema frame (2026-10-14, 사용자 선택 A-01) ---------- One geometry for every field: 44px tall, 1px warm hairline, ink corner marks (the login frame motif). Focus: ink border + orange corners. Read-only: bone fill + muted corners. Login keeps its own larger fields. */ html body #app :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]){ --wc:var(--ws-ink);--wl:9px;--wt:1.5px; height:44px!important;min-height:44px!important;padding:0 14px!important; border:1px solid #DDD7CA!important;border-radius:0!important; background-color:#fff!important; background-image: linear-gradient(var(--wc),var(--wc)),linear-gradient(var(--wc),var(--wc)), linear-gradient(var(--wc),var(--wc)),linear-gradient(var(--wc),var(--wc)), linear-gradient(var(--wc),var(--wc)),linear-gradient(var(--wc),var(--wc)), linear-gradient(var(--wc),var(--wc)),linear-gradient(var(--wc),var(--wc))!important; background-size:var(--wl) var(--wt),var(--wt) var(--wl),var(--wl) var(--wt),var(--wt) var(--wl),var(--wl) var(--wt),var(--wt) var(--wl),var(--wl) var(--wt),var(--wt) var(--wl)!important; background-position:left top,left top,right top,right top,left bottom,left bottom,right bottom,right bottom!important; background-repeat:no-repeat!important; box-shadow:none!important;outline:none!important; font-family:inherit!important;font-size:14.5px!important;font-weight:500!important;line-height:normal!important;color:var(--ws-ink)!important; font-variant-numeric:tabular-nums;box-sizing:border-box!important;transition:border-color .12s} /* text areas keep their height, same frame */ html body #app textarea:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]){height:auto!important;min-height:112px!important;padding:12px 14px!important;line-height:1.6!important;resize:vertical} /* selects: custom thin chevron as the first background layer */ html body #app select:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]){ appearance:none!important;-webkit-appearance:none!important;padding-right:38px!important;cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%2377746C' stroke-width='1.4'/%3E%3C/svg%3E"), linear-gradient(var(--wc),var(--wc)),linear-gradient(var(--wc),var(--wc)), linear-gradient(var(--wc),var(--wc)),linear-gradient(var(--wc),var(--wc)), linear-gradient(var(--wc),var(--wc)),linear-gradient(var(--wc),var(--wc)), linear-gradient(var(--wc),var(--wc)),linear-gradient(var(--wc),var(--wc))!important; background-size:12px 12px,var(--wl) var(--wt),var(--wt) var(--wl),var(--wl) var(--wt),var(--wt) var(--wl),var(--wl) var(--wt),var(--wt) var(--wl),var(--wl) var(--wt),var(--wt) var(--wl)!important; background-position:right 14px center,left top,left top,right top,right top,left bottom,left bottom,right bottom,right bottom!important} /* numbers read right-aligned like a ledger */ html body #app input[inputmode=decimal]:not([type=hidden]){text-align:right!important} html body #app input::placeholder,html body #app textarea::placeholder{color:var(--ws-faint)!important;font-weight:400} html body #app input::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer} html body #app input::-webkit-calendar-picker-indicator:hover{opacity:.9} /* hover / focus */ html body #app :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]):hover{border-color:#C4BCAC!important} html body #app :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]):focus{--wc:var(--ws-hot);--wl:12px;--wt:2px;border-color:var(--ws-ink)!important} /* read-only / disabled: bone fill, muted corners (stays visibly different from editable fields) */ html body #app :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]):is(:disabled,[readonly]){--wc:#B5AE9F;background-color:var(--ws-bone)!important;color:var(--ws-ink-2)!important;border-color:var(--ws-line)!important;cursor:default;-webkit-text-fill-color:var(--ws-ink-2)} /* one label line above every field: 12px, 8px gap, same baseline across a row */ html body #app .date-query{align-items:flex-end!important;gap:12px!important} html body #app .date-query label{gap:8px!important;font-size:12px!important;font-weight:600!important;line-height:16px!important;color:var(--ws-ink-2)!important} html body #app .date-query :is(input,select){min-width:150px!important} html body #app .date-query>p{margin:0!important;min-height:44px;display:flex!important;align-items:center;font-size:12.5px!important;line-height:1.4!important;color:var(--ws-mute)!important} /* phones: 16px text stops iOS from zooming into a field */ @media (max-width:700px){html body #app :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=range]):not([type=color]){font-size:16px!important}} /* every field label: one size, weight and line box, so label→box spacing is identical everywhere */ html body #app label.field:not(.wf-check),html body #app .date-query label,html body #app .client-workspace label.field{font-size:12px!important;font-weight:600!important;line-height:16px!important;gap:8px!important;color:var(--ws-ink-2)!important;letter-spacing:-.01em} /* ---------- pass 11: legibility (2026-10-14) ---------- secondary text one step darker (#5E5B54); inactive tabs read clearly: darker, 600, 14px */ html body :is(.tabs,.wf-tabs,.rd-tabs,.bw-tabs,.section-tabs) :is(a,button):not(.active):not([aria-selected=true]){color:var(--ws-ink-2)!important;font-weight:600!important;font-size:14px!important} html body :is(.tabs,.wf-tabs,.rd-tabs,.bw-tabs,.section-tabs) :is(.active,[aria-selected=true]){font-size:14px!important} html body :is(.tabs,.wf-tabs,.rd-tabs,.bw-tabs,.section-tabs) :is(a,button):not(.active):not([aria-selected=true]):hover{color:var(--ws-ink)!important} /* ---------- pass 12: login signature, small (2026-10-15 사용자 선택 A) ---------- "THE BIG PICTURE" as one line at about a third of the old size, so the logo and the message lead */ html body .loginvisual .ws-big,html body .loginvisual .ws-big[aria-hidden]{font-size:44px!important;line-height:1!important;margin-top:12px!important;letter-spacing:.02em!important} html body .loginvisual .ws-big span{display:inline!important;margin-left:.28em;-webkit-text-stroke:1px #D7D2C8} @media (max-width:900px){html body .loginvisual .ws-big,html body .loginvisual .ws-big[aria-hidden]{font-size:40px!important}} /* 사용 경비 검토 — 일괄 승인·회계 확인 */ .bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;margin:0 0 12px;border:1px solid var(--ws-line,#DDD7CA);background:#fff} .bulk-bar .bulk-count{font-weight:700;font-variant-numeric:tabular-nums} .bulk-col{width:44px;text-align:center} .bulk-col input{width:20px;height:20px;cursor:pointer;accent-color:#16150F} .record-summary{margin:4px 0 10px;font-size:14px} .record-group{border:1px solid #DDD7CA;background:#fff;margin:8px 0}.record-group>summary{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;list-style:none;font-size:15px}.record-group>summary::-webkit-details-marker{display:none}.record-group>summary::before{content:'▸';margin-right:8px;transition:transform .15s}.record-group[open]>summary::before{transform:rotate(90deg)}.record-group>summary strong{flex:1}.record-group>summary span{color:#6E6A61;font-variant-numeric:tabular-nums}.record-group-2{margin:0 10px 10px;background:#FBFAF6}.record-group-2>summary{font-size:14px;padding:10px 12px}.record-group-2 .tablewrap{margin:0 8px 8px}.record-group-actions{justify-content:flex-start;margin:4px 0} .query-action{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:0 0 18px}.query-action .query-apply{min-width:96px;padding:10px 22px;border:1px solid #16150F;background:#16150F;color:#fff;font-weight:700;font-size:14px;cursor:pointer}.query-action .query-apply.is-pending{background:#E8461E;border-color:#E8461E;box-shadow:0 0 0 3px rgba(232,70,30,.18)}.query-action .query-status{font-size:13px;color:#1F7A4D}.query-action .query-status.is-pending{color:#B3261E;font-weight:700}.date-mode{display:contents}.date-mode[hidden]{display:none!important} html body .query-action .query-apply{color:#fff!important;background:#16150F!important;border-color:#16150F!important;min-height:40px}html body .query-action .query-apply.is-pending{background:#E8461E!important;border-color:#E8461E!important}html body .query-action .query-status{color:#1F7A4D!important;font-size:13px!important}html body .query-action .query-status.is-pending{color:#B3261E!important} html body .manager-checks{display:flex;flex-direction:column;gap:8px}html body .manager-checks .checks{display:flex;flex-wrap:wrap;gap:10px 26px}html body .manager-checks label.check{display:inline-flex!important;align-items:center;gap:8px;font-size:15px;margin:0!important}html body .manager-checks input[type=checkbox]{width:20px;height:20px;accent-color:#16150F} html body .admin-account-actions .admin-danger{color:#B3261E!important;border-color:#E3B3AE!important} html body #fleet-model-name[hidden]{display:none!important}