/* Build Up Investment: original assets and observed color tokens from buildup.ge.
   Business colors (seller markers and the buyer's 30% status) stay independent. */
:root {
  --brand-gold: lab(80.1641% 16.6016 99.2089);
  --brand-gold-light: lab(86.4156% 6.13147 78.3961);
  --brand-teal-950: lab(16.6371% -15.3183 -3.81732);
  --brand-teal-900: lab(29.506% -21.4706 -3.59886);
  --brand-teal-800: lab(35.5975% -26.6648 -4.34487);
  --brand-teal-700: lab(44.4134% -33.1436 -4.22149);
  --brand-cream: #fff4cf;
  --ink: #193c35;
  --muted: #5e746d;
  --blue: var(--brand-teal-700);
  --line: #dfe8e2;
  --canvas: #f4f7f3;
  --shadow: 0 3px 18px #123c2b06;
}

.topbar {
  background: var(--brand-teal-950);
  border-top: 2px solid var(--brand-gold);
  border-bottom-color: #28514a;
}
.brand {color: var(--brand-gold); gap: 12px; letter-spacing: .2px; min-width: 0;}
.brand-logo {display: block; width: 52px; height: 58px; object-fit: contain; flex-shrink: 0;}
.brand-copy {font-size: 19px; font-weight: 700; white-space: nowrap;}
.brand small {color: #bacbc0; font-size: 11px; letter-spacing: .1px; margin-top: 5px;}
.top-right {color: #e3ebe3;}
.profile-link{display:flex;align-items:center;gap:10px;color:#e3ebe3;min-width:0}.profile-link:hover{text-decoration:none;color:var(--brand-gold-light)}
.profile-avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:1px solid #ffffff35;border-radius:50%;object-fit:cover}
.profile-initial{background:#164f47;color:#ffe082;font-weight:650}.profile-link-copy strong{display:block;font-size:12px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-link-copy small{display:block;font-size:10px;color:#b9cfc1}
.profile-summary{display:flex;gap:22px;align-items:center;margin-bottom:28px}.profile-summary h2{margin-bottom:4px}.profile-summary p{margin:0}
.profile-photo-large{width:104px;height:104px;flex-shrink:0;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:38px;border:3px solid #e4eee8}
.profile-checkbox{flex-direction:row;align-items:center;flex-wrap:wrap}.profile-form input[type=file]{max-width:100%;font-size:12px}.profile-form .errorlist{margin:0}
@media(max-width:800px){.profile-link-copy strong{display:none}.profile-link-copy small{font-size:11px}}
@media(max-width:520px){.profile-link{gap:6px}.profile-avatar{width:30px;height:30px}.profile-link-copy small{font-size:9px}.profile-link-copy{min-width:52px;line-height:1.3}.profile-summary{gap:15px}.profile-photo-large{width:80px;height:80px}.profile-form input{min-width:0}.profile-columns .facts{grid-template-columns:1fr}.topbar .top-right{gap:8px}}
@media(max-width:360px){.profile-link-copy{display:none}}
.preview-label {background: #ffffff09; color: var(--brand-cream); border: 1px solid #ffca282b;}
.topbar .text-button {color: #dae5dc; border-radius: 7px;}
.topbar .text-button:hover {background: #ffffff0d; color: var(--brand-gold-light);}

.sidebar {background: linear-gradient(165deg, var(--brand-teal-950), #073d34); color: #e6eee5;}
.sidebar .back-link {color: #b5cabd;}
.sidebar nav a {color: #bed2c6;}
.sidebar nav a:hover {background: #ffffff0c; color: #fff9e6;}
.sidebar nav a.active {background: var(--brand-gold); color: var(--brand-teal-950); box-shadow: 0 3px 15px #ffca2812;}
.sidebar-foot {border-color: #ffffff15; color: #d8e5d9;}
.sidebar-foot small {color: #a6bfae;}

.primary, .button {background: var(--brand-gold); color: var(--brand-teal-950); border-color: var(--brand-gold);}
.primary:hover, .button:hover {background: var(--brand-gold-light); border-color: var(--brand-gold-light);}
.secondary, .button.secondary {background: #fff; color: var(--brand-teal-900); border-color: #d0dfd4;}
.secondary:hover, .button.secondary:hover {background: #edf4ee; border-color: #b4cfc0;}
.button.danger {background: #be3648; color: white; border-color: #be3648;}
.button.danger:hover {background: #a92b3d; border-color: #a92b3d;}
main > .back-link, .page-head .eyebrow, .eyebrow {color: var(--brand-teal-700);}
.login-card > .eyebrow {color: var(--brand-teal-900);}
.login-card {border-top: 3px solid var(--brand-gold);}

.project-card:before {background: var(--brand-gold);}
.project-card:hover {border-color: #cdbf83; box-shadow: 0 9px 26px #294b3410;}
.project-monogram, .project-icon {background: #f7f1d8; color: var(--brand-teal-900);}
.project-card-bottom {border-color: var(--line);}
.project-card-bottom span:last-child {color: var(--brand-teal-700);}
.metric > strong {color: var(--brand-teal-950);}
.cash-strip {background: var(--brand-teal-950); border-top: 2px solid var(--brand-gold);}
.cash-strip strong {color: var(--brand-gold-light);}
.cash-strip span, .cash-strip small {color: #bdcfc0;}

.notice, .note {background: #edf5ed; color: #365f49; border-color: #d4e4d6;}
.notice.warning {background: #fff7e7; color: #805b22; border-color: #eee0c3;}
.notice.success {background: #eaf8f0; color: #186c48; border-color: #c3e6d2;}
.notice.error, .errorlist {color: #b02e42; background: #fff0f1; border-color: #f5c7d0;}
.badge, .pill {background: #eef3ec; color: #546c59;}
.badge.blue {background: #e1f0e8; color: #21634e;}
.badge.green, .badge.success, .pill.green {background: #def3e7; color: #166044;}
.badge.pending, .badge.amber, .pill.pending {background: #fff4d9; color: #896016;}
.badge.cancelled, .badge.danger {background: #fff0f1; color: #a34a55;}

th {background: #f2f6f0; color: #61725e;}
td {border-bottom-color: #eaf0e7;}
tbody tr:hover td {background: #f3f7ef;}
tr.milestone-row:hover td {background: #e8f6e9;}
label {color: #415e4d;}
input, textarea, select {border-color: #d4e0d5;}
input:focus, textarea:focus, select:focus {border-color: var(--brand-teal-700); outline-color: #e3efe6;}
:focus-visible {outline-color: var(--brand-teal-700);}
.topbar :focus-visible, .sidebar :focus-visible {outline-color: var(--brand-gold-light);}
.avatar {background: #edf3e7; color: var(--brand-teal-900);}
.check-button {background: #f4f5e7; border-color: #d8dfbf; color: var(--brand-teal-800);}
.folder-list span {background: #e9efe2; color: #476047;}
.list-row {border-color: #eaf0e7;}
.inline-detail .inline-form, hr {border-color: var(--line);}

@media (max-width: 800px) {
  .brand-logo {width: 44px; height: 50px;}
  .brand-copy {font-size: 17px;}
}
@media (max-width: 520px) {
  .topbar {gap: 10px; padding: 0 14px;}
  .brand {gap: 8px;}
  .brand-logo {width: 34px; height: 40px;}
  .brand-copy {font-size: 14px; letter-spacing: 0;}
  .brand small {font-size: 9px;}
  .preview-label {font-size: 8px; padding: 3px 6px;}
  .topbar .text-button {font-size: 10px; padding: 5px 4px;}
}
@media (max-width: 360px) {
  .brand-copy {font-size: 12px;}
  .brand-logo {width: 29px; height: 36px;}
  .topbar {gap: 6px; padding: 0 10px;}
}

.sales-filters{align-items:end;flex-wrap:wrap}.sales-filters label{display:flex;flex:1 1 210px;flex-direction:column;gap:7px;font-size:13px}.sales-filters input,.sales-filters select{width:100%;min-width:0}.seller-summary{padding:12px 0;border-top:1px solid var(--line,#dce5e1)}
@media(max-width:600px){.sales-filters{display:flex}.sales-filters label{flex-basis:100%}.sales-filters button{flex:1}.section-heading{flex-wrap:wrap;gap:10px}}

.owner-finance-link{color:var(--brand-gold-light);font-size:13px;border:1px solid #ffca284d;border-radius:8px;padding:7px 12px;white-space:nowrap}
.owner-finance-link:hover{color:white;border-color:var(--brand-gold);text-decoration:none}

/* The workspace menu stays in the same place on every authenticated page. */
.skip-link{position:fixed;top:8px;left:12px;z-index:100;padding:10px 16px;background:var(--brand-gold);color:var(--brand-teal-950);border-radius:8px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.app-shell:not(.no-sidebar){grid-template-columns:250px minmax(0,1fr)}
.sidebar{padding:24px 16px;gap:0;position:sticky;top:0;align-self:start;min-height:calc(100vh - 82px);max-height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#416359 transparent}
.sidebar-content{display:flex;flex-direction:column;gap:24px}
.navigation-label{font-size:11px;color:#a6bfb2;letter-spacing:.3px;margin:0 12px 10px}
.sidebar nav{gap:4px}
.sidebar nav a{align-items:center;padding:10px 12px;font-size:13px;line-height:1.5;min-height:42px}
.nav-icon{width:19px;height:19px;flex-shrink:0}
.project-navigation{border-top:1px solid #ffffff1c;padding-top:21px}
.sidebar .project-identity{padding:0 12px;min-height:30px;font-size:14px;display:flex}
.project-switcher{margin:6px 0 15px}
.project-switcher>summary{font-size:11px;font-weight:400;color:#c2d2c7;padding:3px 12px;list-style-position:inside}
.project-switcher[open]>summary{margin-bottom:8px}
.project-switcher nav{padding:6px;background:#001f1d55;border-radius:9px}
.sidebar nav a.current-project{color:var(--brand-gold-light);background:#ffffff09}
.sidebar .project-shortcuts a,.project-switcher nav a{font-size:12px}
.sidebar-add{display:block;color:var(--brand-gold-light);font-size:12px;margin:18px 12px 0}
.sidebar-empty{padding:0 12px;color:#bdcfc0;font-size:12px}
.navigation-toggle{display:none}
.join-card{max-width:600px;margin:12px auto}.join-card h1{font-size:27px}.join-card .facts{margin-top:24px}.join-card .facts dd{overflow-wrap:anywhere}
.invitation-form #id_projects{display:flex;flex-direction:column;gap:8px;margin-top:10px}.invitation-form #id_projects label{display:flex;flex-direction:row;align-items:center}.invitation-form input[type=checkbox]{flex-shrink:0}.invitation-form .field>label{margin-bottom:7px}
.invite-created{border-top:3px solid var(--brand-gold)}.invite-created input{font-size:12px}.invite-created .muted{margin-top:12px}.invitation-row{flex-wrap:wrap}.invitation-row .grow{min-width:190px;overflow-wrap:anywhere}
.sidebar-admin{border-top:1px solid #ffffff1c;padding:18px 12px 0;margin-top:24px}
.sidebar-admin a{display:flex;align-items:center;gap:10px;color:#c3d3c8;font-size:12px}
.sidebar-admin a span{margin-left:auto}.sidebar-admin small{display:block;margin:5px 0 0 29px;font-size:10px;color:#a6bfb2}
.nationality-edit{margin-top:20px;max-width:540px}.nationality-edit .muted{margin-top:10px}
.buyer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-filters{margin-bottom:12px}.analysis-filters~p{margin:0}
.analysis-share{display:flex;align-items:center;gap:10px;min-width:135px}.analysis-share meter{width:85px;height:10px;accent-color:#087f75}.analysis-share span{white-space:nowrap;font-size:12px}
.analysis-share meter::-webkit-meter-bar{background:#e4eeea;border:0;border-radius:8px}.analysis-share meter::-webkit-meter-optimum-value{background:#087f75;border-radius:8px}
@media(min-width:1600px){.buyer-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.sidebar.navigation-enhanced:not(.is-open) .sidebar-admin{display:none}}
@media(max-width:520px){.buyer-metrics{grid-template-columns:1fr}}
.task-summary .grow{min-width:0;overflow-wrap:anywhere}
.task-summary time,.task-open{white-space:nowrap;font-size:12px}
.list-row:target{background:#fff8e4;outline:2px solid #edc764;outline-offset:6px;scroll-margin-top:24px}
@media (min-width:801px) and (max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:800px){
  .sidebar{position:static;min-height:0;max-height:none;padding:12px 20px;overflow:visible}
  .sidebar.navigation-enhanced .navigation-toggle{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#e6eee5;padding:5px 0;width:100%;text-align:left;font-size:14px}
  .navigation-toggle small{margin-left:auto;color:#bed2c6;font-size:11px;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .navigation-chevron{font-size:18px;transition:transform .15s}
  .is-open .navigation-chevron{transform:rotate(180deg)}
  .sidebar.navigation-enhanced:not(.is-open) .sidebar-content{display:none}
  .sidebar.is-open .sidebar-content{margin-top:20px}
  .sidebar nav{flex-direction:column;overflow:visible;gap:4px;padding-bottom:0}
  .sidebar nav a{white-space:normal;padding:10px 12px;font-size:13px}
  .sidebar-content{gap:20px}
  .task-summary{flex-wrap:wrap}
  .task-summary .grow{flex-basis:100%}
}
@media (max-width:520px){.sidebar{padding:10px 16px}.metrics.three{grid-template-columns:1fr}.metric>span{min-height:0}}
.owner-filter{align-items:end}.owner-filter label{display:block;font-size:13px;margin-bottom:7px}.owner-filter select{width:280px;max-width:100%}
.profit-amount{display:block;font-size:32px;line-height:1.4;color:var(--brand-teal-950);margin:12px 0 16px}.profit-review{display:block;font-size:22px;color:#805b22;margin:12px 0 16px}.profit-columns .panel{margin-bottom:20px}.profit-columns .list-row strong{white-space:nowrap}
.overview-metrics .metric:first-child{border-top:3px solid var(--brand-gold)}
@media(max-width:800px){.top-right .preview-label{display:none}}
@media(max-width:520px){.owner-finance-link{font-size:10px;padding:5px 7px}.overview-metrics.metrics.three{grid-template-columns:1fr}.overview-metrics .metric>span{min-height:0}.owner-filter>div{flex:1;min-width:0}.owner-filter select{width:100%}.profit-amount{font-size:28px}.profit-columns .list-row{align-items:flex-start}}