.pm-client { --pm-blue:#087cff; --pm-ink:#162744; --pm-muted:#7485a4; --pm-line:#dce6f2; background:#f3f8fc; color:var(--pm-ink); letter-spacing:0; padding-top:0!important; }
.pm-client *, .pm-client *::before, .pm-client *::after { box-sizing:border-box; }
.pm-client .agency-header { height:68px; padding:0; position:sticky; top:0; z-index:20; background:#fff; box-shadow:0 1px 8px #21364a0c; }
.pm-client .agency-header-container { height:100%; max-width:1440px; margin:auto; justify-content:space-between; padding:0 40px; }
.pm-client .agency-header-container .left-bar { gap:64px; }
.pm-client .agency-logo { width:88px; }
.pm-client .agency-logo img { width:88px; height:34px; object-fit:contain; }
.pm-client .agency-nav { gap:30px; height:68px; }
.pm-client .agency-nav { position:static; flex-direction:row; align-items:center; padding:0; box-shadow:none; }
.pm-client .agency-nav a { border-bottom:0; padding:0; }
.pm-client .agency-nav a { display:flex; align-items:center; height:100%; font-size:15px; color:var(--pm-ink); position:relative; }
.pm-client .agency-nav a.active { color:var(--pm-blue); font-weight:700; }
.pm-client .agency-nav a.active::after { content:''; position:absolute; bottom:0; left:-12px; right:-12px; height:3px; background:var(--pm-blue); }
.pm-client .agency-content { max-width:none; width:100%; padding:30px 40px 60px; margin:0; }
.pm-page { max-width:1380px; margin:0 auto; min-width:0; }
.pm-page a { text-decoration:none; }
.pm-page h1,.pm-page h2,.pm-page h3,.pm-page p { margin:0; letter-spacing:0; }
.pm-page h1 { font-size:34px; line-height:1.4; font-weight:800; }
.pm-page h2 { font-size:19px; font-weight:700; line-height:1.5; }
.pm-page h3 { font-size:17px; font-weight:700; }
.pm-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:24px; }
.pm-head p,.pm-lead { margin-top:6px; color:var(--pm-muted); font-size:14px; line-height:1.8; }
.pm-head .pm-button { min-height:54px; padding:12px 24px; }
.pm-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:24px; align-items:start; }
.pm-main,.pm-aside { min-width:0; }
.pm-aside { display:grid; gap:20px; }
.pm-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:42px; border:1px solid var(--pm-blue); border-radius:8px; padding:9px 18px; background:var(--pm-blue); color:#fff!important; font-family:inherit; font-size:14px; font-weight:600; line-height:1.5; cursor:pointer; text-align:center; white-space:normal; }
.pm-button:hover { background:#006be4; }
.pm-button--secondary { background:#fff; color:var(--pm-ink)!important; border-color:#bfcee4; }
.pm-button--secondary:hover { background:#f4f8fd; }
.pm-status-select { appearance:auto; min-width:128px; max-width:100%; padding:5px 8px; border:1px solid #cfd9e6; border-radius:999px; background:#fff; color:#31415f; font-size:12px; font-weight:700; cursor:pointer; }
.pm-status-select--published { border-color:#9bd5b0; background:#effaf3; color:#1c7a45; }
.pm-status-select--pending_review { border-color:#f1d28a; background:#fff8e6; color:#8a5a00; }
.pm-status-select--rejected { border-color:#efacac; background:#fff3f3; color:#c6303e; }
.pm-button--red { background:#d9363e; border-color:#d9363e; color:#fff!important; }
.pm-button--red:hover { background:#bf2a32; border-color:#bf2a32; }
.pm-button--danger { background:#fff; border-color:#efacac; color:#c6303e!important; }
.pm-button--small { min-height:36px; padding:6px 12px; font-size:12px; }
.pm-button:disabled,.pm-icon-button:disabled { opacity:.5; cursor:wait; }
.pm-button:focus-visible,.pm-icon-button:focus-visible,.pm-page a:focus-visible { outline:3px solid #72b4ff; outline-offset:3px; }
.pm-icon-button { width:32px; height:32px; flex:none; border:0; background:transparent; border-radius:5px; color:var(--pm-muted); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
.pm-icon-button:hover { background:#edf4fb; }
.pm-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.pm-stat { display:flex; align-items:flex-start; gap:14px; min-height:116px; padding:20px 16px; background:#fff; border:1px solid #eef3f8; border-radius:8px; color:var(--pm-ink); box-shadow:0 2px 6px #26426803; }
.pm-stat-icon,.pm-section-icon { display:inline-flex; justify-content:center; align-items:center; flex:none; width:46px; height:46px; border-radius:8px; color:var(--pm-blue); background:#eaf4ff; font-size:21px; }
.pm-stat-icon--green { background:#eafaf0; color:#119760; }
.pm-stat small { display:block; font-size:12px; color:var(--pm-muted); margin-top:5px; line-height:1.6; }
.pm-stat-label { font-size:13px; font-weight:700; }
.pm-stat strong { display:block; font-size:27px; line-height:1.3; margin-top:4px; }
.pm-stat strong span { font-size:13px; margin-left:4px; }
.pm-tabs { display:flex; align-items:center; gap:8px; overflow-x:auto; margin-bottom:18px; padding:2px 0; }
.pm-tab { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:none; border:1px solid #e7eef7; background:#fff; padding:9px 15px; min-height:40px; border-radius:22px; color:#4e6181; font-size:13px; font-weight:600; white-space:nowrap; }
.pm-tab.is-active { background:var(--pm-blue); color:#fff; border-color:var(--pm-blue); }
.pm-tab-count { min-width:23px; height:22px; border-radius:12px; padding:1px 7px; background:#edf3fc; color:#334c77; font-size:12px; }
.pm-toolbar { display:flex; gap:10px; margin-bottom:20px; }
.pm-search { position:relative; flex:1; min-width:0; }
.pm-search i { position:absolute; left:15px; top:15px; color:#8498b9; }
.pm-search input { padding-left:40px!important; }
.pm-input,.pm-select,.pm-search input { width:100%; min-height:44px; padding:10px 13px; font:inherit; font-size:13px; color:var(--pm-ink); background:#fff; border:1px solid #cfddef; border-radius:7px; }
.pm-input::placeholder,.pm-search input::placeholder { color:#9aaac5; }
.pm-toolbar select { width:150px; flex:none; }
.pm-cards { display:grid; gap:12px; }
.pm-project-card { position:relative; display:grid; grid-template-columns:132px minmax(0,1fr) auto; align-items:center; gap:18px; padding:12px 16px; border:1px solid #e6edf6; background:#fff; border-radius:8px; min-height:122px; }
.pm-project-image { width:132px; height:96px; object-fit:cover; border-radius:7px; background:#ecf1f7; display:flex; align-items:center; justify-content:center; color:#9aaac0; font-size:28px; }
.pm-project-copy { min-width:0; }
.pm-project-title { display:block; color:var(--pm-ink); font-size:17px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.pm-tags { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-top:6px; }
.pm-tag { display:inline-flex; align-items:center; gap:5px; background:#eff4fb; color:#567093; border-radius:5px; padding:3px 9px; font-size:11px; line-height:1.5; }
.pm-meta { display:flex; flex-wrap:wrap; gap:10px 18px; color:var(--pm-muted); font-size:12px; margin-top:11px; }
.pm-meta i { margin-right:5px; }
.pm-card-reward { font-size:12px; color:#51698e; margin-top:6px!important; overflow-wrap:anywhere; }
.pm-card-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-top:13px; }
.pm-card-side { min-width:190px; text-align:right; }
.pm-card-side-top { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.pm-badge { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:600; border-radius:14px; padding:5px 10px; white-space:nowrap; line-height:1.3; }
.pm-badge i { font-size:10px; }
.pm-badge--success { color:#0b8152; background:#e8f8ef; }
.pm-badge--muted { color:#657491; background:#edf1f7; }
.pm-badge--amber { color:#956610; background:#fff3d6; }
.pm-badge--warn { color:#bc3646; background:#ffedf0; }
.pm-badge--blue { color:#0877df; background:#eaf3ff; }
.pm-more { position:relative; }
.pm-more summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:center; width:26px; height:28px; color:var(--pm-muted); }
.pm-more summary::-webkit-details-marker { display:none; }
.pm-more-menu { position:absolute; z-index:5; right:0; top:32px; width:160px; padding:6px; border:1px solid var(--pm-line); background:#fff; border-radius:6px; box-shadow:0 8px 24px #26395516; text-align:left; }
.pm-more-menu a,.pm-more-menu button { display:block; width:100%; border:0; background:#fff; color:var(--pm-ink); padding:9px 10px; font-size:12px; text-align:left; }
.pm-panel { background:#fff; padding:20px; border:1px solid #eaf0f8; border-radius:8px; min-width:0; }
.pm-panel-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:16px; }
.pm-panel-head h2 { display:flex; align-items:center; gap:10px; }
.pm-panel-head a { font-size:12px; font-weight:600; color:var(--pm-blue); }
.pm-section-icon { width:32px; height:32px; font-size:16px; }
.pm-activity { display:flex; gap:12px; padding:15px 0; border-top:1px solid #edf2f8; color:var(--pm-ink); }
.pm-activity img,.pm-avatar { width:48px; height:48px; object-fit:cover; border-radius:50%; background:#eef3f8; flex:none; }
.pm-activity .pm-section-icon { flex:none; }
.pm-activity-body { flex:1; min-width:0; }
.pm-activity strong { display:block; font-size:13px; line-height:1.6; }
.pm-activity p { font-size:12px; line-height:1.7; color:var(--pm-muted); margin-top:4px; overflow-wrap:anywhere; }
.pm-time { font-size:10px; color:#8493ad; margin-top:5px; }
.pm-empty { text-align:center; padding:56px 24px; background:#fff; border:1px dashed #d8e4f1; border-radius:8px; }
.pm-empty > i { display:block; font-size:32px; color:#8bb8ed; margin-bottom:14px; }
.pm-empty p { font-size:14px; color:var(--pm-muted); margin-top:8px; }
.pm-empty .pm-button { margin-top:20px; }
.pm-alert { padding:12px 16px; border:1px solid transparent; border-radius:7px; margin-bottom:16px; font-size:13px; line-height:1.7; }
.pm-alert--success { background:#eaf8f1; border-color:#c6e8d5; color:#137248; }
.pm-alert--warn { background:#fff5f0; border-color:#f2d1c3; color:#a03b2b; }
.pm-pager { display:flex; align-items:center; justify-content:center; gap:20px; margin-top:22px; font-size:13px; }
.pm-pager a { padding:8px 16px; border:1px solid #d4e1f0; border-radius:6px; background:#fff; }
.pm-pager [aria-disabled] { color:#a0adbd; }
.pm-dialog { border:1px solid #d5dfeb; border-radius:8px; color:var(--pm-ink); padding:28px; width:min(520px,calc(100% - 32px)); max-height:85vh; overflow:auto; box-shadow:0 20px 60px #152d4733; }
.pm-dialog::backdrop { background:#182b4e66; }
.pm-dialog h2 { font-size:21px; margin-bottom:18px; }
.pm-dialog-close { position:absolute; right:12px; top:10px; }
.pm-dialog-body { font-size:14px; line-height:1.9; }
.pm-dialog-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:24px; }
.pm-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:16px 0 0; }
.pm-facts > div { min-width:0; }
.pm-facts dt { color:var(--pm-muted); font-size:12px; font-weight:400; margin-bottom:5px; }
.pm-facts dd { margin:0; font-size:13px; line-height:1.8; overflow-wrap:anywhere; }
.pm-crumbs { display:flex; gap:12px; font-size:12px; color:var(--pm-muted); margin-bottom:20px; }
.pm-detail-head { margin-bottom:24px; }
.pm-detail-head .pm-head { margin-bottom:10px; align-items:center; }
.pm-detail-head h1 { font-size:27px; }
.pm-detail-actions { display:flex; gap:8px; flex-wrap:wrap; }
.pm-section { background:#fff; padding:22px; border-bottom:1px solid #dfe8f3; margin-top:20px; }
.pm-section:first-child { margin-top:0; }
.pm-section .pm-panel-head { border-bottom:1px solid #eaf0f7; padding-bottom:14px; }
.pm-detail-summary { display:flex; gap:20px; }
.pm-detail-summary > img { width:180px; height:180px; object-fit:cover; border-radius:8px; flex:none; }
.pm-detail-summary > div { flex:1; min-width:0; }
.pm-detail-gallery { display:flex; gap:12px; margin-top:18px; overflow-x:auto; }
.pm-detail-gallery img { width:100px; height:100px; object-fit:cover; border-radius:7px; }
.pm-metric small { font-size:13px; margin-left:5px; }
.pm-description { font-size:13px; line-height:1.9; color:#5f7293; white-space:pre-line; overflow-wrap:anywhere; margin-top:8px!important; }
.pm-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); background:#fff; border:1px solid #edf2f8; border-radius:8px; padding:22px 10px; }
.pm-metric { padding:0 12px; border-right:1px solid #edf2f8; }
.pm-metric:last-child { border:0; }
.pm-metric span { display:block; font-size:12px; color:var(--pm-muted); }
.pm-metric strong { display:block; font-size:26px; margin-top:7px; }
.pm-progress-list { display:grid; gap:12px; margin:18px 0; padding:0; list-style:none; }
.pm-progress-list li { display:flex; align-items:center; justify-content:space-between; font-size:13px; }
.pm-share { display:flex; align-items:center; gap:10px; padding-top:15px; border-top:1px solid #edf2f8; margin-top:18px; }
.pm-share .pm-button { flex:1; }
.pm-selection-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; align-items:start; }
.pm-selection-filters { display:grid; grid-template-columns:minmax(200px,1fr) 2fr; gap:12px; margin-bottom:16px; }
.pm-selection-filters > div { padding:14px; background:#fff; border-radius:8px; border:1px solid #edf2f8; min-width:0; }
.pm-selection-filters strong { display:block; font-size:13px; margin-bottom:10px; }
.pm-selection-filters .pm-tabs { margin:0; }
.pm-candidate { display:flex; gap:16px; align-items:flex-start; padding:14px; border:1px solid #e3ebf5; border-radius:8px; background:#fff; cursor:pointer; position:relative; }
.pm-candidate.is-selected { border-color:var(--pm-blue); box-shadow:inset 0 0 0 1px var(--pm-blue); }
.pm-candidate > img,.pm-candidate-placeholder { width:118px; height:134px; object-fit:cover; border-radius:7px; flex:none; background:#edf2f7; }
.pm-candidate-placeholder { display:flex; align-items:center; justify-content:center; color:#9ba9bd; font-size:30px; }
.pm-candidate-main { flex:1; min-width:0; }
.pm-candidate-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.pm-candidate-flags { display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.pm-candidate-name { overflow-wrap:anywhere; max-width:100%; }
.pm-candidate-name { border:0; background:transparent; font-size:21px; font-weight:700; color:var(--pm-ink); padding:0; text-align:left; }
.pm-candidate-about { font-size:12px; color:var(--pm-muted); margin-top:3px!important; }
.pm-candidate-message { padding:8px 10px; margin-top:9px!important; font-size:12px; line-height:1.7; color:#7385a4; background:#f8fbff; border-radius:5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pm-candidate-sns { display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-size:13px; margin-top:10px; color:#566d94; }
.pm-candidate-sns i { color:var(--pm-blue); font-size:17px; margin-right:4px; }
.pm-candidate-count { margin:12px 0!important; font-size:14px; }
/* 応募者の詳細：「タレントを探す」の詳細と同じ、右から出る固定のカード（幅は写真に合わせる。中だけスクロール） */
.pm-candidate-detail { display:none; position:fixed; inset:0 0 0 auto; width:min(500px,100vw,max(340px,50dvh)); height:100dvh; max-height:100dvh; background:#fff; border:0; border-left:1px solid #ddd; border-radius:0; padding:0; overflow-y:auto; overscroll-behavior:contain; box-shadow:-8px 0 30px #1d365d26; z-index:1100; }
.pm-candidate-detail.is-open { display:block; animation:pm-drawer-in .3s ease-out; }
@keyframes pm-drawer-in { from { transform:translateX(100%); } to { transform:translateX(0); } }
@media(prefers-reduced-motion:reduce) { .pm-candidate-detail.is-open { animation:none; } }
.pm-detail-profile { display:flex; gap:17px; margin-bottom:20px; }
.pm-detail-profile img,.pm-detail-profile .pm-candidate-placeholder { width:130px; height:152px; object-fit:cover; border-radius:7px; flex:none; }
.pm-detail-profile h2 { font-size:26px; margin:0 0 6px; }
.pm-detail-profile .pm-button { margin-top:12px; }
.pm-detail-block { border-top:1px solid #e8eef6; padding-top:17px; margin-top:17px; }
.pm-detail-block h3 { font-size:15px; margin-bottom:12px; }
.pm-detail-block p { font-size:13px; line-height:1.8; color:#617799; overflow-wrap:anywhere; }
.pm-detail-footer { display:flex; gap:8px; flex-wrap:wrap; margin-top:22px; }
.pm-detail-footer .pm-button { flex:1; }
.pm-detail-close { float:right; }
.pm-selection-empty { color:var(--pm-muted); font-size:13px; padding:24px; text-align:center; }
.pm-mobile-panel-backdrop { display:none; }
.pm-mobile-panel-backdrop.is-open { display:block; position:fixed; inset:0; background:#182b4e66; z-index:1099; }
.pm-form-page { padding-bottom:40px; }
.pm-form-layout { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:20px; align-items:start; }
.pm-form-aside { position:sticky; top:84px; display:grid; gap:20px; min-width:0; }
.pm-stepper { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); background:#fff; padding:16px 12px; gap:8px; border-radius:8px; border:1px solid #e7eff7; margin-bottom:22px; }
.pm-step { display:flex; align-items:center; gap:10px; border:0; background:transparent; padding:3px 8px; color:#7286a5; text-align:left; font-size:12px; cursor:pointer; min-width:0; }
.pm-step > span { width:34px; height:34px; flex:none; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#edf3fa; font-size:16px; }
.pm-step strong { font-size:12px; line-height:1.7; }
.pm-step.is-active { color:var(--pm-blue); }
.pm-step.is-active > span { background:var(--pm-blue); color:#fff; }
.pm-step.has-error > span { background:#ffedef; color:#bc3646; }
.pm-form-section { background:#fff; padding:24px; border:1px solid #e3ecf6; border-radius:8px; }
.pm-form-section h2 { font-size:21px; }
.pm-form-section h3 { margin:20px 0 14px; }
.pm-form-section > .pm-field-hint { margin:6px 0 20px; }
.pm-field { margin:20px 0; min-width:0; }
.pm-field > label,.pm-field legend { display:block; margin-bottom:8px; font-size:13px; font-weight:700; color:var(--pm-ink); }
.pm-choice-field { border:0; padding:0; }
.pm-choice-field legend { width:auto; }
.pm-field textarea { min-height:120px; line-height:1.8; resize:vertical; }
.pm-field input:focus,.pm-field select:focus,.pm-field textarea:focus { border-color:var(--pm-blue); outline:2px solid #d8ebff; }
.pm-field-hint { font-size:12px; line-height:1.7; color:var(--pm-muted); margin-top:6px!important; }
.pm-required,.pm-optional { display:inline-block; font-weight:700; margin-left:8px; padding:1px 7px; border-radius:4px; font-size:10px; line-height:1.6; vertical-align:middle; color:#fff; background:#e04454; }
.pm-optional { background:#e8edf4; color:#5d6f8a; }
.pm-field-error { color:#c43745; font-size:12px; margin-top:6px!important; }
.pm-error-link { border:0; padding:0; color:inherit; text-decoration:underline; background:none; cursor:pointer; text-align:left; }
.pm-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }
.pm-choices { display:flex; flex-wrap:wrap; gap:8px; }
.pm-choice { display:inline-flex; align-items:center; gap:8px; padding:10px 13px; border:1px solid #dbe5f1; background:#fff; color:#425c81; border-radius:7px; font-size:12px; cursor:pointer; margin:0; line-height:1.5; }
.pm-choice:has(input:checked) { border-color:var(--pm-blue); background:#f2f8ff; }
.pm-choice input { accent-color:var(--pm-blue); width:15px; height:15px; margin:0; flex:none; }
.pm-choice:has(input:disabled) { opacity:.45; cursor:default; }
.pm-choice i { color:var(--pm-blue); font-size:18px; }
.pm-upload { display:flex; align-items:center; gap:18px; padding:12px; border:1px dashed #b9d0ef; background:#f8fbff; border-radius:7px; min-height:180px; }
.pm-upload.is-dragging { outline:2px solid var(--pm-blue); background:#eaf4ff; }
.pm-upload-image { position:relative; flex:none; }
.pm-upload-image img { width:168px; height:156px; object-fit:cover; border-radius:6px; }
.pm-upload-image .pm-icon-button { position:absolute; right:5px; top:5px; background:#fff; }
.pm-upload-label { display:flex; flex:1; flex-direction:column; gap:10px; justify-content:center; align-items:center; font-size:12px; text-align:center; color:#7085a7; }
.pm-upload-label > i { font-size:24px; }
.pm-upload-label > strong { font-size:13px; }
.pm-file-input { position:absolute; width:1px; height:1px; opacity:0; overflow:hidden; }
.pm-upload:focus-within { outline:2px solid #8dbdff; }
.pm-upload--compact { min-height:60px; margin-top:14px; flex-wrap:wrap; color:var(--pm-muted); font-size:12px; }
.pm-gallery { display:flex; gap:12px; flex-wrap:wrap; margin-top:12px; }
.pm-gallery-item { width:128px; min-width:0; font-size:11px; }
.pm-gallery-item img { width:128px; height:100px; border-radius:6px; object-fit:cover; }
.pm-gallery-item label { display:flex; gap:5px; align-items:center; margin:6px 0 0; font-size:11px; }
.pm-gallery-item .pm-input { min-height:28px; padding:3px; width:45px; }
.pm-gallery-item.is-removed { opacity:.35; }
.pm-private-field { border-bottom:1px solid #edf2f7; padding-bottom:5px; }
.pm-private-timing { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:20px; font-size:11px; color:var(--pm-muted); }
.pm-private-field .pm-field { margin-top:9px; }
.pm-private-timing .pm-choice { font-size:11px; padding:6px 9px; }
.pm-progress-segments { display:flex; gap:4px; }
.pm-progress-segments span { height:10px; flex:1; background:#e7eef6; border-radius:5px; }
.pm-progress-segments span.is-active { background:var(--pm-blue); }
.pm-form-progress h2 { font-size:14px; }
.pm-form-progress #pm-step-count { color:var(--pm-muted); font-size:12px; }
.pm-preview-tabs { display:flex; border-radius:6px; background:#f0f5fb; overflow:hidden; }
.pm-preview-tabs button { flex:1; border:0; border-radius:6px; background:transparent; color:#657d9e; font-size:12px; padding:10px; cursor:pointer; }
.pm-preview-tabs .is-active { color:#fff; background:var(--pm-blue); }
.pm-preview-phase { display:flex; gap:12px; padding:12px 0; font-size:11px; color:#7890ad; }
.pm-preview-phase label { margin:0; }
.pm-preview-card { border:1px solid #e1ebf6; border-radius:8px; overflow:hidden; }
.pm-preview-media { position:relative; height:180px; background:#eff5fb; }
.pm-preview-media > img { width:100%; height:100%; object-fit:cover; }
.pm-preview-media [data-preview-placeholder] { height:100%; display:flex; align-items:center; justify-content:center; font-size:30px; color:#8cabc9; }
.pm-preview-media .pm-badge { position:absolute; left:10px; top:10px; }
.pm-preview-body { padding:16px; }
.pm-preview-gallery { display:flex; gap:8px; overflow-x:auto; margin:12px 0; }
.pm-preview-gallery img { width:112px; height:112px; flex:none; object-fit:cover; border-radius:6px; }
.pm-preview-body h3 { font-size:16px; }
.pm-preview-body .pm-description { font-size:12px; }
.pm-live-preview h2 { font-size:17px; }
.pm-live-preview .pm-facts { grid-template-columns:1fr; }
.pm-preview-close { display:none; }
.pm-fee { background:#eef6ff; border-radius:7px; padding:15px; font-size:13px; line-height:1.8; margin-top:24px; }
.pm-form-actions { position:fixed; bottom:0; left:0; right:0; display:flex; justify-content:space-between; gap:16px; border-top:1px solid #d8e4f1; background:#fff; padding:12px 32px; z-index:100; box-shadow:0 -3px 12px #26456508; }
.pm-form-actions > div { display:flex; gap:10px; }
.pm-region-dialog { width:min(680px,calc(100% - 32px)); }
.pm-region-actions { display:flex; gap:8px; margin:12px 0; }
.pm-region { border:0; padding:0; margin:15px 0; }
.pm-region legend { font-size:14px; width:auto; }
.pm-region > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; font-size:12px; }
.pm-region label { margin:0; }
.pm-page [hidden] { display:none!important; }
@media(max-width:1180px) { .pm-form-layout { grid-template-columns:minmax(0,1fr) 310px; } .pm-step { flex-direction:column; padding:0; text-align:center; gap:6px; } }
@media(max-width:980px) { .pm-form-layout { grid-template-columns:1fr; } .pm-form-aside { position:static; } .pm-form-progress { display:none; } .pm-live-preview { display:none; } .pm-live-preview.is-open { display:block; position:fixed; inset:0; z-index:1100; overflow:auto; border-radius:0; max-width:none; } .pm-preview-close { display:inline-flex; } }
@media(max-width:640px) { .pm-form-section { padding:18px; } .pm-stepper { padding:12px 8px; gap:3px; } .pm-step > span { width:29px; height:29px; font-size:14px; } .pm-step strong { font-size:10px; } .pm-form-grid { grid-template-columns:1fr; } .pm-upload { flex-direction:column; } .pm-upload-image img { width:160px; height:140px; } .pm-form-actions { padding:10px 12px; flex-wrap:wrap; gap:8px; } .pm-form-actions > div { flex:1; justify-content:flex-end; gap:6px; } .pm-form-actions > div:first-child { justify-content:flex-start; } .pm-form-actions .pm-button { font-size:11px; min-height:38px; padding:7px 10px; } .pm-form-page { padding-bottom:70px; } .pm-region > div { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:768px) {
    .pm-client .agency-nav { display:flex; gap:14px; background:transparent; }
    .pm-client .agency-nav a { font-size:12px; white-space:nowrap; }
    .pm-client .agency-menu-toggle { display:none; }
    .pm-client .agency-header-container .left-bar { gap:20px; }
    .pm-client:has(.agency-nav a:nth-of-type(3)) .agency-nav { display:none; }
    .pm-client:has(.agency-nav a:nth-of-type(3)) .agency-menu-toggle { display:flex; }
    .pm-client:has(.agency-nav a:nth-of-type(3)) .agency-nav.is-open { display:flex; position:absolute; flex-direction:column; height:auto; background:#fff; padding:12px 20px; align-items:stretch; gap:12px; }
    .pm-client:has(.agency-nav a:nth-of-type(3)) .agency-nav a.active::after { display:none; }
}
@media(max-width:640px) {
    .pm-form-actions { display:grid; grid-template-columns:1fr; }
    .pm-form-actions > div { min-width:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
    .pm-form-actions > div:first-child { display:flex; }
    .pm-form-actions .pm-button { white-space:nowrap; }
    .pm-form-actions [data-step-next],.pm-form-actions #pm-form-submit { grid-column:3; }
}
@media(min-width:1500px) { .pm-layout { grid-template-columns:minmax(0,1fr) 390px; } }
@media(max-width:1180px) { .pm-layout { grid-template-columns:minmax(0,1fr) 300px; gap:18px; } .pm-stat { gap:9px; padding:16px 12px; } .pm-stat-icon { width:34px; height:34px; font-size:17px; } .pm-project-card { grid-template-columns:104px minmax(0,1fr); } .pm-project-image { width:104px; height:96px; } .pm-card-side { grid-column:2; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:10px; text-align:left; } .pm-card-actions { margin:0; }  .pm-candidate > img,.pm-candidate-placeholder { width:82px; height:105px; } .pm-detail-profile img { width:105px; height:130px; } }
@media(max-width:980px) { .pm-client .agency-content { padding:24px; } .pm-layout { grid-template-columns:1fr; } .pm-aside { grid-template-columns:repeat(2,minmax(0,1fr)); } .pm-selection-layout { grid-template-columns:1fr; } .pm-detail-summary > img { width:145px; height:145px; } }
@media(min-width:981px) { .pm-detail-close { display:none; } }
@media(max-width:640px) { .pm-client .agency-content { padding:20px 16px 70px; } .pm-client .agency-header-container { padding:0 16px; flex-direction:row; } .pm-client .agency-header-container .left-bar { gap:20px; width:auto!important; justify-content:flex-start; } .pm-client .agency-header-container .right-bar { width:auto!important; gap:12px; } .pm-client .agency-logo { width:70px!important; } .pm-client .agency-logo img { width:70px; } .pm-client .agency-nav { gap:14px; display:flex; } .pm-client .agency-nav a { font-size:12px; } .pm-client .agency-menu-toggle { display:none; } .pm-client .agency-name-text { display:none; } .pm-page h1 { font-size:27px; } .pm-head { flex-wrap:wrap; gap:12px; margin-bottom:18px; } .pm-head .pm-button { min-height:42px; font-size:13px; } .pm-head p { font-size:12px; } .pm-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .pm-stat { min-height:100px; padding:14px 11px; } .pm-stat strong { font-size:24px; } .pm-stat small { font-size:10px; } .pm-toolbar { flex-wrap:wrap; } .pm-search { flex-basis:100%; } .pm-toolbar select { flex:1; min-width:0; width:auto; } .pm-project-card { gap:10px; padding:12px; grid-template-columns:78px minmax(0,1fr); } .pm-project-image { width:78px; height:88px; } .pm-project-title { font-size:14px; } .pm-card-side { grid-column:1/-1; flex-wrap:wrap; } .pm-tag { font-size:10px; padding:2px 6px; } .pm-meta { font-size:11px; gap:7px 12px; } .pm-aside { grid-template-columns:1fr; } .pm-panel { padding:18px; } .pm-selection-filters { grid-template-columns:1fr; } .pm-candidate { gap:10px; padding:12px; } .pm-candidate > img,.pm-candidate-placeholder { width:72px; height:100px; } .pm-candidate-name { font-size:18px; } .pm-candidate .pm-badge { font-size:10px; padding:4px 7px; } .pm-candidate-about { font-size:11px; } .pm-detail-head h1 { font-size:24px; } .pm-detail-actions { width:100%; } .pm-detail-actions .pm-button { flex:1 1 40%; font-size:12px; padding:8px; } .pm-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 0; } .pm-metric { padding:0 10px; } .pm-metric strong { font-size:22px; } .pm-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .pm-section { padding:18px; } .pm-detail-summary { display:block; } .pm-detail-summary > img { width:100%; height:200px; margin-bottom:18px; } }

.pm-template-actions { display:flex; gap:8px; flex-wrap:wrap; }
.pm-template-actions [hidden] { display:none; }
.pm-template-trigger { margin:0 0 10px; }
.pm-template-dialog { width:min(900px,calc(100% - 32px)); }
.pm-template-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:20px; margin-top:18px; }
.pm-template-list { display:flex; flex-direction:column; gap:6px; }
.pm-template-option { display:flex; justify-content:space-between; gap:10px; padding:12px; text-align:left; border:1px solid #d5dfeb; border-radius:6px; background:#fff; color:var(--pm-ink); font-size:13px; cursor:pointer; }
.pm-template-option[aria-pressed="true"] { border-color:var(--pm-blue); color:var(--pm-blue); background:#edf5ff; font-weight:700; }
.pm-template-option:focus-visible { outline:2px solid var(--pm-blue); outline-offset:2px; }
.pm-template-preview { min-width:0; background:#f7faff; padding:18px; border-radius:8px; border:1px solid #d5dfeb; }
.pm-template-preview h3 { font-size:16px; margin:0 0 14px; }
.pm-template-copy { white-space:pre-wrap; font-size:13px; line-height:1.9; margin:0; overflow-wrap:anywhere; }
@media(max-width:640px) { .pm-template-dialog { padding:22px 16px; } .pm-template-layout { grid-template-columns:1fr; gap:14px; } .pm-template-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .pm-template-option { font-size:12px; padding:10px; } }
@media(min-width:641px) { .pm-template-layout { height:min(460px,48vh); } .pm-template-list,.pm-template-preview { overflow-y:auto; } .pm-template-option { flex-shrink:0; } }

.pm-cost-estimate { margin:24px 0; padding:20px; border:1px solid #d5dfeb; border-radius:10px; background:#f7faff; }
.pm-cost-estimate h3 { margin:0 0 12px; font-size:18px; }
.pm-cost-total { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:20px 0 12px; }
.pm-cost-total > span { font-size:14px; font-weight:700; }
.pm-cost-total > span > span { display:block; margin-top:4px; font-size:12px; color:var(--pm-muted); font-weight:400; }
.pm-cost-total strong { font-size:30px; color:var(--pm-blue); }
.pm-cost-breakdown { margin:0; }
.pm-cost-breakdown > div { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid #dde5ef; font-size:13px; }
.pm-cost-breakdown dd { margin:0; white-space:nowrap; }
.pm-cost-breakdown .pm-cost-detail { border:0; color:var(--pm-muted); font-size:12px; padding:5px 0 5px 14px; }
.pm-cost-breakdown [hidden],.pm-cost-estimate [hidden] { display:none; }
.pm-cost-budget,.pm-cost-capacity { margin-top:18px; }
.pm-cost-emphasis { font-weight:700; }
.pm-cost-capacity > p { font-size:13px; font-weight:700; }
.pm-example-chips { display:flex; flex-wrap:wrap; gap:8px; margin:-6px 0 16px; }
.pm-cost-plan { margin-left:10px; padding:2px 9px; border-radius:999px; background:#e3eefc; color:var(--pm-blue); font-size:11px; font-weight:700; vertical-align:middle; }
.pm-cost-lead { margin:0; padding:12px 14px; border:1px solid #dce5ef; border-radius:8px; background:#fff; font-size:13px; font-weight:700; line-height:1.7; }
.pm-cost-list { margin:0; border:1px solid #dde5ef; border-radius:8px; background:#fff; overflow:hidden; }
.pm-cost-row { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 16px; border-bottom:1px solid #eef2f7; font-size:13px; }
.pm-cost-row:last-child { border-bottom:0; }
.pm-cost-row dt { font-weight:600; }
.pm-cost-row dt small { display:block; margin-top:2px; font-size:11px; font-weight:400; color:var(--pm-muted); }
.pm-cost-row dd { margin:0; white-space:nowrap; font-weight:700; font-variant-numeric:tabular-nums; }
.pm-cost-row.is-key { background:#f3f8ff; }
.pm-cost-row.is-key dd { font-size:17px; color:var(--pm-blue); }
.pm-cost-row.is-total { background:#eaf2ff; }
.pm-cost-row.is-total dd { font-size:20px; color:var(--pm-blue); }
.pm-cost-row[hidden] { display:none; }
.pm-provision-panel { margin:24px 0; padding:20px; border:1px solid #d5dfeb; border-radius:8px; }
.pm-provision-panel h3 { margin:0 0 14px; font-size:17px; }
.pm-post-common { margin:20px 0; padding:18px; background:#f7faff; border:1px solid #d5dfeb; border-radius:8px; }
.pm-post-common h4 { margin:0 0 12px; font-size:14px; }
.pm-post-common ul { margin:0; padding-left:20px; font-size:12px; line-height:1.9; }
.pm-post-common li { margin-bottom:8px; }
.pm-hashtag-box { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:10px 12px; border:1px solid #d5dfeb; border-radius:6px; background:white; }
.pm-hashtag-box:focus-within { border-color:var(--pm-blue); outline:2px solid #d8ebff; }
.pm-hashtag-tags { display:contents; }
.pm-hashtag-tag { display:flex; align-items:center; gap:8px; background:#edf0ff; border-radius:24px; padding:7px 12px; font-size:14px; overflow-wrap:anywhere; max-width:100%; }
.pm-hashtag-tag button { border:0; background:transparent; color:var(--pm-muted); cursor:pointer; padding:0 4px; font-size:20px; }
.pm-hashtag-input { flex:1; min-width:160px; width:160px; border:0; outline:none; padding:8px 0; font-size:14px; }
.pm-hashtag-input:focus { outline:none!important; }
.pm-stepper { grid-template-columns:repeat(5,minmax(0,1fr)); }
.pm-submission-images { display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; }
.pm-submission-images img { width:100px; height:100px; object-fit:cover; border-radius:6px; }

.pm-usage-help { margin:12px 0 20px; padding:14px 16px; border-radius:8px; background:#f5f8fc; color:var(--pm-muted); font-size:13px; line-height:1.8; }
.pm-usage-help p { margin:0; }
.pm-usage-help p + p { margin-top:8px; }
.pm-applicant-info { margin:18px 0 24px; padding:20px; border:1px solid #d5dfeb; border-radius:8px; background:#fafcff; }
.pm-applicant-info h3 { margin-top:0; }

.pm-validation-summary { margin-bottom:20px; padding:16px 20px; border:1px solid #f0b8bd; border-radius:8px; background:#fff5f5; color:#b42332; }
.pm-validation-summary ul { margin:10px 0 0; padding-left:20px; max-height:180px; overflow:auto; }
.pm-validation-summary button { border:0; padding:3px 0; background:transparent; color:inherit; text-align:left; text-decoration:underline; cursor:pointer; font-size:13px; }
.pm-field.has-error .pm-input,.pm-field.has-error .pm-select,.pm-field.has-error .pm-hashtag-box { border-color:#c43745; }
.pm-field.has-error > label,.pm-field.has-error > legend { color:#b42332; }
.pm-step.has-error { color:#b42332; box-shadow:inset 0 -3px #c43745; }

.pm-talent-preview-dialog { width:min(1240px,96vw); max-width:none; height:92vh; max-height:92vh; padding:0; border:1px solid #dce6f2; border-radius:14px; color:#162744; overflow:hidden; }
.pm-talent-preview-dialog::backdrop { background:rgba(15,30,55,.5); }
.pm-talent-preview-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 24px; border-bottom:1px solid #dce6f2; background:white; }
.pm-talent-preview-head h2 { font-size:19px; margin:0; }
.pm-talent-preview-head p { font-size:13px; color:#7485a4; margin:6px 0 0; }
.pm-talent-preview-dialog iframe { display:block; width:100%; height:calc(100% - 100px); border:0; background:#f5f8fc; }
.pm-talent-preview-dialog iframe[hidden] { display:none; }
.pm-talent-preview-dialog > [role=status] { padding:0 24px; }
@media(max-width:600px) { .pm-talent-preview-dialog { width:98vw; height:95vh; max-height:95vh; } .pm-talent-preview-head { padding:14px; } .pm-talent-preview-head h2 { font-size:16px; } .pm-talent-preview-head .pm-button { flex-shrink:0; } }

/* 一覧の「いまのSTEP」チップ */

/* 一覧の「募集票」「成立した案件」の種類ラベル（カードの見た目は共通） */
.pm-kind { display:inline-flex; align-items:center; border-radius:5px; padding:3px 9px; font-size:11px; font-weight:700; line-height:1.4; }
.pm-kind--project { background:#e8f1ff; color:#246acb; }
.pm-kind--contract { background:#e3f6ed; color:#138153; }

/* 要対応の帯 */
.pm-needs { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin:0 0 16px; padding:12px 16px; border:1px solid #e6edf6; border-radius:8px; background:#fff; }
.pm-needs.has-items { background:#fff8ec; border-color:#f6d9a8; }
.pm-needs__title { display:flex; align-items:center; gap:8px; margin:0; font-size:15px; font-weight:800; color:#92590a; }
.pm-needs__list { display:flex; gap:8px; flex-wrap:wrap; }
.pm-needs__item { display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border-radius:999px; background:#fff; border:1px solid #f1cf94; color:#19314e; font-size:13px; font-weight:700; text-decoration:none; }
.pm-needs__item b { color:#c2570c; }
.pm-needs__item .fa-chevron-right { font-size:10px; color:#b79a6b; }
.pm-needs__empty { margin:0; display:flex; align-items:center; gap:8px; font-size:13px; color:#617799; }
.pm-needs__empty i { color:#16a34a; }
/* 3つのタブは大きめに、タブの中の絞り込みはチップで */
.pm-tabs--main .pm-tab { font-size:15px; padding:12px 22px; }
.pm-tab-count--alert { background:#e5484d; color:#fff; }
.pm-tab.is-active .pm-tab-count--alert { background:#fff; color:#e5484d; }
.pm-chips { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 14px; }
.pm-chip { display:inline-flex; align-items:center; gap:6px; padding:6px 14px; border-radius:999px; border:1px solid #d9e3f0; background:#fff; color:#4d6483; font-size:13px; font-weight:600; text-decoration:none; }
.pm-chip span { font-size:11px; color:#8aa0bc; }
.pm-chip.is-active { background:#2563eb; border-color:#2563eb; color:#fff; }
.pm-chip.is-active span { color:#dbe7ff; }

/* 一覧の表（PC）とカード（スマホ）。同じ中身を、幅で切り替える */
.pm-result-count { margin:0 0 10px; font-size:14px; color:#2d4262; }
.pm-result-count strong { font-size:20px; margin-right:2px; color:#2563eb; }
.pm-result-count span { margin-left:8px; font-size:12px; color:#7188aa; }
.pm-table-wrap { background:#fff; border:1px solid #e6edf6; border-radius:8px; overflow-x:auto; }
.pm-table { width:100%; border-collapse:collapse; font-size:13px; }
.pm-table th { padding:12px 12px; background:#f7f9fc; color:#5b6f8c; font-size:12px; font-weight:700; text-align:left; white-space:nowrap; border-bottom:1px solid #e6edf6; }
.pm-table td { padding:14px 12px; vertical-align:middle; border-bottom:1px solid #eef2f8; color:#19314e; }
.pm-table tbody tr:last-child td { border-bottom:0; }
.pm-table tbody tr:hover { background:#fafcff; }
.pm-th-sort { color:inherit; text-decoration:none; }
.pm-th-sort i { margin-left:2px; font-size:11px; color:#a8b6ca; }
.pm-th-sort.is-active, .pm-th-sort.is-active i { color:#2563eb; }
.pm-col-title { min-width:320px; }
.pm-col-date { white-space:nowrap; font-size:12px; color:#4d6483; }
.pm-col-date small { color:#8aa0bc; }
.pm-col-num { text-align:center; white-space:nowrap; }
.pm-col-num i { margin-right:5px; color:#9db0c8; font-size:13px; }
.pm-col-num b { font-size:16px; font-weight:700; }
.pm-col-actions { white-space:nowrap; text-align:right; }
.pm-col-actions .pm-button { margin-left:6px; }
.pm-cell-project { display:flex; gap:12px; align-items:flex-start; }
.pm-cell-thumb { flex:none; width:84px; height:62px; border-radius:6px; object-fit:cover; background:#ecf1f7; display:flex; align-items:center; justify-content:center; color:#9aaac0; font-size:20px; }
.pm-cell-project .pm-project-title { display:block; margin-bottom:6px; font-weight:700; font-size:14px; }
.pm-row-links { display:flex; gap:14px; flex-wrap:wrap; margin-top:8px; }
.pm-row-links a, .pm-row-links button { padding:0; border:0; background:none; font:inherit; font-size:12px; color:#2563eb; cursor:pointer; text-decoration:none; }
.pm-row-links form { margin:0; }
.pm-row-links i { margin-right:3px; }
.pm-dash { color:#b8c4d6; }
.pm-cards--mobile { display:none; }
@media (max-width: 980px) {
  .pm-table-wrap { display:none; }
  .pm-cards--mobile { display:grid; }
}

/* 表が横幅を使えるよう、右の列をやめて、最近のアクションは一覧の下に出す */
.pm-layout--wide { grid-template-columns:minmax(0,1fr) !important; }
.pm-layout--wide .pm-aside { display:block; margin-top:24px; }

/* 幅が足りないときは列を詰める（操作は縦に並べる。タイトルの最小幅も小さく） */
.pm-col-title { min-width:260px; }
.pm-col-actions { display:table-cell; }
.pm-col-actions .pm-button { display:flex; justify-content:center; margin:0 0 6px 0; white-space:nowrap; padding:7px 12px; min-width:104px; }
.pm-col-actions .pm-button:last-child { margin-bottom:0; }
.pm-table th, .pm-table td { padding-left:9px; padding-right:9px; }
.pm-cell-thumb { width:72px; height:54px; }
.pm-col-num i { display:none; }
.pm-table th.pm-col-num a, .pm-table th.pm-col-num { text-align:center; }
@media (min-width: 1280px) { .pm-col-num i { display:inline; } .pm-table th, .pm-table td { padding-left:12px; padding-right:12px; } }

/* 応募・案件相談の表（行を押すと詳細カード） */
.pm-entry-row { cursor:pointer; }
.pm-entry-row.is-selected { background:#f3f8ff !important; box-shadow:inset 3px 0 0 #2563eb; }
.pm-entry-row:focus-visible { outline:2px solid #9dc1f5; outline-offset:-2px; }
.pm-cell-avatar { flex:none; width:52px; height:52px; border-radius:50%; object-fit:cover; background:#ecf1f7; display:flex; align-items:center; justify-content:center; color:#9aaac0; font-size:20px; }
.pm-entry-about { margin:2px 0 6px; font-size:12px; color:#617799; }
.pm-entry-project { display:block; font-weight:700; font-size:13px; line-height:1.5; }
.pm-entry-sub { display:block; margin-top:3px; font-size:12px; color:#7188aa; }
.pm-table--entries .pm-col-title { min-width:240px; }

/* タイトルを押すとタレント側の表示が開く（ホバーで下線） */
.pm-project-title--link { text-decoration:none; color:inherit; }
.pm-project-title--link:hover { text-decoration:underline; color:#2563eb; }
/* 編集・コピーは、タイトルの下に縦に並べる（engageと同じ） */
.pm-row-links--stack { flex-direction:column; align-items:flex-start; gap:6px; margin-top:10px; }

/* 応募者のSNS（アイコンと数を小さく） */
.pm-entry-sns { display:flex; flex-wrap:wrap; gap:4px 12px; margin:2px 0 0; font-size:12px; color:#617799; }
.pm-entry-sns span { display:inline-flex; align-items:center; gap:4px; }
.pm-entry-sns i { font-size:13px; color:#7d93b2; }

/* 応募・相談のページ */
.pm-kind-tag { display:inline-flex; align-items:center; gap:4px; margin-left:8px; padding:1px 8px; border-radius:6px; font-size:11px; font-weight:700; line-height:1.6; vertical-align:2px; white-space:nowrap; }
.pm-kind-tag--application { background:#e8f1ff; color:#1d63d6; }
.pm-kind-tag--offer { background:#fdf0e3; color:#b4570b; }
.pm-entry-name { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; }
.pm-entry-name .pm-kind-tag { margin-left:0; vertical-align:baseline; }
.pm-page .pm-entries-help { margin:0 0 12px; font-size:13px; color:#6b7a93; line-height:1.7; }
.pm-kind-tag i { font-size:10px; }
.pm-entries-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:4px 18px; }
.pm-entries-tabs .pm-tabs { margin-bottom:0; }
.pm-page .pm-entries-tabs { margin-bottom:12px; }
.pm-entries-sent { display:inline-flex; align-items:center; gap:6px; font-size:13px; color:#5b6b85; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#c5d0e0; white-space:nowrap; }
.pm-entries-sent i { font-size:11px; color:#b4570b; }
.pm-entries-sent span { font-size:12px; color:#8a97ad; }
.pm-entries-sent:hover { color:#1d63d6; text-decoration-color:currentColor; }
.pm-entries-sent.is-active { color:#192b49; font-weight:700; text-decoration:none; }

/* 一覧の行の下段のボタン（採用する／見送る、進行状況／チャットを開く） */
.pm-row-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.pm-row-actions .pm-button { flex:1 1 auto; min-width:0; min-height:36px; height:36px; white-space:nowrap; gap:5px; padding:6px 12px; }
.pm-col-actions .pm-button[data-candidate-open] { width:100%; }
.pm-candidate .pm-row-actions { max-width:320px; }

/* 確認のモーダル（採用・見送りなど） */
.pm-dialog { border:0; border-radius:16px; padding:28px 28px 24px; width:min(440px,calc(100% - 32px)); }
.pm-dialog h2 { font-size:20px; margin:0 0 16px; }
.pm-dialog-actions { margin-top:20px; }
.pm-dialog-actions .pm-button { min-width:110px; }
.pm-confirm-who { display:flex; align-items:center; gap:12px; padding:12px; border-radius:12px; background:#f5f8fd; }
.pm-confirm-who img, .pm-confirm-who > span { width:48px; height:48px; flex:none; border-radius:50%; object-fit:cover; background:#e3eaf5; color:#8a97ad; display:flex; align-items:center; justify-content:center; }
.pm-confirm-who strong { display:block; font-size:15px; line-height:1.5; }
.pm-confirm-who small { display:block; font-size:12px; color:#6b7a93; line-height:1.5; overflow-wrap:anywhere; }
.pm-confirm-facts { display:grid; gap:0; margin:14px 0 0; }
.pm-confirm-facts > div { display:flex; justify-content:space-between; gap:16px; padding:10px 2px; border-bottom:1px solid #edf1f7; }
.pm-confirm-facts dt { font-size:13px; color:#6b7a93; font-weight:600; }
.pm-confirm-facts dd { margin:0; font-size:14px; font-weight:700; text-align:right; overflow-wrap:anywhere; }
.pm-confirm-facts dd small { font-weight:400; color:#6b7a93; }
.pm-confirm-note { display:flex; align-items:center; gap:8px; margin:14px 0 0; font-size:13px; color:#1d63d6; }
.pm-confirm-note--muted { color:#6b7a93; }
.pm-table--entries .pm-col-actions, .pm-table--contracts .pm-col-actions { width:270px; min-width:270px; }
.pm-col-actions .pm-row-actions .pm-button { margin:0; min-width:0; display:inline-flex; }
.pm-table--entries .pm-row-actions .pm-button, .pm-table--contracts .pm-row-actions .pm-button { font-size:12px; }

/* 採用する（緑） */
.pm-button--ok { background:#16a34a; border-color:#16a34a; color:#fff!important; }
.pm-button--ok:hover { background:#15803d; border-color:#15803d; }
.pm-confirm-note { color:#15803d; }
.pm-confirm-note--muted { color:#6b7a93; }

/* 成立した案件のボタン：オレンジ（確認が必要）／赤（急ぎ） */
.pm-button--warn { background:#f59e0b; border-color:#f59e0b; color:#fff!important; }
.pm-button--warn:hover { background:#d97706; border-color:#d97706; }
.pm-button--alert { background:#dc2626; border-color:#dc2626; color:#fff!important; }
.pm-button--alert:hover { background:#b91c1c; border-color:#b91c1c; }

/* カードの下のボタンは、表の行と同じ並び（横いっぱいに、同じ大きさ） */
.pm-card-side .pm-row-actions, .pm-candidate-main .pm-row-actions { width:100%; margin-top:10px; }

/* 募集票の画像：推奨サイズとおすすめの画像の案内 */
.pm-image-guide { margin:6px 0 12px; padding:12px 14px; border-radius:10px; background:#f5f8fd; font-size:12.5px; line-height:1.8; color:#44556f; }
.pm-image-guide__size { margin:0 0 6px; color:#192b49; }
.pm-image-guide__size i { margin-right:6px; color:#4a8ee3; }
.pm-image-guide ul { margin:0; padding-left:1.2em; }
.pm-image-guide li { margin:2px 0; }
.pm-image-guide b { color:#192b49; }

.pm-cost-group { margin:0 0 16px; }
.pm-cost-group h4 { margin:0 0 8px; font-size:14px; font-weight:700; color:var(--pm-ink,#19304c); }

.pm-cost-group[data-cost-paid] { margin-top:20px; }

.pm-cost-lead[data-cost-lead="unpaid"]:not([hidden]) ~ .pm-cost-group:not([data-cost-paid]) { margin-top:20px; }