
.scprof-cococo{
 --navy:#17324d;--navy2:#244a6a;--gold:#b9924f;--bg:#f5f7f8;--card:#fff;
 --text:#24303b;--muted:#6c7781;--line:#dce3e8;--ok:#217a55;
 max-width:1180px;margin:24px auto;padding:0 4px;color:var(--text);
 font-family:Arial,Helvetica,sans-serif;line-height:1.35
}
.scprof-cococo *{box-sizing:border-box}
.scp-header{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:25px 28px;border-radius:14px;box-shadow:0 8px 24px rgba(20,50,75,.14);margin-bottom:14px}
.scp-header h2{color:#fff!important;margin:7px 0 5px!important;font-size:28px!important}
.scp-header p{margin:0;opacity:.9}.scp-brand{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.scp-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.scp-btn{border:0;border-radius:8px;padding:10px 15px;cursor:pointer;font-weight:700;background:#e8edf1;color:var(--navy)}
.scp-btn-primary{background:var(--navy);color:#fff}.scp-btn-gold{background:var(--gold);color:#fff}
.scp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.scp-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;margin-bottom:14px;box-shadow:0 3px 12px rgba(0,0,0,.035)}
.scp-card h3{margin:0 0 14px!important;color:var(--navy)!important;font-size:18px!important}
.scp-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.scp-field{margin-bottom:11px}
.scp-field label{display:block;font-size:12px;font-weight:700;margin-bottom:5px;color:#364b5c}
.scp-field input,.scp-field select{width:100%;min-height:42px;border:1px solid #ccd6dd;border-radius:8px;padding:8px 10px;background:#fff;color:var(--text);font-size:14px}
.scp-field input:focus,.scp-field select:focus{outline:2px solid rgba(185,146,79,.18);border-color:var(--gold)}
.scp-check{display:flex;align-items:flex-start;gap:8px;font-size:12px;font-weight:600;margin:4px 0 12px}.scp-check input{margin-top:2px}
.scp-subtitle{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);font-weight:800;border-bottom:1px solid var(--line);padding-bottom:5px;margin:4px 0 10px}
.scp-hidden{display:none}.scp-small{font-size:11.5px;color:var(--muted);line-height:1.5;margin:0 0 11px}
.scp-report-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.scp-report-person{font-size:12px;color:var(--muted);margin-top:-8px;margin-bottom:10px}
.scp-badge{font-size:10px;font-weight:800;background:#e8f1f7;color:var(--navy);padding:4px 8px;border-radius:999px}
.scp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}
.scp-kpi{background:#f8fafb;border:1px solid var(--line);border-radius:10px;padding:13px}
.scp-kpi span{display:block;font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800}
.scp-kpi strong{display:block;font-size:19px;color:var(--navy);margin-top:4px}.scp-kpi-net{border-left:4px solid var(--ok)}
.scp-table-wrap{overflow-x:auto}.scp-table{width:100%;border-collapse:collapse;font-size:13px}
.scp-table th,.scp-table td{padding:9px 7px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.scp-table th:first-child,.scp-table td:first-child{text-align:left}.scp-table th{font-size:10px;text-transform:uppercase;color:var(--muted)}
.scp-table .scp-total td{font-weight:800;color:var(--navy);border-top:2px solid var(--navy)}
.scp-note{margin-top:12px;padding:11px 13px;background:#fff8e9;border:1px solid #ead6aa;border-radius:8px;font-size:11px;line-height:1.5}
.scp-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scp-compare-box{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fafbfc;text-align:center}
.scp-compare-box span{display:block;font-size:11px;text-transform:uppercase;font-weight:800;color:var(--muted)}
.scp-compare-box strong{display:block;font-size:21px;color:var(--navy);margin:5px 0}.scp-compare-box small{font-size:10px;color:var(--muted)}
.scp-footer{text-align:center;color:var(--muted);font-size:10px;padding:5px 0 20px}
@media(max-width:800px){.scp-grid,.scp-row,.scp-kpis,.scp-compare{grid-template-columns:1fr}.scprof-cococo{margin:10px auto}.scp-header{padding:20px}.scp-header h2{font-size:23px!important}}
@media print{
 body *{visibility:hidden!important}
 .scprof-cococo,.scprof-cococo *{visibility:visible!important}
 .scprof-cococo{position:absolute;left:0;top:0;width:100%;max-width:none;margin:0;padding:0}
 .scp-no-print{display:none!important}.scp-header{box-shadow:none;border-radius:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .scp-card{box-shadow:none;break-inside:avoid}.scp-grid{display:none}.scp-footer{padding-bottom:0}
}

.scp-actions-inline{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.scp-slip{border-top:4px solid var(--navy)}
.scp-slip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:2px solid var(--navy);padding-bottom:10px;margin-bottom:14px}
.scp-slip-brand{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--gold);font-weight:800}
.scp-slip-head h3{margin:3px 0 0!important}
.scp-slip-badge{background:var(--navy);color:#fff;border-radius:8px;padding:8px 10px;font-weight:800;font-size:12px}
.scp-slip-anag{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-bottom:14px}
.scp-slip-anag div{padding:8px 10px;background:#f8fafb;border:1px solid var(--line);border-radius:8px}
.scp-slip-anag span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}
.scp-slip-anag strong{display:block;margin-top:3px;font-size:12px;color:var(--navy)}
.scp-slip-main{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.scp-slip-main div{padding:12px;background:#f7f9fb;border:1px solid var(--line);border-radius:9px}
.scp-slip-main span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}
.scp-slip-main strong{display:block;font-size:17px;color:var(--navy);margin-top:4px}
.scp-slip-table td:last-child{font-weight:700}
.scp-slip-note{margin-top:12px;font-size:10px;color:var(--muted);line-height:1.45;border-top:1px solid var(--line);padding-top:10px}
.scp-slip-sign{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:11px;color:var(--navy)}
@media(max-width:800px){.scp-slip-anag,.scp-slip-main{grid-template-columns:1fr}}
@media print{
 .scprof-cococo.scp-print-slip .scp-header,
 .scprof-cococo.scp-print-slip .scp-result,
 .scprof-cococo.scp-print-slip .scp-card:not(.scp-slip),
 .scprof-cococo.scp-print-slip .scp-footer{display:none!important}
 .scprof-cococo.scp-print-slip .scp-slip{display:block!important;border:0!important;padding:10mm!important;margin:0!important}
 .scprof-cococo.scp-print-slip .scp-slip *{visibility:visible!important}
}

.scp-month-slip-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}
.scp-month-slip-summary div{padding:10px;background:#f8fafb;border:1px solid var(--line);border-radius:8px}
.scp-month-slip-summary span{display:block;font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}
.scp-month-slip-summary strong{display:block;font-size:18px;color:var(--navy);margin-top:3px}
@media print{
 .scprof-cococo .scp-card{padding:10px!important;margin-bottom:7px!important}
 .scprof-cococo .scp-kpis{gap:5px!important;margin-bottom:7px!important}
 .scprof-cococo .scp-kpi{padding:8px!important}
 .scprof-cococo .scp-kpi strong{font-size:15px!important}
 .scprof-cococo .scp-table th,.scprof-cococo .scp-table td{padding:5px 5px!important;font-size:10px!important}
 .scprof-cococo .scp-note{padding:7px!important;margin-top:7px!important;font-size:9px!important}
 .scprof-cococo .scp-header{padding:12px 16px!important}
 .scprof-cococo .scp-header h2{font-size:20px!important;margin:3px 0!important}

 .scprof-cococo.scp-print-month-slip .scp-header,
 .scprof-cococo.scp-print-month-slip .scp-result,
 .scprof-cococo.scp-print-month-slip .scp-slip,
 .scprof-cococo.scp-print-month-slip .scp-card:not(.scp-month-slip),
 .scprof-cococo.scp-print-month-slip .scp-footer{display:none!important}
 .scprof-cococo.scp-print-month-slip .scp-month-slip{
   display:block!important;border:0!important;padding:8mm!important;margin:0!important;
 }
 .scprof-cococo.scp-print-month-slip .scp-month-slip *{visibility:visible!important}
}

.scp-month-link{
  background:none;border:0;padding:0;color:var(--navy);font-weight:800;
  text-decoration:underline;text-underline-offset:2px;cursor:pointer;font:inherit
}
.scp-month-link:hover{color:var(--gold)}
.scp-slip-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}

.scp-btn-excel{background:#1f6f43;color:#fff}
.scp-btn-excel:hover{filter:brightness(.96)}
