/* PC Scientist admin - style backfill. Rules from crm/src for classes the live admin markup uses but the live CSS bundle never shipped. Regenerate with tmp/admin-polish/backfill.py; pcs-admin-form-polish.css loads after and refines. */ /* Sheets portalled to sit outside .pcs-app and lose the theme tokens. */ body > .pcs-modal { --pcs-navy: #122241; --pcs-ink: #122241; --pcs-purple: #6b6ce0; --pcs-lavender: #cdc9cd; --pcs-slate: #8494a7; --pcs-muted: #4d5f75; --pcs-border: #cdc9cd; --pcs-surface: #ffffff; --pcs-space: 4px; color: #122241; } @keyframes pcs-template-select-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } } /* from crm/src/pcs-admin/styles/pcs-new-invoice.css */ @media (max-width: 1023px) { .pcs-new-invoice-page .pcs-total-bar { min-height: 3rem; padding: 0.85rem 1rem; font-size: 1rem; border-color: color-mix(in srgb, var(--pcs-purple) 40%, var(--pcs-border)); } } /* from crm/src/pcs-admin/styles/pcs-stock.css */ .pcs-stock-page--compact .pcs-stock-list-panel { padding: 0.65rem; gap: 0; } .pcs-stock-page--compact .pcs-stock-list-panel .pcs-list-panel__bar { gap: 0.65rem; } .pcs-stock-page--compact .pcs-stock-list-panel .pcs-list-panel__actions { padding-top: 0.65rem; border-top: 1px solid var(--pcs-lavender, #cdc9cd); } /* from crm/src/pcs-admin/styles/pcs.css */ .pcs-modal__content--scroll { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; } .pcs-modal__card--sm { width: min(24rem, 100%); padding: 1rem 1.1rem 1.15rem; } .pcs-modal__card--md { width: min(32rem, 100%); padding: 1rem 1.1rem 1.15rem; } .pcs-modal__card--lg { width: min(42rem, 100%); padding: 1.1rem 1.2rem 1.25rem; } .pcs-modal__card--tasks { width: min(32rem, 100%); padding: 1rem 1.1rem 1.15rem; } .pcs-modal__head--danger { margin: -1rem -1.1rem 1rem; padding: 0.85rem 1rem; border-bottom: none; background: #b91c1c; border-radius: var(--pcs-radius-lg) var(--pcs-radius-lg) 0 0; } .pcs-modal__head--danger .pcs-modal__title { color: #fff; display: inline-flex; align-items: center; gap: 0.5rem; } .pcs-modal__head--danger .pcs-modal__close { background: rgba(255, 255, 255, 0.15); color: #fff; } .pcs-modal__head--danger .pcs-modal__close:hover, .pcs-modal__head--danger .pcs-modal__close:focus-visible { background: rgba(255, 255, 255, 0.28); color: #fff; } .pcs-job-panel:not(.pcs-job-panel--modal) { padding: 1rem 1.1rem; border: 1px solid var(--pcs-navy); border-radius: var(--pcs-radius-lg); background: var(--pcs-surface); } .pcs-job-panel--modal { gap: 0.65rem; } .pcs-job-panel__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; } .pcs-job-panel__list { display: flex; flex-direction: column; gap: 0.45rem; max-height: min(50vh, 20rem); overflow-y: auto; } .pcs-job-panel__item { padding: 0.75rem 0.85rem; border: 1px solid var(--pcs-border); border-radius: var(--pcs-radius); background: rgba(18, 34, 65, 0.03); } .pcs-job-panel__item-text { margin: 0; font-size: 0.9375rem; line-height: 1.5; color: var(--pcs-ink); white-space: pre-wrap; } .pcs-job-panel__item-meta { margin: 0.35rem 0 0; font-size: 0.75rem; color: var(--pcs-slate); text-align: right; } .pcs-timeline { display: flex; flex-direction: column; gap: 0.75rem; } .pcs-timeline__day { border: 1px solid rgba(18, 34, 65, 0.12); border-radius: 12px; background: #fff; overflow: hidden; } .pcs-timeline__day-head { display: flex; align-items: center; gap: 0.5rem; padding: 0.65rem 0.75rem; background: rgba(18, 34, 65, 0.04); border-bottom: 1px solid rgba(18, 34, 65, 0.08); } .pcs-timeline__day-dot { width: 0.55rem; height: 0.55rem; border-radius: 999px; background: var(--pcs-navy); box-shadow: 0 0 0 2px rgba(18, 34, 65, 0.12); } .pcs-timeline__day-title { margin: 0; font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.02em; text-transform: uppercase; color: var(--pcs-navy); } .pcs-timeline__items { display: flex; flex-direction: column; } .pcs-timeline__item { display: grid; grid-template-columns: 2rem 1fr; gap: 0.65rem; padding: 0.7rem 0.75rem; border-top: 1px dashed rgba(18, 34, 65, 0.12); } .pcs-timeline__item:first-child { border-top: none; } .pcs-timeline__icon { width: 2rem; height: 2rem; border-radius: 10px; border: 1px solid rgba(18, 34, 65, 0.12); background: rgba(107, 108, 224, 0.08); display: grid; place-items: center; color: var(--pcs-navy); } .pcs-timeline__content { min-width: 0; } .pcs-timeline__top { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; } .pcs-timeline__time { font-size: 0.75rem; color: var(--pcs-slate); white-space: nowrap; } .pcs-timeline__text { margin: 0.4rem 0 0; font-size: 0.875rem; line-height: 1.35; color: var(--pcs-navy); white-space: pre-wrap; word-break: break-word; } .pcs-timeline__meta { margin-top: 0.4rem; display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; justify-content: space-between; } .pcs-timeline__by { font-size: 0.75rem; color: var(--pcs-slate); } .pcs-timeline__extras { margin-top: 0.5rem; display: flex; flex-direction: column; gap: 0.35rem; } .pcs-timeline__extras-row { margin: 0; font-size: 0.8125rem; line-height: 1.4; color: var(--pcs-muted); } .pcs-timeline__extras-label { font-weight: 700; color: var(--pcs-navy); margin-right: 0.35rem; } .pcs-timeline__extras-value { color: var(--pcs-muted); } .pcs-timeline__extras-actions { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-top: 0.15rem; } .pcs-timeline__extras-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; min-height: 2.25rem; padding: 0.35rem 0.65rem; border: 1px solid var(--pcs-border); border-radius: 6px; background: #fff; font-family: inherit; font-size: 0.75rem; font-weight: 700; color: var(--pcs-navy); cursor: pointer; text-decoration: none; touch-action: manipulation; } .pcs-timeline__extras-btn:hover, .pcs-timeline__extras-btn:focus-visible { border-color: var(--pcs-purple); outline: 2px solid var(--pcs-purple); outline-offset: 1px; } .pcs-timeline__extras-btn--link { color: var(--pcs-purple); } .pcs-job-panel__item-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.25rem; } .pcs-job-panel__badge { font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: var(--pcs-purple); } .pcs-job-panel__empty { margin: 0; padding: 1.5rem 0.75rem; text-align: center; font-size: 0.875rem; line-height: 1.45; color: var(--pcs-slate); } .pcs-invoice-card { border: 1px solid var(--pcs-border); border-radius: var(--pcs-radius); background: var(--pcs-surface); overflow: hidden; } .pcs-invoice-card__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 0.75rem; padding: 0.85rem 0.9rem; border-bottom: 1px solid var(--pcs-border); } .pcs-invoice-card__number { margin: 0; font-size: 0.9375rem; font-weight: 700; color: var(--pcs-ink); } .pcs-invoice-card__date { margin: 0.2rem 0 0; font-size: 0.8125rem; color: var(--pcs-slate); } .pcs-invoice-card__amount { margin: 0; font-size: 1.125rem; font-weight: 700; color: var(--pcs-ink); text-align: right; } .pcs-invoice-card__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem; padding: 0.65rem 0.75rem; background: rgba(18, 34, 65, 0.02); } .pcs-invoice-card__actions .pcs-btn { justify-content: center; font-size: 0.75rem; padding: 0.5rem 0.45rem; } .pcs-invoice-card__paid { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 0.35rem; padding: 0.5rem; border: 1px solid rgba(22, 163, 74, 0.25); border-radius: var(--pcs-radius); background: rgba(220, 252, 231, 0.5); color: #166534; font-size: 0.8125rem; font-weight: 600; } .pcs-job-panel__form { display: flex; flex-direction: column; gap: 0.5rem; padding: 0.75rem; border: 1px solid var(--pcs-border); border-radius: var(--pcs-radius); background: rgba(18, 34, 65, 0.03); } .pcs-job-panel__totals { padding-top: 0.65rem; border-top: 1px solid var(--pcs-border); display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.875rem; } .pcs-job-panel__totals-row { display: flex; justify-content: space-between; font-weight: 600; } .pcs-job-panel__totals-row--accent { font-size: 1rem; font-weight: 700; color: var(--pcs-purple); } .pcs-confirm-card { display: flex; flex-direction: column; gap: 0.85rem; } .pcs-confirm-card__summary { padding: 0.75rem; border: 1px solid rgba(185, 28, 28, 0.25); border-radius: var(--pcs-radius); background: rgba(254, 242, 242, 0.6); } .pcs-confirm-card__summary-title { margin: 0; font-size: 0.9375rem; font-weight: 700; color: var(--pcs-ink); } .pcs-confirm-card__summary-meta { margin: 0.25rem 0 0; font-size: 0.8125rem; color: var(--pcs-slate); } .pcs-confirm-card__note { margin: 0; font-size: 0.8125rem; color: var(--pcs-slate); line-height: 1.45; } .pcs-info-box--accent { background: rgba(107, 108, 224, 0.08); border-color: rgba(107, 108, 224, 0.25); } .pcs-client-select__meta--address span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .pcs-total-bar { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 0.85rem; border: 1px solid rgba(107, 108, 224, 0.35); border-radius: var(--pcs-radius); background: rgba(107, 108, 224, 0.08); font-weight: 700; font-size: 1rem; color: var(--pcs-ink); } .pcs-invoice-wizard__head-actions { display: flex; gap: 0.25rem; align-items: center; flex-shrink: 0; } .pcs-invoice-wizard__line-field--full { width: 100%; } .pcs-line-catalog__btn--ghost { background: transparent; } .pcs-line-catalog-modal { z-index: 120; } .pcs-modal__card--cancel .pcs-confirm-card { gap: 0.75rem; } @media (max-width: 1023px) { .pcs-invoice-wizard--page .pcs-invoice-wizard__notes { min-height: 6.5rem; resize: vertical; line-height: 1.5; } } @media (max-width: 767px) { .pcs-modal--tasks, .pcs-modal--timeline { align-items: flex-end; padding: 0; z-index: 100; } .pcs-modal--sheet .pcs-modal__card:not(.pcs-client-select__card):not(.pcs-template-select__card), .pcs-modal__card--tasks, .pcs-modal__card--timeline { width: 100%; max-height: min(88dvh, 100%); border-radius: var(--pcs-radius-lg) var(--pcs-radius-lg) 0 0; padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom)); } .pcs-modal__card--sheet, .pcs-modal__card--timeline { display: flex; flex-direction: column; overflow: hidden; padding-bottom: 0; } .pcs-modal__card--sheet .pcs-modal__head, .pcs-modal__card--timeline .pcs-modal__head { flex-shrink: 0; margin-bottom: 0.65rem; } .pcs-modal__card--sheet .pcs-modal__content--scroll, .pcs-modal__card--timeline .pcs-modal__content--scroll { padding-bottom: calc(1rem + env(safe-area-inset-bottom)); } .pcs-modal--timeline .pcs-modal__card--timeline { max-height: min(82dvh, calc(100dvh - 4.5rem - env(safe-area-inset-bottom))); } .pcs-modal--timeline .pcs-timeline { gap: 0.65rem; padding-bottom: 0.35rem; } .pcs-modal--timeline .pcs-timeline__top { flex-wrap: wrap; gap: 0.35rem 0.5rem; } .pcs-modal--timeline .pcs-timeline__time { font-size: 0.75rem; line-height: 1.3; text-align: left; } .pcs-modal--timeline .pcs-timeline__text { font-size: 0.9375rem; line-height: 1.45; } .pcs-modal--timeline .pcs-timeline__item { padding: 0.85rem 0.75rem; } .pcs-modal--sheet .pcs-modal__card--sm, .pcs-modal--sheet .pcs-modal__card--md, .pcs-modal--sheet .pcs-modal__card--lg { width: 100%; } } .pcs-st-card__total-main { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem 0.65rem; } .pcs-service-template-modal__product-picker { z-index: 100; } .pcs-st-section--lines { padding: 1rem; border: 2px solid var(--pcs-navy); border-radius: 10px; background: #fff; } .pcs-st-section__head { margin-bottom: 0.75rem; } .pcs-st-field__control { min-height: 2.75rem; font-size: 1rem; line-height: 1.4; } .pcs-st-field--compact { min-width: 0; } .pcs-status--muted { background: #f0f0f0; color: var(--pcs-slate); } .pcs-callback-wizard .pcs-invoice-wizard__head { align-items: center; gap: 0.65rem; padding: 0.75rem 1rem; flex-shrink: 0; } .pcs-callback-wizard .pcs-invoice-wizard__mobile-head { flex-shrink: 0; } .pcs-callback-wizard .pcs-invoice-wizard__head .pcs-modal__title { margin: 0; font-size: 1.125rem; line-height: 1.25; } .pcs-callback-wizard .pcs-invoice-wizard__head .pcs-modal__lead { margin: 0.2rem 0 0; font-size: 0.8125rem; line-height: 1.4; color: var(--pcs-muted); } .pcs-callback-wizard .pcs-invoice-wizard__body { flex: 1 1 auto; min-height: 0; overflow: hidden; padding: 1rem 1.125rem 0.5rem; } .pcs-callback-wizard__step { gap: 0; padding-top: 0.15rem; padding-bottom: 1rem; } .pcs-callback-wizard .pcs-form__field { gap: 0.5rem; margin: 0; } .pcs-callback-wizard .pcs-form__field > span { display: block; line-height: 1.3; padding-top: 0.1rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--pcs-slate); } .pcs-callback-wizard__client-btn { min-height: 2.75rem; } .pcs-callback-wizard__error { margin: 0.15rem 0 0; font-size: 0.75rem; color: #8b2e2e; } .pcs-callback-wizard__check { display: flex; align-items: center; gap: 0.55rem; min-height: 2.75rem; margin-top: 0.35rem; padding-top: 0.35rem; font-size: 0.9375rem; color: var(--pcs-muted); cursor: pointer; } .pcs-callback-wizard .pcs-invoice-wizard__foot { flex-shrink: 0; z-index: 3; box-shadow: 0 -4px 16px color-mix(in srgb, var(--pcs-navy) 8%, transparent); } .pcs-callback-wizard__check input { width: 1.125rem; height: 1.125rem; } .pcs-canvas:has(> .pcs-callback-wizard) { display: flex; flex-direction: column; min-height: 0; padding: 0; } .pcs-canvas > .pcs-invoice-wizard--page.pcs-callback-wizard { flex: 1 1 auto; align-self: stretch; min-height: 0; max-height: none; } .pcs-canvas > .pcs-invoice-wizard--page.pcs-callback-wizard .pcs-invoice-wizard__card--page { flex: 1 1 auto; min-height: 0; max-height: 100%; display: flex; flex-direction: column; overflow: hidden; } @media (max-width: 1023px) { .pcs-callback-wizard .pcs-invoice-wizard__head .pcs-modal__lead { display: none; } .pcs-callback-wizard .pcs-invoice-wizard__step-title, .pcs-callback-wizard .pcs-invoice-wizard__step-lead { display: none; } .pcs-callback-wizard .pcs-invoice-wizard__head { padding: 0.65rem 1.125rem; } .pcs-callback-wizard .pcs-invoice-wizard__mobile-head { padding: 0.7rem 1.125rem 0.75rem; } .pcs-callback-wizard .pcs-invoice-wizard__mobile-title { margin: 0.25rem 0 0.6rem; } .pcs-callback-wizard .pcs-invoice-wizard__mobile-dots { margin-top: 0.55rem; } .pcs-callback-wizard .pcs-invoice-wizard__body { padding: 0.75rem 1.125rem 0.35rem; } .pcs-callback-wizard .pcs-form__field { gap: 0.55rem; } .pcs-callback-wizard .pcs-invoice-wizard__foot { padding: 0.75rem 1.125rem max(0.85rem, env(safe-area-inset-bottom)); } .pcs-callback-wizard .pcs-form__control, .pcs-callback-wizard input, .pcs-callback-wizard select, .pcs-callback-wizard textarea { font-size: 1rem !important; } } .pcs-template-select { z-index: 90; } .pcs-template-select__card { display: flex; flex-direction: column; width: min(42rem, calc(100vw - 1.25rem)); max-height: min(40rem, calc(100dvh - 2rem)); min-height: 0; overflow: hidden; padding: 0 !important; border: 2px solid #122241; border-radius: 12px; background: #fff; box-shadow: 0 12px 40px rgba(18, 34, 65, 0.22); position: relative; contain: layout style; } .pcs-template-select__card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: #6b6ce0; border-radius: 12px 12px 0 0; z-index: 1; } .pcs-template-select__head-text { min-width: 0; } .pcs-template-select__close { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border: 2px solid #122241; border-radius: 10px; background: #fff; color: #122241; cursor: pointer; flex-shrink: 0; transition: border-color 150ms ease, background 150ms ease, color 150ms ease; } .pcs-template-select__close:hover, .pcs-template-select__close:focus-visible { border-color: #6b6ce0; background: rgba(107, 108, 224, 0.1); color: #6b6ce0; outline: none; } .pcs-template-select__search { position: relative; } .pcs-template-select__search-icon { position: absolute; left: 0.85rem; top: 50%; transform: translateY(-50%); width: 1.15rem; height: 1.15rem; color: #8494a7; pointer-events: none; } .pcs-template-select__input { width: 100%; min-height: 3rem; padding: 0.75rem 0.9rem 0.75rem 2.65rem; border: 2px solid #122241; border-radius: 10px; background: #fff; font-family: var(--pcs-font, 'Kumbh Sans', system-ui, sans-serif); font-size: clamp(1rem, 1.5vw, 1.0625rem); line-height: 1.4; color: #122241; box-sizing: border-box; } .pcs-template-select__input::placeholder { color: #8494a7; } .pcs-template-select__input:focus { outline: 2px solid #6b6ce0; outline-offset: 2px; border-color: #6b6ce0; } .pcs-template-select__grid { display: grid; grid-template-columns: 1fr; gap: 0.65rem; } .pcs-template-select__skeleton { min-height: 6.5rem; border: 1px solid #cdc9cd; border-radius: 10px; background: #e8e6e4; animation: pcs-template-select-pulse 1.1s ease-in-out infinite; } .pcs-template-select__empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 999px; border: 2px solid #cdc9cd; background: rgba(107, 108, 224, 0.1); color: #6b6ce0; } .pcs-template-select__empty-title { margin: 0; font-size: clamp(1.0625rem, 2vw, 1.1875rem); font-weight: 700; line-height: 1.35; color: #122241; } .pcs-template-select__empty-hint { margin: 0; max-width: 28rem; font-size: clamp(1rem, 1.5vw, 1.0625rem); line-height: 1.55; color: #4d5f75; } .pcs-template-select__card-btn { display: flex; flex-direction: column; gap: 0.65rem; width: 100%; min-height: 3.25rem; padding: 0.9rem 1rem; border: 2px solid #122241; border-radius: 10px; background: #fff; text-align: left; cursor: pointer; touch-action: manipulation; transition: border-color 150ms ease, background 150ms ease, transform 150ms ease; } .pcs-template-select__card-btn:hover:not(:disabled), .pcs-template-select__card-btn:focus-visible { border-color: #6b6ce0; background: rgba(107, 108, 224, 0.08); outline: none; } .pcs-template-select__card-btn:focus-visible { outline: 2px solid #6b6ce0; outline-offset: 2px; } .pcs-template-select__card-btn:disabled { opacity: 0.7; cursor: wait; } .pcs-template-select__card-top { display: flex; align-items: flex-start; gap: 0.65rem; min-width: 0; } .pcs-template-select__card-icon { display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 8px; border: 1px solid rgba(107, 108, 224, 0.35); background: rgba(107, 108, 224, 0.1); color: #6b6ce0; flex-shrink: 0; } .pcs-template-select__card-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0.2rem; } .pcs-template-select__card-name { font-size: clamp(1rem, 1.8vw, 1.125rem); font-weight: 700; line-height: 1.3; color: #122241; overflow-wrap: anywhere; } .pcs-template-select__card-category { font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: #6b6ce0; } .pcs-template-select__card-chevron { width: 1.25rem; height: 1.25rem; margin-top: 0.2rem; color: #cdc9cd; flex-shrink: 0; transition: color 150ms ease; } .pcs-template-select__card-btn:hover .pcs-template-select__card-chevron, .pcs-template-select__card-btn:focus-visible .pcs-template-select__card-chevron { color: #6b6ce0; } .pcs-template-select__card-foot { display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem; padding-top: 0.55rem; border-top: 1px solid #e8e6e4; } .pcs-template-select__card-price { font-size: clamp(1.125rem, 2vw, 1.3125rem); font-weight: 700; color: #15803d; line-height: 1.2; } .pcs-template-select__card-usage { font-size: 0.875rem; font-weight: 600; color: #4d5f75; white-space: nowrap; } .pcs-template-select__cancel { width: 100%; min-height: 3rem; font-size: clamp(1rem, 1.5vw, 1.0625rem) !important; font-weight: 700 !important; border-width: 2px !important; border-radius: 10px !important; } @media (min-width: 480px) { .pcs-template-select__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) { .pcs-template-select.pcs-modal--sheet { align-items: center; padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); } .pcs-template-select__card { width: min(44rem, calc(100vw - 2rem)); max-height: min(42rem, calc(100dvh - 2.5rem)); } .pcs-template-select__cancel { width: auto; min-width: 11rem; } } @media (min-width: 1024px) { .pcs-template-select__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .pcs-template-select__card { width: min(48rem, calc(100vw - 3rem)); } } @media (min-width: 1920px) { .pcs-template-select__card { width: min(52rem, calc(100vw - 4rem)); } } @media (max-width: 767px) { .pcs-template-select.pcs-modal--sheet { align-items: flex-end; padding: 0; } .pcs-template-select__card { width: 100%; max-height: calc(100dvh - 2.5rem - env(safe-area-inset-bottom)); border-radius: 16px 16px 0 0; border-bottom: none; box-shadow: 0 -10px 36px rgba(18, 34, 65, 0.24); } .pcs-template-select__cancel { min-height: 3.25rem; font-size: 1.0625rem !important; } } @media (prefers-reduced-motion: reduce) { .pcs-template-select__skeleton { animation: none; } .pcs-template-select__card-btn, .pcs-template-select__close { transition: none; } } .pcs-reschedule-form { grid-template-columns: 1fr; width: 100%; min-width: 0; } @media (min-width: 480px) { .pcs-reschedule-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .pcs-ai-invoice-modal { align-items: flex-end; padding: 0; z-index: 100; } @media (min-width: 640px) { .pcs-ai-invoice-modal { align-items: center; padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); } } .pcs-ai-invoice-modal__card { width: 100%; max-width: min(56rem, 100%); max-height: min(92dvh, 100%); margin: 0; padding: 0; border-radius: 12px 12px 0 0; display: flex; flex-direction: column; overflow: hidden; } @media (min-width: 640px) { .pcs-ai-invoice-modal__card { max-height: calc(100dvh - 2rem); border-radius: 10px; } } @media (min-width: 1920px) { .pcs-ai-invoice-modal__card { max-width: min(60rem, 92vw); } } .pcs-ai-invoice-modal__head { flex-shrink: 0; padding: 1rem 1rem 0.75rem; margin: 0; } .pcs-ai-invoice-modal__title { display: inline-flex; align-items: center; gap: 0.5rem; font-size: clamp(1.2rem, 2.8vw, 1.45rem); line-height: 1.25; } .pcs-ai-invoice-modal__title-icon { width: 1.35rem; height: 1.35rem; flex-shrink: 0; color: var(--pcs-purple); } .pcs-ai-invoice-modal__lead { font-size: clamp(0.9375rem, 2.2vw, 1.0625rem); line-height: 1.5; color: var(--pcs-muted); } .pcs-ai-invoice-modal__close { width: 2.75rem; height: 2.75rem; flex-shrink: 0; } .pcs-ai-invoice-modal__body { flex: 1 1 auto; min-height: 0; min-width: 0; overflow-x: clip; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 1rem 1rem; } .pcs-ai-invoice-modal__job-box { margin-bottom: 0.25rem; padding: 0.85rem 1rem; } .pcs-ai-invoice-modal__job-box .pcs-info-box__title { font-size: 0.75rem; margin-bottom: 0.5rem; } .pcs-ai-invoice-modal__job-grid { display: grid; grid-template-columns: 1fr; gap: 0.65rem; margin: 0; } @media (min-width: 400px) { .pcs-ai-invoice-modal__job-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px) { .pcs-ai-invoice-modal__job-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .pcs-ai-invoice-modal__job-grid > div { min-width: 0; } .pcs-ai-invoice-modal__job-grid dt { margin: 0; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--pcs-slate); } .pcs-ai-invoice-modal__job-grid dd { margin: 0.2rem 0 0; font-size: clamp(1rem, 2.4vw, 1.0625rem); font-weight: 700; color: var(--pcs-ink); word-break: break-word; } .pcs-ai-invoice-modal__intro { text-align: center; padding: 1.5rem 0.5rem 0.75rem; } .pcs-ai-invoice-modal__intro-icon { width: 3rem; height: 3rem; margin: 0 auto 0.85rem; color: var(--pcs-purple); } .pcs-ai-invoice-modal__intro-title { margin: 0 0 0.5rem; font-size: clamp(1.0625rem, 2.6vw, 1.2rem); font-weight: 700; color: var(--pcs-ink); line-height: 1.35; } .pcs-ai-invoice-modal__intro-hint { margin: 0 auto; max-width: 32rem; font-size: clamp(0.9375rem, 2.2vw, 1.0625rem); line-height: 1.55; color: var(--pcs-muted); } .pcs-ai-invoice-modal__draft { display: flex; flex-direction: column; gap: 1rem; min-width: 0; } .pcs-ai-invoice-modal__line-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.65rem; margin-bottom: 0.5rem; } .pcs-ai-invoice-modal__line-head .pcs-info-box__title { margin: 0; font-size: 0.8125rem; } .pcs-ai-invoice-modal__add-btn { min-height: 2.75rem; font-size: 0.9375rem; width: 100%; } @media (min-width: 480px) { .pcs-ai-invoice-modal__add-btn { width: auto; } } .pcs-ai-invoice-modal__line-list { display: flex; flex-direction: column; gap: 0.75rem; } .pcs-ai-invoice-modal__line-card { padding: 0.85rem; border: 1px solid var(--pcs-border); border-radius: var(--pcs-radius); background: #fff; display: flex; flex-direction: column; gap: 0.65rem; min-width: 0; } .pcs-ai-invoice-modal__line-row { display: grid; grid-template-columns: 1fr; gap: 0.65rem; } @media (min-width: 400px) { .pcs-ai-invoice-modal__line-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .pcs-ai-invoice-modal__line-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.65rem; } .pcs-ai-invoice-modal__line-amount { font-size: clamp(1.0625rem, 2.4vw, 1.125rem); font-weight: 700; color: var(--pcs-ink); } .pcs-ai-invoice-modal__remove-btn { min-height: 2.75rem; width: 100%; } @media (min-width: 480px) { .pcs-ai-invoice-modal__remove-btn { width: auto; } } .pcs-ai-invoice-modal__total { font-size: clamp(1.125rem, 2.6vw, 1.25rem); font-weight: 800; } .pcs-ai-invoice-modal__foot { flex-shrink: 0; display: flex; flex-direction: column-reverse; gap: 0.65rem; padding: 0.85rem 1rem max(1rem, env(safe-area-inset-bottom)); border-top: 1px solid var(--pcs-border); background: var(--pcs-surface); } @media (min-width: 480px) { .pcs-ai-invoice-modal__foot { flex-direction: row; justify-content: flex-end; align-items: center; } } .pcs-ai-invoice-modal__action { min-height: 3.25rem; width: 100%; font-size: 1.0625rem; padding: 0.75rem 1.25rem; } @media (min-width: 480px) { .pcs-ai-invoice-modal__action { width: auto; min-width: 9rem; } .pcs-ai-invoice-modal__action--primary { min-width: 14rem; } } .pcs-ai-invoice-modal .pcs-form__field > span { font-size: 0.875rem; font-weight: 700; color: var(--pcs-ink); } .pcs-ai-invoice-modal .pcs-form__control { font-size: 1.0625rem; min-height: 2.75rem; width: 100%; max-width: 100%; } .pcs-ai-invoice-modal .pcs-form__control textarea { min-height: 5.5rem; line-height: 1.5; resize: vertical; } @media (prefers-reduced-motion: reduce) { .pcs-ai-invoice-modal .animate-spin { animation: none; } } .pcs-device-return-modal { align-items: flex-end; padding: 0; } @media (min-width: 640px) { .pcs-device-return-modal { align-items: center; padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); } } .pcs-device-return-modal__card { width: 100%; max-width: min(42rem, 100%); max-height: 100dvh; margin: 0; padding: 0; border-radius: 12px 12px 0 0; display: flex; flex-direction: column; overflow: hidden; } @media (min-width: 640px) { .pcs-device-return-modal__card { max-height: calc(100dvh - 2rem); border-radius: 10px; } } .pcs-device-return-modal__head { flex-shrink: 0; padding: 1rem 1rem 0.75rem; margin: 0; } .pcs-device-return-modal__title { display: inline-flex; align-items: center; gap: 0.5rem; font-size: clamp(1.2rem, 2.8vw, 1.45rem); line-height: 1.25; } .pcs-device-return-modal__title-icon { width: 1.35rem; height: 1.35rem; flex-shrink: 0; color: var(--pcs-purple); } .pcs-device-return-modal__lead { font-size: clamp(0.9375rem, 2.2vw, 1.0625rem); line-height: 1.5; color: var(--pcs-muted); } .pcs-device-return-modal__body { flex: 1 1 auto; min-height: 0; min-width: 0; overflow-x: clip; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0 1rem 1rem; } .pcs-device-return-modal__job-box { margin-bottom: 1rem; padding: 0.85rem 1rem; } .pcs-device-return-modal__job-box .pcs-info-box__title { font-size: 0.75rem; margin-bottom: 0.5rem; } .pcs-device-return-modal__job-grid { display: grid; grid-template-columns: 1fr; gap: 0.65rem; margin: 0; } @media (min-width: 400px) { .pcs-device-return-modal__job-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .pcs-device-return-modal__job-grid > div { min-width: 0; } .pcs-device-return-modal__job-grid dt { margin: 0; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--pcs-slate); } .pcs-device-return-modal__job-grid dd { margin: 0.2rem 0 0; font-size: 1.0625rem; font-weight: 700; color: var(--pcs-ink); word-break: break-word; } .pcs-device-return-modal__warning { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.85rem 1rem; margin-bottom: 1rem; border: 2px solid #c9a227; border-radius: var(--pcs-radius); background: #fff9e8; color: var(--pcs-ink); } .pcs-device-return-modal__warning-icon { width: 1.5rem; height: 1.5rem; flex-shrink: 0; color: #9a7b0a; margin-top: 0.1rem; } .pcs-device-return-modal__warning-title { margin: 0 0 0.35rem; font-size: 1rem; font-weight: 700; color: var(--pcs-ink); } .pcs-device-return-modal__warning-text { margin: 0; font-size: 0.9375rem; line-height: 1.5; color: var(--pcs-muted); } .pcs-device-return-modal__form { display: flex; flex-direction: column; gap: 1.25rem; } .pcs-device-return-modal__section { padding: 1rem; border: 1px solid var(--pcs-border); border-radius: var(--pcs-radius-lg); background: #fff; } .pcs-device-return-modal__section-title { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: 0 0 0.5rem; font-size: clamp(1rem, 2.4vw, 1.125rem); font-weight: 700; color: var(--pcs-ink); line-height: 1.35; } .pcs-device-return-modal__step-num { display: inline-flex; align-items: center; justify-content: center; width: 1.65rem; height: 1.65rem; border-radius: 999px; background: var(--pcs-purple); color: #fff; font-size: 0.875rem; font-weight: 700; flex-shrink: 0; } .pcs-device-return-modal__required, .pcs-device-return-modal__optional { font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; padding: 0.2rem 0.45rem; border-radius: 4px; } .pcs-device-return-modal__required { background: rgba(107, 108, 224, 0.15); color: var(--pcs-purple); } .pcs-device-return-modal__optional { background: rgba(132, 148, 167, 0.2); color: var(--pcs-slate); } .pcs-device-return-modal__section-lead { margin: 0 0 0.85rem; font-size: 0.9375rem; line-height: 1.5; color: var(--pcs-muted); } .pcs-device-return-modal__choices { display: grid; grid-template-columns: 1fr; gap: 0.75rem; } @media (min-width: 520px) { .pcs-device-return-modal__choices { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .pcs-device-return-modal__choice { display: block; min-width: 0; cursor: pointer; } .pcs-device-return-modal__choice-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .pcs-device-return-modal__choice-card { display: flex; align-items: flex-start; gap: 0.75rem; min-height: 5.5rem; padding: 1rem; border: 2px solid var(--pcs-border); border-radius: var(--pcs-radius-lg); background: var(--pcs-surface); transition: border-color 120ms ease, background 120ms ease; } .pcs-device-return-modal__choice-input:focus-visible + .pcs-device-return-modal__choice-card { outline: 2px solid var(--pcs-purple); outline-offset: 2px; } .pcs-device-return-modal__choice.is-selected .pcs-device-return-modal__choice-card, .pcs-device-return-modal__choice-input:checked + .pcs-device-return-modal__choice-card { border-color: var(--pcs-purple); background: rgba(107, 108, 224, 0.08); } .pcs-device-return-modal__choice-icon-wrap { display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; flex-shrink: 0; border-radius: 8px; background: rgba(18, 34, 65, 0.06); color: var(--pcs-ink); } .pcs-device-return-modal__choice.is-selected .pcs-device-return-modal__choice-icon-wrap { background: var(--pcs-purple); color: #fff; } .pcs-device-return-modal__choice-icon { width: 1.35rem; height: 1.35rem; } .pcs-device-return-modal__choice-text { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; flex: 1 1 auto; } .pcs-device-return-modal__choice-title { font-size: 1.0625rem; font-weight: 700; color: var(--pcs-ink); line-height: 1.35; } .pcs-device-return-modal__choice-lead { font-size: 0.9375rem; line-height: 1.45; color: var(--pcs-muted); } .pcs-device-return-modal__choice-check { width: 1.35rem; height: 1.35rem; flex-shrink: 0; color: var(--pcs-purple); margin-top: 0.15rem; } .pcs-device-return-modal__segment { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; margin-bottom: 0.85rem; } .pcs-device-return-modal__segment-btn { min-height: 3rem; padding: 0.65rem 0.75rem; border: 2px solid var(--pcs-border); border-radius: var(--pcs-radius); background: #fff; font-size: 1rem; font-weight: 700; color: var(--pcs-ink); cursor: pointer; transition: border-color 120ms ease, background 120ms ease; } .pcs-device-return-modal__segment-btn.is-active { border-color: var(--pcs-purple); background: rgba(107, 108, 224, 0.1); color: var(--pcs-ink); } .pcs-device-return-modal__segment-btn:focus-visible { outline: 2px solid var(--pcs-purple); outline-offset: 2px; } .pcs-device-return-modal__field > span { font-size: 0.9375rem; font-weight: 700; color: var(--pcs-ink); } .pcs-device-return-modal .pcs-form__control { font-size: 1.0625rem; min-height: 3rem; padding: 0.65rem 0.85rem; } .pcs-device-return-modal__body.is-signing { overflow: hidden; touch-action: none; } .pcs-device-return-modal__sign-area { display: flex; flex-direction: column; gap: 0.65rem; min-width: 0; } .pcs-device-return-modal__sign-pad { position: relative; width: 100%; height: clamp(9rem, 28vw, 12.5rem); border: 2px solid var(--pcs-border); border-radius: var(--pcs-radius); background: #fff; overflow: hidden; touch-action: none; overscroll-behavior: contain; -webkit-user-select: none; user-select: none; } .pcs-device-return-modal__sign-canvas { display: block; width: 100%; height: 100%; touch-action: none; cursor: crosshair; } .pcs-device-return-modal__clear-sign { align-self: stretch; min-height: 3rem; font-size: 0.9375rem; font-weight: 700; } @media (min-width: 480px) { .pcs-device-return-modal__clear-sign { align-self: flex-end; width: auto; min-width: 11rem; } } .pcs-device-return-modal__photo { display: flex; flex-direction: column; gap: 0.85rem; min-width: 0; } .pcs-device-return-modal__photo-choices { display: grid; grid-template-columns: 1fr; gap: 0.65rem; } @media (min-width: 480px) { .pcs-device-return-modal__photo-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .pcs-device-return-modal__photo-choice { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; min-height: 5.5rem; width: 100%; padding: 0.85rem 1rem; border: 2px solid var(--pcs-border); border-radius: var(--pcs-radius-lg); background: #fff; text-align: left; cursor: pointer; transition: border-color 120ms ease, background 120ms ease; } .pcs-device-return-modal__photo-choice:hover:not(:disabled) { border-color: var(--pcs-purple); background: rgba(107, 108, 224, 0.05); } .pcs-device-return-modal__photo-choice:focus-visible { outline: 2px solid var(--pcs-purple); outline-offset: 2px; } .pcs-device-return-modal__photo-choice:disabled { opacity: 0.65; cursor: not-allowed; } .pcs-device-return-modal__photo-choice-icon { width: 1.5rem; height: 1.5rem; color: var(--pcs-purple); } .pcs-device-return-modal__photo-choice-title { font-size: 1.0625rem; font-weight: 700; color: var(--pcs-ink); line-height: 1.3; } .pcs-device-return-modal__photo-choice-lead { font-size: 0.9375rem; line-height: 1.45; color: var(--pcs-muted); } .pcs-device-return-modal__photo-input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .pcs-device-return-modal__photo-status { margin: 0; font-size: 1rem; font-weight: 700; color: var(--pcs-muted); } .pcs-device-return-modal__photo-preview { display: flex; flex-direction: column; align-items: stretch; gap: 0.65rem; min-width: 0; padding: 0.85rem; border: 1px solid var(--pcs-border); border-radius: var(--pcs-radius-lg); background: #fff; } .pcs-device-return-modal__photo-image { display: block; width: 100%; max-width: 100%; max-height: min(20rem, 50dvh); object-fit: contain; border: 1px solid var(--pcs-border); border-radius: var(--pcs-radius); background: rgba(18, 34, 65, 0.03); } .pcs-device-return-modal__photo-preview-actions { display: flex; flex-direction: column; gap: 0.5rem; } @media (min-width: 480px) { .pcs-device-return-modal__photo-preview-actions { flex-direction: row; flex-wrap: wrap; } } .pcs-device-return-modal__photo-action { min-height: 3rem; width: 100%; font-size: 1rem; font-weight: 700; } @media (min-width: 480px) { .pcs-device-return-modal__photo-action { width: auto; flex: 1 1 auto; } } .pcs-device-return-modal__photo-action--remove { color: #b91c1c; } .pcs-device-return-modal__photo-hint { margin: 0; font-size: 0.9375rem; line-height: 1.5; color: var(--pcs-muted); } .pcs-device-return-modal__error { margin: 0; padding: 0.75rem 1rem; border: 2px solid #c44; border-radius: var(--pcs-radius); background: #fff5f5; font-size: 1rem; font-weight: 600; color: #8b1a1a; } .pcs-device-return-modal__foot { flex-shrink: 0; display: flex; flex-direction: column-reverse; gap: 0.65rem; padding: 0.85rem 1rem max(1rem, env(safe-area-inset-bottom)); border-top: 1px solid var(--pcs-border); background: var(--pcs-surface); } @media (min-width: 480px) { .pcs-device-return-modal__foot { flex-direction: row; justify-content: flex-end; align-items: center; } } .pcs-device-return-modal__action { min-height: 3.25rem; width: 100%; font-size: 1.0625rem; padding: 0.75rem 1.25rem; } @media (min-width: 480px) { .pcs-device-return-modal__action { width: auto; min-width: 9rem; } .pcs-device-return-modal__action--primary { min-width: 14rem; } } @media (prefers-reduced-motion: reduce) { .pcs-device-return-modal__choice-card, .pcs-device-return-modal__segment-btn, .pcs-device-return-modal__photo-choice { transition: none; } } @media (min-width: 1920px) { .pcs-device-return-modal__card { max-width: min(44rem, 92vw); } } .pcs-job-history__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; } .pcs-job-history__lead { margin: 0.25rem 0 0; font-size: 0.875rem; color: var(--pcs-muted, #4d5f75); } .pcs-job-history__hint { margin: 0; font-size: 0.875rem; color: var(--pcs-muted, #4d5f75); } .pcs-job-history__chain { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0; } .pcs-job-history__node { position: relative; display: flex; flex-direction: column; align-items: center; } .pcs-job-history__connector { display: block; width: 2px; height: 1.25rem; background: var(--pcs-border, #cdc9cd); } .pcs-job-history__card { width: 100%; border: 1px solid var(--pcs-border, #cdc9cd); border-radius: 8px; padding: 0.85rem 1rem; background: #fff; } .pcs-job-history__node.is-current .pcs-job-history__card { border-color: var(--pcs-purple, #6b6ce0); background: rgba(107, 108, 224, 0.06); } .pcs-job-history__card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; } .pcs-job-history__ref { margin: 0; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; color: var(--pcs-slate, #8494a7); } .pcs-job-history__client { margin: 0.2rem 0 0; font-size: 1rem; font-weight: 600; color: var(--pcs-navy, #122241); } .pcs-job-history__meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: 0.65rem 1rem; margin: 0.75rem 0 0; } .pcs-job-history__meta dt { margin: 0; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--pcs-slate, #8494a7); } .pcs-job-history__meta dd { margin: 0.15rem 0 0; font-size: 0.875rem; color: var(--pcs-navy, #122241); } .pcs-job-history__desc { margin: 0.65rem 0 0; font-size: 0.875rem; color: var(--pcs-muted, #4d5f75); } .pcs-job-history__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.75rem; } .pcs-job-link-modal { display: flex; flex-direction: column; gap: 0.75rem; } .pcs-job-link-modal__search { position: relative; } .pcs-job-link-modal__search-icon { position: absolute; left: 0.75rem; top: 50%; width: 1rem; height: 1rem; transform: translateY(-50%); color: var(--pcs-slate, #8494a7); pointer-events: none; } .pcs-job-link-modal__search .pcs-form__input { padding-left: 2.25rem; } .pcs-job-link-modal__section-label { margin: 0; font-size: 0.6875rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--pcs-slate, #8494a7); } .pcs-job-link-modal__list { display: flex; flex-direction: column; gap: 0.5rem; max-height: 16rem; overflow-y: auto; } .pcs-job-link-modal__hint { margin: 0; font-size: 0.875rem; color: var(--pcs-muted, #4d5f75); } .pcs-job-link-pick { width: 100%; text-align: left; border: 1px solid var(--pcs-border, #cdc9cd); border-radius: 8px; padding: 0.65rem 0.75rem; background: #fff; cursor: pointer; transition: border-color 150ms ease, background 150ms ease; } .pcs-job-link-pick:hover, .pcs-job-link-pick:focus-visible { border-color: var(--pcs-purple, #6b6ce0); outline: 2px solid var(--pcs-purple, #6b6ce0); outline-offset: 2px; } .pcs-job-link-pick.is-selected { border-color: var(--pcs-purple, #6b6ce0); background: rgba(107, 108, 224, 0.08); } .pcs-job-link-pick__main { display: flex; align-items: baseline; gap: 0.5rem; } .pcs-job-link-pick__ref { font-size: 0.75rem; font-weight: 600; color: var(--pcs-purple, #6b6ce0); } .pcs-job-link-pick__name { font-size: 0.9375rem; font-weight: 600; color: var(--pcs-navy, #122241); } .pcs-job-link-pick__meta { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.35rem; font-size: 0.8125rem; color: var(--pcs-muted, #4d5f75); } .pcs-job-link-pick__address { margin: 0.35rem 0 0; font-size: 0.8125rem; color: var(--pcs-muted, #4d5f75); } .pcs-job-link-modal__form { display: grid; gap: 0.75rem; padding-top: 0.25rem; border-top: 1px solid var(--pcs-border, #cdc9cd); } .pcs-job-link-modal__actions { display: flex; justify-content: flex-end; gap: 0.5rem; padding-top: 0.25rem; } .pcs-pipeline-stages-editor__head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; } .pcs-pipeline-stages-editor__list { display: flex; flex-direction: column; gap: 0.5rem; } .pcs-pipeline-stages-editor__row { display: grid; grid-template-columns: auto 1fr auto; gap: 0.5rem; align-items: center; } .pcs-pipeline-stages-editor__num { width: 1.5rem; text-align: center; font-size: 0.75rem; color: var(--pcs-slate, #8494a7); } .pcs-pipeline-stages-editor__actions { display: flex; gap: 0.25rem; } .pcs-pipeline-stages-editor__icon { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border: 1px solid var(--pcs-border, #cdc9cd); border-radius: 6px; background: #fff; color: var(--pcs-navy, #122241); cursor: pointer; } .pcs-pipeline-stages-editor__icon:disabled { opacity: 0.45; cursor: not-allowed; } .pcs-pipeline-stages-editor__icon--danger { color: #9b1c1c; } .pcs-pipeline-kanban__track { display: flex; gap: 0.75rem; overflow-x: auto; padding-bottom: 0.5rem; scroll-snap-type: x proximity; } .pcs-pipeline-kanban__rule { margin: 0 0 0.65rem; font-size: 0.8125rem; line-height: 1.4; color: var(--pcs-muted, #4d5f75); } .pcs-pipeline-kanban__lock-hint { margin: 0 0 0.45rem; font-size: 0.75rem; font-weight: 600; color: var(--pcs-slate, #8494a7); } .pcs-pipeline-kanban__col.is-locked { opacity: 0.72; } .pcs-pipeline-kanban__col.is-actionable:not(.is-active) { border-color: var(--pcs-purple, #6b6ce0); } .pcs-pipeline-kanban__col { flex: 0 0 min(16rem, 78vw); scroll-snap-align: start; border: 1px solid var(--pcs-border, #cdc9cd); border-radius: 8px; padding: 0.75rem; background: #fff; min-height: 12rem; transition: border-color 150ms ease, background-color 150ms ease, opacity 150ms ease; } .pcs-pipeline-kanban__col.is-active { border-color: var(--pcs-purple, #6b6ce0); background: rgba(107, 108, 224, 0.06); box-shadow: inset 3px 0 0 var(--pcs-purple, #6b6ce0); } .pcs-pipeline-kanban__col.is-done { opacity: 0.88; background: #f7f8f7; } .pcs-pipeline-kanban__col-head { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.5rem; } .pcs-pipeline-kanban__order { font-size: 0.6875rem; font-weight: 700; color: var(--pcs-purple, #6b6ce0); } .pcs-pipeline-kanban__title { margin: 0 0 0.65rem; font-size: 0.9375rem; line-height: 1.35; color: var(--pcs-navy, #122241); } .pcs-pipeline-kanban__due { display: flex; flex-direction: column; gap: 0.25rem; margin-bottom: 0.5rem; font-size: 0.75rem; color: var(--pcs-slate, #8494a7); } .pcs-pipeline-kanban__due input { border: 1px solid var(--pcs-border, #cdc9cd); border-radius: 6px; padding: 0.35rem 0.5rem; font-size: 0.8125rem; } .pcs-pipeline-kanban__due-read { margin: 0 0 0.5rem; font-size: 0.8125rem; color: var(--pcs-muted, #4d5f75); } .pcs-pipeline-kanban__notes { width: 100%; border: 1px solid var(--pcs-border, #cdc9cd); border-radius: 6px; padding: 0.45rem 0.55rem; font-size: 0.8125rem; resize: vertical; margin-bottom: 0.5rem; } .pcs-pipeline-kanban__actions { display: flex; flex-wrap: wrap; gap: 0.35rem; } .pcs-pipeline-links { display: grid; gap: 1rem; } .pcs-pipeline-links__toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; } .pcs-pipeline-links__section { border: 1px solid var(--pcs-border, #cdc9cd); border-radius: 8px; padding: 0.85rem; background: #fff; } .pcs-pipeline-links__item { display: grid; grid-template-columns: auto 1fr auto; gap: 0.75rem; width: 100%; margin-top: 0.5rem; padding: 0.55rem 0.65rem; border: 1px solid var(--pcs-border, #cdc9cd); border-radius: 6px; background: #fff; text-align: left; cursor: pointer; } .pcs-pipeline-links__search-row { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-top: 0.35rem; padding: 0.45rem 0.55rem; border: 1px dashed var(--pcs-border, #cdc9cd); border-radius: 6px; font-size: 0.875rem; } .pcs-pipeline-links__hint { margin: 0.35rem 0 0; font-size: 0.875rem; color: var(--pcs-muted, #4d5f75); } .pcs-project-view-send { display: grid; gap: 0.85rem; } .pcs-project-view-send__intro { margin: 0; font-size: 0.875rem; color: var(--pcs-muted, #4d5f75); } .pcs-project-view-send__hint--status { border: 1px solid var(--pcs-lavender, #cdc9cd); background: #f7f6f7; border-radius: 8px; padding: 0.75rem 0.85rem; } .pcs-project-view-send__body { min-height: 12rem; font-family: var(--pcs-font, "Kumbh Sans", system-ui, sans-serif); font-size: 0.9375rem; line-height: 1.5; white-space: pre-wrap; } .pcs-project-view-send__preview-wrap { display: grid; gap: 0.35rem; margin-top: 0.35rem; } .pcs-project-view-send__preview-open { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.75rem; font-weight: 600; color: var(--pcs-purple, #6b6ce0); text-decoration: none; } .pcs-project-view-send__preview-open:hover { text-decoration: underline; } .pcs-proposal-send { display: grid; gap: 0.85rem; } .pcs-proposal-send__status-row { display: flex; flex-wrap: wrap; gap: 0.65rem; align-items: stretch; } .pcs-proposal-send__gate { border: 1px solid var(--pcs-border, #cdc9cd); border-radius: 8px; padding: 0.85rem; background: #fff; } .pcs-proposal-send__gate.is-ready { border-color: #9fd5b3; background: #f0faf4; } .pcs-proposal-send__gate-head { display: flex; align-items: center; gap: 0.45rem; margin-bottom: 0.55rem; color: var(--pcs-navy, #122241); font-size: 0.875rem; } .pcs-proposal-send__checklist { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; } .pcs-proposal-send__checklist li { display: flex; gap: 0.45rem; align-items: flex-start; font-size: 0.8125rem; color: var(--pcs-muted, #4d5f75); } .pcs-proposal-send__checklist li.is-ok { color: #1a7a42; } .pcs-proposal-send__checklist li.is-missing strong { color: var(--pcs-navy, #122241); } .pcs-proposal-send__check-mark { flex: 0 0 1rem; font-weight: 700; } .pcs-proposal-send__check-detail { display: block; font-weight: 400; color: var(--pcs-slate, #8494a7); margin-top: 0.1rem; } .pcs-pipeline-notes__composer { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1rem; } .pcs-pipeline-notes__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.65rem; } .pcs-pipeline-notes__item { border: 1px solid var(--pcs-border, #cdc9cd); border-radius: 8px; padding: 0.75rem; background: #fff; } .pcs-pipeline-notes__text { margin: 0; color: var(--pcs-navy, #122241); } .pcs-pipeline-notes__meta { margin: 0.35rem 0 0; font-size: 0.8125rem; color: var(--pcs-slate, #8494a7); } .pcs-pipeline-notes__empty { margin: 0; font-size: 0.875rem; color: var(--pcs-muted, #4d5f75); } .pcs-pipeline-wizard__stage-preview--full { margin-top: 0.65rem; max-height: 12rem; overflow-y: auto; } .pcs-pipeline-wizard__check { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.9375rem; color: var(--pcs-navy, #122241); line-height: 1.4; } .pcs-pipeline-wizard__check input { width: 1.25rem; height: 1.25rem; margin-top: 0.15rem; flex-shrink: 0; } .pcs-pipeline-wizard__error { margin: 0 1rem 0.5rem; } .pcs-pipeline-stages-editor__row .pcs-form__input { min-height: 2.75rem; font-size: 1rem; } .pcs-pipeline-stages-editor__icon { min-width: 2.75rem; min-height: 2.75rem; }