
.cpapp-wrap{--app-navy:#0b1733;--app-blue:#0a67f7;--app-text:#1c2940;--app-muted:#667895;--app-line:#dfe7f0;max-width:1180px;margin:0 auto;padding:0 18px 70px;font-family:inherit;color:var(--app-text)}
.cpapp-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e3e9f1;border-radius:0 0 14px 14px;padding:13px 16px;margin-bottom:20px}.cpapp-brand{font-size:21px;font-weight:900;color:var(--app-navy)}.cpapp-brand span{color:var(--app-blue)}.cpapp-nav-links{display:flex;gap:22px}.cpapp-nav-links a{font-size:13px;text-decoration:none;color:#53627a;font-weight:700;padding:10px 0;border-bottom:2px solid transparent}.cpapp-nav-links a.is-active,.cpapp-nav-links a:hover{color:var(--app-blue);border-color:var(--app-blue)}.cpapp-dashboard{font-size:12px;text-decoration:none;color:#53627a;font-weight:700}
.cpapp-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 4px 20px}.cpapp-eyebrow{font-size:11px;color:var(--app-blue);font-weight:900;letter-spacing:.7px}.cpapp-head h1{margin:4px 0 7px;font-size:31px;color:var(--app-navy);letter-spacing:-1px}.cpapp-head p{margin:0;color:var(--app-muted)}
.cpapp-primary,.cpapp-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border-radius:9px;font-weight:800;text-decoration:none!important}.cpapp-primary{background:var(--app-blue);color:#fff!important;border:0}.cpapp-secondary{background:#fff;border:1px solid #d5dfeb;color:var(--app-navy)!important}
.cpapp-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}.cpapp-stat{background:#fff;border:1px solid var(--app-line);border-radius:12px;padding:14px}.cpapp-stat strong{display:block;font-size:23px;color:var(--app-navy)}.cpapp-stat span{font-size:11px;color:var(--app-muted)}
.cpapp-success{background:#eaf8ef;border:1px solid #bfe6cb;color:#16733b;padding:12px 14px;border-radius:10px;margin-bottom:14px;font-weight:700}
.cpapp-panel,.cpapp-card{background:#fff;border:1px solid var(--app-line);border-radius:14px;padding:18px}.cpapp-empty{text-align:center;padding:35px}
.cpapp-list{display:grid;gap:14px}.cpapp-job{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start;padding-bottom:15px;border-bottom:1px solid #edf1f5}.cpapp-logo{width:44px;height:44px;border-radius:9px;background:#10294f;color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px}.cpapp-job h2{margin:0;font-size:19px;color:var(--app-navy)}.cpapp-job h3{margin:3px 0;font-size:13px;color:#53647c}.cpapp-job p{margin:3px 0;font-size:12px;color:#708097}.cpapp-status{border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.cpapp-status-saved{background:#eaf3ff;color:#356b9f}.cpapp-status-applied{background:#e8f1ff;color:#205aaa}.cpapp-status-interview{background:#fff2cd;color:#9a6800}.cpapp-status-offer{background:#ddf7e5;color:#167b3f}.cpapp-status-rejected{background:#fbe4e4;color:#a52b2b}.cpapp-status-withdrawn{background:#eef0f3;color:#66717e}
.cpapp-form{padding-top:15px}.cpapp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cpapp-grid>div{display:flex;flex-direction:column;gap:5px}.cpapp-grid label{font-size:11px;font-weight:800;color:#435773}.cpapp-grid input,.cpapp-grid select,.cpapp-grid textarea{width:100%;box-sizing:border-box;border:1px solid #d5dfeb;border-radius:8px;padding:9px 10px;font:inherit;background:#fff}.cpapp-wide{grid-column:1/-1}.cpapp-actions{display:flex;gap:9px;align-items:center;margin-top:12px;flex-wrap:wrap}.cpapp-remove{margin-left:auto;color:#b12525;text-decoration:none;font-size:12px;font-weight:800}
@media(max-width:900px){.cpapp-stats{grid-template-columns:repeat(3,1fr)}.cpapp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.cpapp-nav{flex-wrap:wrap}.cpapp-nav-links{width:100%;overflow:auto}.cpapp-head{align-items:flex-start;flex-direction:column}.cpapp-stats{grid-template-columns:1fr 1fr}.cpapp-grid{grid-template-columns:1fr}.cpapp-wide{grid-column:auto}.cpapp-job{grid-template-columns:auto 1fr}.cpapp-status{grid-column:2}.cpapp-remove{margin-left:0}}

.cpjm-save.is-saved{
    background:#e5f7eb!important;
    border:1px solid #bfe5cb!important;
    color:#16763c!important;
    cursor:default;
}
.cpapp-toast{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:99999;
    padding:13px 16px;
    border-radius:10px;
    font-size:13px;
    font-weight:800;
    box-shadow:0 12px 30px rgba(23,40,70,.18);
}
.cpapp-toast-success{
    background:#e7f8ed;
    border:1px solid #bce5c9;
    color:#126b35;
}
.cpapp-toast-error{
    background:#fdeaea;
    border:1px solid #efbcbc;
    color:#9b2929;
}

.cpapp-save-form{
    display:inline-flex;
    margin:0;
}
.cpapp-save-button{
    font:inherit;
    cursor:pointer;
}

.cpapp-error{
    background:#fdeaea;
    border:1px solid #efbcbc;
    color:#9b2929;
    padding:12px 14px;
    border-radius:10px;
    margin-bottom:14px;
    font-weight:700;
}

.cpapp-next-overdue{color:#a52b2b;font-weight:800}
.cpapp-next-today{color:#9a6800;font-weight:800}
.cpapp-next-upcoming{color:#346a9f;font-weight:800}


/* v0.8.5 self-contained dashboard widget */
.cpapp-dashboard-widget{
    max-width:1120px;
    margin:18px auto 0;
    background:#fff;
    border:1px solid #dfe7f0;
    border-radius:16px;
    padding:16px;
    box-shadow:0 10px 24px rgba(32,63,105,.045);
    color:#1c2940;
}

.cpapp-dashboard-widget-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
    font-size:14px;
    font-weight:900;
    color:#0b1733;
}

.cpapp-dashboard-widget-head a{
    font-size:12px;
    color:#0a67f7;
    text-decoration:none;
}

.cpapp-dashboard-stages{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;
    margin-bottom:14px;
}

.cpapp-dashboard-stages a{
    display:flex;
    flex-direction:column;
    gap:3px;
    padding:13px 14px;
    border:1px solid #e1e8f0;
    border-radius:11px;
    text-decoration:none;
    background:#fbfdff;
}

.cpapp-dashboard-stages strong{
    font-size:22px;
    color:#0b1733;
}

.cpapp-dashboard-stages span{
    font-size:11px;
    color:#667895;
}

.cpapp-dashboard-stages .is-interview{
    background:#fffaf0;
    border-color:#efe0b7;
}

.cpapp-dashboard-stages .is-offer{
    background:#f1fbf5;
    border-color:#cbe9d5;
}

.cpapp-dashboard-actions{
    display:grid;
    gap:8px;
}

.cpapp-dashboard-action{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    padding:11px 13px;
    border:1px solid #e2e9f1;
    border-radius:10px;
    text-decoration:none;
    color:inherit;
}

.cpapp-dashboard-action:hover{
    background:#f8fbff;
}

.cpapp-dashboard-action-copy,
.cpapp-dashboard-action-meta{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.cpapp-dashboard-action-copy strong{
    color:#0b1733;
    font-size:13px;
}

.cpapp-dashboard-action-copy small,
.cpapp-dashboard-action-meta small{
    color:#708097;
    font-size:11px;
}

.cpapp-dashboard-action-meta{
    text-align:right;
    white-space:nowrap;
}

.cpapp-dashboard-action-meta strong{
    font-size:11px;
    color:#356b9f;
}

.cpapp-dashboard-action.is-overdue{
    border-left:4px solid #d84b4b;
}

.cpapp-dashboard-action.is-overdue .cpapp-dashboard-action-meta strong{
    color:#a52b2b;
}

.cpapp-dashboard-action.is-today{
    border-left:4px solid #d59a1e;
}

.cpapp-dashboard-action.is-today .cpapp-dashboard-action-meta strong{
    color:#956300;
}

.cpapp-dashboard-action.is-upcoming{
    border-left:4px solid #3c83d7;
}

.cpapp-dashboard-empty{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:14px;
    border-radius:10px;
    background:#f8fbff;
}

.cpapp-dashboard-empty strong{color:#0b1733}
.cpapp-dashboard-empty span{font-size:12px;color:#667895}

@media(max-width:900px){
    .cpapp-dashboard-stages{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:650px){
    .cpapp-dashboard-stages{grid-template-columns:1fr 1fr}
    .cpapp-dashboard-action{align-items:flex-start;flex-direction:column}
    .cpapp-dashboard-action-meta{text-align:left}
}
