
.pcbu-shell{max-width:1100px;margin:0 auto;color:#20313d}
.pcbu-card{background:#fff;border:1px solid #e6edf2;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(21,56,78,.06);margin-bottom:18px}
.pcbu-hero{background:linear-gradient(180deg,#f8fcfe 0%,#ffffff 100%);border:1px solid #dfeff5}
.pcbu-title{font-size:30px;line-height:1.2;margin:0 0 8px;color:#183042}
.pcbu-sub{font-size:16px;line-height:1.65;color:#526774;margin:0}
.pcbu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.pcbu-summary{padding:18px;border-radius:16px;background:#f8fbfd;border:1px solid #e5eef3}
.pcbu-summary h3{margin:0 0 8px;font-size:15px;color:#45606f}
.pcbu-summary strong{display:block;font-size:22px;color:#15384e}
.pcbu-section-title{font-size:22px;margin:10px 0 14px;color:#183042}
.pcbu-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:14px}
.pcbu-field label{display:block;font-weight:600;margin-bottom:6px;color:#294556;font-size:14px}
.pcbu-field input,.pcbu-field select,.pcbu-field textarea{width:100%;padding:12px 14px;border:1px solid #d6e3ea;border-radius:12px;font-size:14px;box-sizing:border-box;background:#fff}
.pcbu-field textarea{min-height:96px}
.pcbu-question{padding:18px;border:1px solid #e5edf2;border-radius:18px;margin-bottom:18px;background:#fff}
.pcbu-question h4{margin:0 0 12px;font-size:18px;color:#183042}
.pcbu-question small{display:block;color:#6b7f8c;margin-bottom:8px}
.pcbu-options label{display:block;border:1px solid #dce8ee;background:#fbfdfe;border-radius:14px;padding:12px 14px;margin-bottom:10px;cursor:pointer}
.pcbu-options input{margin-right:8px}
.pcbu-btn{display:inline-block;background:#1ea7b6;color:#fff;padding:13px 18px;border-radius:12px;border:none;font-weight:700;cursor:pointer;text-decoration:none}
.pcbu-btn:hover{background:#168a97;color:#fff}
.pcbu-muted{color:#6b7f8c;font-size:14px}
.pcbu-list{margin:0;padding-left:20px}
.pcbu-list li{margin-bottom:8px;line-height:1.55}
.pcbu-tag{display:inline-block;padding:7px 10px;border-radius:999px;background:#eef8fa;color:#176d78;font-size:13px;margin:0 8px 8px 0}
.pcbu-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#f1f7f9;color:#345264;font-size:12px;font-weight:700}
.pcbu-match{padding:18px;border:1px solid #e5edf2;border-radius:16px;margin-bottom:14px;background:#fff}
.pcbu-meter{height:10px;background:#eef4f7;border-radius:999px;overflow:hidden;margin-top:8px}
.pcbu-meter span{display:block;height:100%;background:#1ea7b6}
.pcbu-table{width:100%;border-collapse:collapse}
.pcbu-table th,.pcbu-table td{padding:10px 12px;border-bottom:1px solid #e8eef2;text-align:left;font-size:14px}
.pcbu-note{padding:14px 16px;background:#f8fbfd;border-left:4px solid #1ea7b6;border-radius:10px}
@media(max-width:720px){.pcbu-title{font-size:26px}.pcbu-card{padding:18px}}

.pcbu-progress-wrap{background:#f8fbfd;border:1px solid #e5eef3;border-radius:16px;padding:14px;margin:16px 0 18px}
.pcbu-progress-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-weight:700;color:#28495a;font-size:14px;margin-bottom:8px}
.pcbu-progress-bar{height:10px;background:#e8f1f5;border-radius:999px;overflow:hidden}
.pcbu-progress-bar span{display:block;height:100%;background:#1ea7b6;transition:width .25s ease}
.pcbu-step-warning{background:#fff5ed;border:1px solid #ffd8bd;color:#9a4a17;border-radius:12px;padding:12px 14px;margin:0 0 14px;font-weight:600}
.pcbu-stepper-ready .pcbu-question{display:none}
.pcbu-step-controls{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;position:sticky;bottom:12px;z-index:5}
.pcbu-btn-secondary{background:#e8f1f5;color:#24475a}
.pcbu-btn-secondary:hover{background:#dceaf0;color:#24475a}
.pcbu-btn:disabled{opacity:.45;cursor:not-allowed}
.pcbu-submit-final{display:none}
@media(max-width:720px){.pcbu-step-controls{position:static}.pcbu-step-controls .pcbu-btn{width:100%;text-align:center}.pcbu-progress-top{font-size:13px}}

.pcbu-question-instruction{margin:0 0 12px;color:#526774;background:#f8fbfd;border:1px solid #e5eef3;border-radius:12px;padding:10px 12px;font-size:14px}
.pcbu-options input[type="checkbox"]{accent-color:#1ea7b6}

.pcbu-start-area{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #e8eef2}
.pcbu-info-step[style*="none"]{display:none!important}

/* v0.1.7 rapor profili */
.pcbu-report-hero{position:relative;overflow:hidden;background:radial-gradient(circle at top right,rgba(30,167,182,.16),transparent 34%),linear-gradient(180deg,#f8fcfe 0%,#fff 100%)}
.pcbu-eyebrow{font-size:13px;letter-spacing:.02em;text-transform:none;color:#1a8f9d;font-weight:800;margin-bottom:6px}
.pcbu-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:8px}
.pcbu-section-head .pcbu-section-title{margin:0}
.pcbu-btn-soft{background:#edf8fa;color:#147784}
.pcbu-btn-soft:hover{background:#dff2f5;color:#147784}
.pcbu-profile-map-card{background:linear-gradient(135deg,#ffffff 0%,#f8fcfd 56%,#fffaf4 100%)}
.pcbu-profile-map-layout{display:grid;grid-template-columns:minmax(290px,390px) 1fr;gap:28px;align-items:center}
.pcbu-radar-wrap{display:flex;justify-content:center;align-items:center;padding:6px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid #e6edf2}
.pcbu-radar{width:100%;max-width:360px;height:auto;display:block}
.pcbu-radar-ring{fill:none;stroke:#dfeaf0;stroke-width:1.1}
.pcbu-radar-axis{stroke:#e7eef2;stroke-width:1}
.pcbu-radar-shape{fill:url(#pcbuRadarFill);stroke:#1ea7b6;stroke-width:2.5;filter:drop-shadow(0 7px 10px rgba(30,167,182,.12))}
.pcbu-radar-dot{fill:#c58d50;stroke:#fff;stroke-width:2}
.pcbu-radar-number-bg{fill:#fff;stroke:#1ea7b6;stroke-width:1.5}
.pcbu-radar-number{font-size:12px;fill:#15384e;font-weight:800}
.pcbu-radar-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 4px 0}
.pcbu-radar-legend span{font-size:12px;color:#526774;line-height:1.35;background:#fff;border:1px solid #edf2f5;border-radius:999px;padding:6px 9px}
.pcbu-radar-legend strong{color:#1a8f9d;margin-right:5px}
.pcbu-profile-comment{font-size:15.5px;line-height:1.78;color:#3d5360}
.pcbu-profile-comment p{margin:0 0 12px}
.pcbu-profile-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}
.pcbu-profile-area{margin-bottom:0;position:relative;overflow:hidden}
.pcbu-profile-area:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#1ea7b6,#c58d50);opacity:.85}
.pcbu-area-top{display:flex;gap:13px;align-items:flex-start;margin-top:2px}
.pcbu-area-number{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eef8fa;color:#147784;font-weight:800;border:1px solid #d6edf1}
.pcbu-profile-area .pcbu-section-title{font-size:19px;margin:0 0 3px}
.pcbu-area-question{font-size:14.5px;line-height:1.45;color:#526774;font-weight:650;margin:0 0 12px}
.pcbu-area-scoreline{display:flex;justify-content:space-between;align-items:center;background:#f8fbfd;border:1px solid #e5eef3;border-radius:14px;padding:9px 12px;margin:12px 0;color:#45606f;font-size:13px;font-weight:700}
.pcbu-area-scoreline strong{font-size:20px;color:#183042}
.pcbu-mini-bars{display:grid;gap:9px;margin:12px 0 16px}
.pcbu-mini-bar-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(80px,1.25fr) 34px;gap:10px;align-items:center}
.pcbu-mini-bar-label{font-size:13px;color:#405766;line-height:1.25}
.pcbu-mini-bar{height:8px;background:#edf4f7;border-radius:999px;overflow:hidden}
.pcbu-mini-bar span{display:block;height:100%;background:linear-gradient(90deg,#1ea7b6,#72c8d1)}
.pcbu-mini-bar-value{font-size:12px;color:#6b7f8c;text-align:right;font-weight:700}
.pcbu-area-comment{font-size:14.5px;line-height:1.68;color:#405766;background:#fcfefe;border-radius:14px;border:1px solid #eef3f6;padding:13px 14px}
.pcbu-area-comment p{margin:0 0 10px}.pcbu-area-comment p:last-child{margin-bottom:0}
.pcbu-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pcbu-match{margin-bottom:0;background:linear-gradient(180deg,#fff 0%,#fcfefe 100%)}
.pcbu-match-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.pcbu-match-head h3{margin:0 0 6px;font-size:19px;color:#183042;line-height:1.25}
.pcbu-match-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.pcbu-badge-score{background:#fff5ea;color:#805323}
.pcbu-match-summary{margin:9px 0 10px;line-height:1.55}
.pcbu-score-note{margin:9px 0 8px}
.pcbu-match-reason,.pcbu-match-caution{font-size:13.5px;line-height:1.5;border-radius:12px;padding:10px 12px;margin-top:9px}
.pcbu-match-reason{background:#f3fbfc;color:#335565;border:1px solid #dff1f4}
.pcbu-match-caution{background:#fff8f0;color:#5c4935;border:1px solid #f1ddc5}
.pcbu-match-cta{margin:12px 0 0}
.pcbu-next-step{display:flex;gap:18px;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f7fcfd,#fffaf4)}
.pcbu-next-step .pcbu-section-title{margin:0 0 8px}
@media(max-width:900px){.pcbu-profile-map-layout,.pcbu-profile-areas,.pcbu-match-grid{grid-template-columns:1fr}.pcbu-radar-wrap{max-width:430px;margin:0 auto}.pcbu-next-step{align-items:flex-start;flex-direction:column}.pcbu-section-head .pcbu-btn{width:100%;text-align:center}}
@media(max-width:540px){.pcbu-radar-legend{grid-template-columns:1fr}.pcbu-mini-bar-row{grid-template-columns:1fr 1fr 34px}.pcbu-profile-area .pcbu-section-title{font-size:18px}}

.pcbu-name-highlight{font-weight:800;color:#183042;background:linear-gradient(180deg,transparent 58%,rgba(30,167,182,.16) 0);padding:0 .08em}

/* v0.1.9 giriş yorumu blokları */
.pcbu-profile-intro{display:grid;gap:14px}
.pcbu-profile-intro-block{background:rgba(255,255,255,.76);border:1px solid #e7eef3;border-radius:16px;padding:16px 18px;box-shadow:0 8px 20px rgba(21,56,78,.035)}
.pcbu-profile-intro-block h3{margin:0 0 8px;font-size:15px;color:#183042;font-weight:800;letter-spacing:.01em}
.pcbu-profile-intro-block p{margin:0 0 10px;line-height:1.72;color:#405766}.pcbu-profile-intro-block p:last-child{margin-bottom:0}
.pcbu-profile-intro-main{background:linear-gradient(135deg,#ffffff 0%,#f8fcfd 100%)}
.pcbu-profile-intro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pcbu-profile-chip-list{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}
.pcbu-profile-chip-list span{display:inline-block;padding:7px 10px;border-radius:999px;background:#eef8fa;color:#176d78;border:1px solid #d6edf1;font-size:13px;font-weight:700}
.pcbu-profile-intro-note{padding:14px 16px;border-radius:16px;background:#fff8f0;border:1px solid #f1ddc5;color:#5c4935;line-height:1.62;font-weight:650}
@media(max-width:780px){.pcbu-profile-intro-grid{grid-template-columns:1fr}.pcbu-profile-intro-block{padding:14px}}


/* v0.1.11 — PupilCity ortak rapor görsel sistemi ve marka yazımı */
.pcbu-shell{
    --pupilcity-report-navy:#173B57;
    --pupilcity-report-deep:#2B657A;
    --pupilcity-report-teal:#1EA7B6;
    --pupilcity-report-copper:#C58D50;
    --pupilcity-report-bg:#F7FBFC;
    --pupilcity-report-soft:#EEF6F8;
    --pupilcity-report-line:#DDE9EE;
    --pupilcity-report-ink:#173142;
    --pupilcity-report-muted:#6B7D87;
    color:var(--pupilcity-report-ink);
}
.pcbu-eyebrow{color:#1A8F9D!important;text-transform:none!important;letter-spacing:.02em!important;font-weight:850!important;}
.pcbu-report-hero{border-color:var(--pupilcity-report-line)!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(23,59,87,.07)!important;}
.pcbu-card,.pcbu-summary,.pcbu-profile-area,.pcbu-match,.pcbu-profile-intro-block,.pcbu-profile-signal,.pcbu-next-step{
    border-color:var(--pupilcity-report-line)!important;
    border-radius:22px!important;
    box-shadow:0 10px 26px rgba(23,59,87,.05);
}
.pcbu-title,.pcbu-section-title,.pcbu-question h4,.pcbu-match-head h3,.pcbu-area-scoreline strong{color:var(--pupilcity-report-navy)!important;}
.pcbu-sub,.pcbu-profile-comment,.pcbu-area-comment,.pcbu-match-summary,.pcbu-match-reason,.pcbu-match-caution{color:#405864!important;line-height:1.72!important;}
.pcbu-meter,.pcbu-progress-bar,.pcbu-mini-bar{background:#E8F1F5!important;}
.pcbu-meter span,.pcbu-progress-bar span,.pcbu-mini-bar span{background:linear-gradient(90deg,var(--pupilcity-report-teal),var(--pupilcity-report-copper))!important;}
.pcbu-btn{background:linear-gradient(135deg,var(--pupilcity-report-navy),var(--pupilcity-report-deep))!important;color:#fff!important;border-radius:999px!important;}
.pcbu-btn-soft,.pcbu-btn-secondary{background:#EDF8FA!important;color:#147784!important;}
.pcbu-badge,.pcbu-tag{border:1px solid var(--pupilcity-report-line);background:#F8FCFE;color:#176D78;}
@media print{
    .pcbu-card,.pcbu-summary,.pcbu-profile-area,.pcbu-match,.pcbu-profile-intro-block,.pcbu-profile-signal,.pcbu-next-step{box-shadow:none!important;}
}

/* v0.1.13 — sade ve güvenli rapor metni vurgu sistemi */
.pupilcity-report-student-name,
.pcbu-shell .pupilcity-report-student-name,
.pcbu-name-highlight,
.pupilcity-report-emphasis,
.pcbu-shell .pupilcity-report-emphasis{
    display:inline!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:inherit!important;
    line-height:inherit!important;
    text-transform:none!important;
    letter-spacing:inherit!important;
}
.pupilcity-report-student-name,
.pcbu-shell .pupilcity-report-student-name,
.pcbu-name-highlight{
    color:#173B57;
    font-weight:850;
}
.pupilcity-report-emphasis,
.pcbu-shell .pupilcity-report-emphasis{
    color:#173B57;
    font-weight:760;
}
.pcbu-shell p .pupilcity-report-emphasis,
.pcbu-shell li .pupilcity-report-emphasis{
    background:transparent!important;
}
@media print{
    .pupilcity-report-student-name,
    .pupilcity-report-emphasis,
    .pcbu-name-highlight{background:transparent!important;padding:0!important;}
}
