/* Britixo My Projects — client area only. No global theme overrides. */
#my-projects { color:#1c2c47; }
#my-projects .bpx { --bpx-border:#dce5f0;--bpx-text:#1d2e48;--bpx-muted:#61738d;--bpx-blue:#1760ec;--bpx-navy:#102746;font-size:13px;color:var(--bpx-text);max-width:1600px;margin:0 auto; }
#my-projects .bpx * { box-sizing:border-box; }
#my-projects .bpx button,#my-projects .bpx input,#my-projects .bpx textarea { font:inherit; }
#my-projects .bpx button { cursor:pointer; }
#my-projects .bpx button:disabled { opacity:.38;cursor:not-allowed; }
#my-projects .bpx button:focus-visible,#my-projects .bpx a:focus-visible,#my-projects .bpx input:focus-visible,#my-projects .bpx textarea:focus-visible,#my-projects .bpx summary:focus-visible { outline:3px solid #79aaff;outline-offset:2px; }
#my-projects .bpx-heading { display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 22px; }
#my-projects .bpx-eyebrow { letter-spacing:1.35px;color:#1760ec;font-size:10px;font-weight:800;margin:0 0 7px; }
#my-projects .bpx-heading h1 { margin:0 0 7px;font-size:26px;line-height:1.18;letter-spacing:-.7px;font-weight:780;color:#12243e; }
#my-projects .bpx-heading p:not(.bpx-eyebrow) { color:var(--bpx-muted);margin:0;font-size:13px; }
#my-projects .bpx-heading-tools { display:flex;gap:10px;align-items:center;flex-wrap:wrap; }
#my-projects .bpx-private { background:#e9f5ef;color:#26644a;font-weight:700;font-size:11px;padding:8px 11px;border-radius:50px; }
#my-projects .bpx-btn { display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:normal;min-height:35px;padding:8px 14px;border:1px solid #cddbec;background:#fff;color:#234063;border-radius:9px;font-size:12px;font-weight:700;line-height:1.35;text-decoration:none;transition:background-color .12s,border-color .12s; }
#my-projects .bpx-btn:hover { background:#edf4ff;border-color:#a9c0e5; }
#my-projects .bpx-btn--primary { color:#fff;background:var(--bpx-blue);border-color:var(--bpx-blue); }
#my-projects .bpx-btn--primary:hover { color:#fff;background:#0c4bcc; }
#my-projects .bpx-btn--success { background:#116e4c;color:white;border-color:#116e4c; }
#my-projects .bpx-btn--success:hover { background:#0c573b;color:white; }
#my-projects .bpx-btn--danger { background:#fff1f1;color:#aa2c34;border-color:#ffc9cb; }
#my-projects .bpx-btn--danger:hover { background:#ffe2e4;border-color:#e8a0a4; }
#my-projects .bpx-layout { display:grid;grid-template-columns:minmax(225px,285px) minmax(0,1fr);gap:16px;align-items:start; }
#my-projects .bpx-rail { background:#fff;border:1px solid var(--bpx-border);border-radius:16px;padding:14px;min-width:0;box-shadow:0 3px 15px rgba(25,58,112,.035); }
#my-projects .bpx-rail-top { display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 3px 13px; }
#my-projects .bpx-rail-top strong { font-size:13px; }
#my-projects .bpx-rail-top span { font-size:10px;color:var(--bpx-muted); }
#my-projects .bpx-search { border:1px solid var(--bpx-border);border-radius:10px;padding:11px 12px;width:100%;height:40px;background:#f7faff;color:var(--bpx-text); }
#my-projects .bpx-search::placeholder { color:#8a9bb1; }
#my-projects .bpx-filters { display:flex;gap:4px;background:#f3f6fb;border-radius:10px;padding:4px;margin:12px 0; }
#my-projects .bpx-filters button { min-width:0;flex:1;border:0;background:transparent;color:#61738d;font-weight:650;font-size:11px;padding:9px 4px;border-radius:7px; }
#my-projects .bpx-filters button.is-current { background:#fff;color:#1255ce;box-shadow:0 1px 5px rgba(29,56,106,.1); }
#my-projects .bpx-project-items { display:grid;gap:7px;max-height:660px;overflow:auto; }
#my-projects .bpx-project-row { display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid transparent;background:#f8faff;border-radius:11px;text-align:left;width:100%;padding:13px 11px;color:var(--bpx-text); }
#my-projects .bpx-project-row:hover { border-color:#cadbf3;background:#f2f7ff; }
#my-projects .bpx-project-row.is-selected { border-color:#94b8f7;background:#edf4ff;box-shadow:inset 3px 0 var(--bpx-blue); }
#my-projects .bpx-project-row-main { display:grid;gap:5px;min-width:0; }
#my-projects .bpx-project-row-main strong { font-size:12px;line-height:1.35;overflow-wrap:anywhere; }
#my-projects .bpx-project-row-main small { color:var(--bpx-muted);font-size:10px; }
#my-projects .bpx-alert-count { color:#a65609;background:#fff0d8;border-radius:16px;font-size:10px;padding:5px 6px;white-space:nowrap; }
#my-projects .bpx-pagination { display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:12px;font-size:10px;color:var(--bpx-muted); }
#my-projects .bpx-pagination span { margin-right:auto; }
#my-projects .bpx-pagination button { background:#fff;border:1px solid var(--bpx-border);width:30px;height:29px;border-radius:8px; }
#my-projects .bpx-main { min-width:0; }
#my-projects .bpx-workspace { min-width:0; }
#my-projects .bpx-project-hero { display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(117deg,#102845 0%,#194b84 100%);border-radius:16px;padding:22px 24px;color:#fff; }
#my-projects .bpx-project-hero small { font-weight:750;letter-spacing:.9px;font-size:10px;color:#b6cef5; }
#my-projects .bpx-project-hero h2 { color:#fff;font-size:21px;line-height:1.3;letter-spacing:-.3px;margin:5px 0 12px;overflow-wrap:anywhere; }
#my-projects .bpx-hero-meta { display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:#e0ecfd;font-size:11px; }
#my-projects .bpx-hero-progress { min-width:115px;text-align:right; }
#my-projects .bpx-hero-progress strong { display:block;font-size:27px;font-weight:800;color:white; }
#my-projects .bpx-hero-progress small { font-size:10px; }
#my-projects .bpx-progress { background:#e1e9f5;height:6px;border-radius:99px;overflow:hidden; }
#my-projects .bpx-progress span { display:block;height:100%;background:#2b74fc;border-radius:99px; }
#my-projects .bpx-hero-progress .bpx-progress { background:#365d88;margin-top:8px;width:125px; }
#my-projects .bpx-hero-progress .bpx-progress span { background:#56b9ff; }
#my-projects .bpx-tabs { display:flex;gap:3px;flex-wrap:wrap;background:#fff;border:1px solid var(--bpx-border);border-radius:12px;padding:5px;margin:13px 0; }
#my-projects .bpx-tabs button { display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#60728e;border-radius:8px;font-size:11px;font-weight:700;padding:10px 12px; }
#my-projects .bpx-tabs button.is-current { color:#1255ce;background:#eaf2ff; }
#my-projects .bpx-tabs button:hover { color:#1255ce; }
#my-projects .bpx-dot { width:7px;height:7px;border-radius:50%;background:#f09c3e; }
#my-projects .bpx-tab-content { display:grid;gap:14px; }
#my-projects .bpx-surface { background:white;border:1px solid var(--bpx-border);border-radius:14px;padding:19px 20px;box-shadow:0 2px 12px rgba(24,56,104,.025);min-width:0; }
#my-projects .bpx-surface h3 { color:#182b45;margin:0 0 12px;font-size:15px;font-weight:780;line-height:1.3; }
#my-projects .bpx-surface h4 { color:#263f5f;margin:15px 0 8px;font-size:12px; }
#my-projects .bpx-surface p { font-size:12px;color:#62728a;line-height:1.65; }
#my-projects .bpx-multiline { white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7; }
#my-projects .bpx-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px; }
#my-projects .bpx-stat { background:white;border:1px solid var(--bpx-border);border-radius:13px;padding:17px 18px;min-width:0; }
#my-projects .bpx-stat small,#my-projects .bpx-stat span { display:block;color:var(--bpx-muted);font-size:11px; }
#my-projects .bpx-stat strong { display:block;font-size:24px;line-height:1.3;margin:8px 0;color:#183559; }
#my-projects .bpx-stat .bpx-progress { margin-top:12px; }
#my-projects .bpx-cols { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px; }
#my-projects .bpx-section-title { display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px; }
#my-projects .bpx-section-title h3 { margin:0; }
#my-projects .bpx-section-title span,#my-projects .bpx-section-title small { color:var(--bpx-muted);font-size:11px; }
#my-projects .bpx-meta-line { display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #edf1f6;font-size:11px; }
#my-projects .bpx-meta-line span { color:var(--bpx-muted); }
#my-projects .bpx-small-divider { border-top:1px solid #edf1f6;margin:15px 0; }
#my-projects .bpx-mini-item,#my-projects .bpx-task { display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #edf1f6;align-items:center;min-width:0; }
#my-projects .bpx-task:last-child,#my-projects .bpx-mini-item:last-child { border-bottom:0; }
#my-projects .bpx-mini-item strong,#my-projects .bpx-task strong { font-size:12px;overflow-wrap:anywhere; }
#my-projects .bpx-mini-item>span,#my-projects .bpx-task>small,#my-projects .bpx-task small { font-size:11px;color:var(--bpx-muted); }
#my-projects .bpx-task span:first-child { display:grid;gap:6px;min-width:0; }
#my-projects .bpx-task span:last-child { display:grid;gap:8px;text-align:right;justify-items:end; }
#my-projects .bpx-record { display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:15px 8px;background:#fff;border:0;border-bottom:1px solid #e9eef5;color:#1f314d; }
#my-projects .bpx-record:hover { background:#f8fbff; }
#my-projects .bpx-record>span { display:grid;gap:6px;min-width:0; }
#my-projects .bpx-record>span:last-child { justify-items:end;font-size:11px;color:var(--bpx-muted);flex-shrink:0; }
#my-projects .bpx-record strong { overflow-wrap:anywhere;font-size:12px; }
#my-projects .bpx-record small { color:var(--bpx-muted);font-size:10px; }
#my-projects .bpx-chip { display:inline-flex;white-space:nowrap;font-size:10px;font-weight:750;line-height:1.5;padding:4px 9px;border-radius:99px;background:#e8f2ff;color:#2863bc; }
#my-projects .bpx-chip--accepted,#my-projects .bpx-chip--completed,#my-projects .bpx-chip--finished { background:#dff5e9;color:#136e4d; }
#my-projects .bpx-chip--rejected,#my-projects .bpx-chip--canceled { background:#ffe9e9;color:#ac343b; }
#my-projects .bpx-chip--submitted,#my-projects .bpx-chip--under_review { background:#fff0d7;color:#9d6511; }
#my-projects .bpx-chip--in_progress { background:#e5eeff;color:#215ab5; }
#my-projects .bpx-chip--complete { background:#dff5e9;color:#136e4d; }
#my-projects .bpx-chip--notstarted { background:#eef1f5;color:#53647e; }
#my-projects .bpx-chip--awaitingfeedback { background:#fff0d7;color:#9d6511; }
#my-projects .bpx-chip--testing { background:#e5f4fc;color:#26718a; }
#my-projects .bpx-chip--inprogress { background:#e5eeff;color:#215ab5; }
#my-projects .bpx-project-hero .bpx-chip { background:rgba(255,255,255,.14);color:#fff; }
#my-projects .bpx-file { display:flex;align-items:center;gap:13px;padding:13px 10px;border-bottom:1px solid #e8edf5;text-decoration:none;color:#18324f;min-width:0; }
#my-projects a.bpx-file:hover { background:#f5f9ff;color:#1255ce; }
#my-projects .bpx-file strong { flex:1;overflow-wrap:anywhere;font-size:12px; }
#my-projects .bpx-file small { font-size:10px;color:var(--bpx-muted); }
#my-projects .bpx-file>span:last-child { font-size:11px;font-weight:750;white-space:nowrap;color:#1760ec; }
#my-projects .bpx-reference { background:#f7faff;border-left:3px solid #2a75fa;padding:10px 14px;border-radius:7px; }
#my-projects .bpx-reference strong { font-size:12px; }
#my-projects .bpx-links { padding-left:19px;word-break:break-all;line-height:1.8; }
#my-projects .bpx-links a { color:#1760ec; }
#my-projects .bpx-decision { border-color:#a4c4fa;background:#f9fbff; }
#my-projects .bpx-input { width:100%;border:1px solid #cfdaec;border-radius:9px;padding:11px 12px;background:#fff;color:#172f50;resize:vertical; }
#my-projects label { display:block;font-size:11px;font-weight:700;color:#3b516d;margin:12px 0 7px; }
#my-projects .bpx-actions { display:flex;gap:8px;flex-wrap:wrap;margin-top:12px; }
#my-projects .bpx-sub-back { margin-bottom:12px; }
#my-projects .bpx-history { border-bottom:1px solid #e9eef5;padding:11px 0; }
#my-projects .bpx-history summary { cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-size:11px; }
#my-projects .bpx-history summary span { color:var(--bpx-muted); }
#my-projects .bpx-event { padding:12px 0;border-bottom:1px solid #edf1f6; }
#my-projects .bpx-event:last-child { border-bottom:0; }
#my-projects .bpx-event strong { display:block;font-size:12px;margin-bottom:4px; }
#my-projects .bpx-event small { display:block;color:var(--bpx-muted);font-size:10px; }
#my-projects .bpx-event p { margin:7px 0 0;white-space:pre-wrap; }
#my-projects .bpx-team { display:flex;gap:8px;flex-wrap:wrap; }
#my-projects .bpx-person { padding:8px 13px;border-radius:40px;background:#edf4fd;font-size:11px;font-weight:700;color:#31537f; }
#my-projects .bpx-compose { border:1px dashed #b7cdf0;background:#f7fbff;border-radius:11px;padding:14px;margin:15px 0; }
#my-projects .bpx-compose summary { cursor:pointer;color:#1459ce;font-size:12px;font-weight:750; }
#my-projects .bpx-compose form,#my-projects .bpx-thread form { margin-top:13px; }
#my-projects .bpx-empty { padding:35px 17px;text-align:center;color:var(--bpx-muted); }
#my-projects .bpx-empty-ico { display:block;font-size:33px;color:#9bb5d9;margin-bottom:10px; }
#my-projects .bpx-empty strong { font-size:13px;color:#355070; }
#my-projects .bpx-empty p { line-height:1.6;font-size:11px;margin:8px auto 0; }
#my-projects .bpx-loading { background:white;border:1px solid var(--bpx-border);border-radius:13px;padding:30px;display:flex;align-items:center;gap:12px;color:var(--bpx-muted); }
#my-projects .bpx-spinner { width:16px;height:16px;border:2px solid #d3e2f7;border-top-color:#1660e5;border-radius:50%;animation:bpx-spin .75s linear infinite; }
#my-projects .bpx-error { background:#fff2f2;border:1px solid #f3c7c9;color:#93343e;border-radius:9px;padding:11px 14px;font-weight:600;font-size:12px;margin-bottom:13px; }
#my-projects .bpx-busy { background:#ecf3ff;color:#1956b5;border:1px solid #c7daff;border-radius:8px;padding:8px 13px;margin-bottom:12px;font-size:11px; }
#my-projects .bpx-sr { position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap; }
@keyframes bpx-spin { to { transform:rotate(360deg); } }
@media(max-width:1170px) {
  #my-projects .bpx-layout { grid-template-columns:minmax(205px,240px) minmax(0,1fr);gap:12px; }
  #my-projects .bpx-tabs button { padding:9px 10px; }
  #my-projects .bpx-surface { padding:17px; }
}
@media(max-width:900px) {
  #my-projects .bpx-layout { grid-template-columns:1fr; }
  #my-projects .bpx-project-items { display:flex;overflow-x:auto;max-height:none; }
  #my-projects .bpx-project-row { min-width:205px;max-width:255px; }
  #my-projects .bpx-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:620px) {
  #my-projects .bpx-heading { align-items:flex-start;flex-direction:column;gap:12px; }
  #my-projects .bpx-heading h1 { font-size:22px; }
  #my-projects .bpx-heading-tools { width:100%;justify-content:space-between; }
  #my-projects .bpx-cols { grid-template-columns:1fr; }
  #my-projects .bpx-stats { grid-template-columns:1fr;gap:8px; }
  #my-projects .bpx-project-hero { padding:18px;flex-wrap:wrap; }
  #my-projects .bpx-project-hero h2 { font-size:18px; }
  #my-projects .bpx-hero-progress { text-align:left; }
  #my-projects .bpx-surface { padding:15px; }
  #my-projects .bpx-tabs { flex-wrap:nowrap;overflow-x:auto; }
  #my-projects .bpx-tabs button { flex-shrink:0; }
  #my-projects .bpx-task { align-items:flex-start; }
  #my-projects .bpx-file { flex-wrap:wrap; }
  #my-projects .bpx-file strong { flex-basis:calc(100% - 45px); }
  #my-projects .bpx-file small { margin-left:28px; }
  #my-projects .bpx-actions .bpx-btn { flex:1 1 auto; }
}
@media(prefers-reduced-motion:reduce){#my-projects .bpx-spinner {animation:none;} #my-projects .bpx-btn {transition:none;}}

/* BPS_PROJECT_UPLOAD_STYLES_V1 - restricted to the My Projects Documents tab. */
#my-projects .bpx-upload-box { border:1px dashed #9ebbe8;background:#f7faff;border-radius:12px;padding:16px;margin:15px 0 18px; }
#my-projects .bpx-upload-head { display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin:0 0 10px; }
#my-projects .bpx-upload-head strong { display:block;font-size:13px;color:#173457;margin-bottom:5px; }
#my-projects .bpx-upload-head small { color:#526c91;font-size:11px;line-height:1.55; }
#my-projects .bpx-upload-tag { display:inline-flex;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:750;background:#e0edff;color:#145cc7;white-space:nowrap; }
#my-projects .bpx-upload-field { display:block;border:1px solid #cfdbf1;background:#fff;border-radius:9px;padding:11px 12px;margin:10px 0 11px;width:100%;font-size:12px; }
#my-projects .bpx-upload-controls { display:flex;align-items:center;gap:14px;flex-wrap:wrap; }
#my-projects .bpx-upload-hint { color:#62758c;font-size:11px;line-height:1.55; }
#my-projects .bpx-upload-box .bpx-btn { min-height:38px; }
@media(max-width:620px) {
  #my-projects .bpx-upload-box { padding:13px; }
  #my-projects .bpx-upload-head { flex-wrap:wrap; }
  #my-projects .bpx-upload-controls .bpx-btn { width:100%; }
}