/* GA One Web 11 — UI stability layer, scoped to app shell and client profile. */
@media (min-width:768px) {
  .app-shell.ga-v10 {transition:grid-template-columns .2s ease;}
  .ga-v10 .ga11-sidebar-toggle {
    display:flex;align-items:center;justify-content:center;gap:10px;min-height:34px;width:calc(100% - 15px);
    margin:12px auto 0;padding:5px 9px;color:#94ceca;background:#0b3034;
    border:1px solid #245052;border-radius:10px;font:600 11px/1.2 Montserrat,sans-serif;
    cursor:pointer;transition:background .16s ease,border-color .16s ease;
  }
  .ga-v10 .ga11-sidebar-toggle:hover{background:#104044;border-color:#55bcb2;color:#eefffc}
  .ga-v10 .ga11-sidebar-toggle:focus-visible{outline:2px solid #69e5d4;outline-offset:3px}
  .ga-v10 .ga11-sidebar-toggle svg{flex:0 0 auto;transform:rotate(180deg);transition:transform .18s ease}
  .ga-v10.ga11-sidebar-collapsed {grid-template-columns:74px minmax(0,1fr)!important}
  .ga-v10.ga11-sidebar-collapsed .sidebar{padding:18px 8px}
  .ga-v10.ga11-sidebar-collapsed .sidebar-brand{justify-content:center;padding:4px 0 15px}
  .ga-v10.ga11-sidebar-collapsed .sidebar-brand>div:last-child,
  .ga-v10.ga11-sidebar-collapsed .sidebar-section-label,
  .ga-v10.ga11-sidebar-collapsed .desktop-nav .nav-item span,
  .ga-v10.ga11-sidebar-collapsed .sidebar-bottom,
  .ga-v10.ga11-sidebar-collapsed .nav-group-rule,
  .ga-v10.ga11-sidebar-collapsed .ga11-sidebar-toggle span{display:none!important}
  .ga-v10.ga11-sidebar-collapsed .nav-item{justify-content:center;padding:0!important}
  .ga-v10.ga11-sidebar-collapsed .ga11-sidebar-toggle{width:43px;margin-top:12px}
  .ga-v10.ga11-sidebar-collapsed .ga11-sidebar-toggle svg{transform:rotate(0deg)}
  .ga-v10.ga11-sidebar-collapsed .desktop-nav{padding-top:16px}
}
@media (min-width:768px) and (max-width:1279px){
  .ga-v10.ga11-sidebar-open{grid-template-columns:248px minmax(0,1fr)!important}
  .ga-v10.ga11-sidebar-open .sidebar{padding:21px 14px 18px}
  .ga-v10.ga11-sidebar-open .sidebar-brand{padding:7px 10px 19px;justify-content:flex-start}
  .ga-v10.ga11-sidebar-open .sidebar-brand .brand-symbol{transform:none}
  .ga-v10.ga11-sidebar-open .sidebar-brand>div:last-child,
  .ga-v10.ga11-sidebar-open .sidebar-section-label,
  .ga-v10.ga11-sidebar-open .desktop-nav .nav-item span,
  .ga-v10.ga11-sidebar-open .sidebar-bottom,
  .ga-v10.ga11-sidebar-open .nav-group-rule{display:block!important}
  .ga-v10.ga11-sidebar-open .nav-item{justify-content:flex-start;padding:0 13px}
  .ga-v10.ga11-sidebar-open .desktop-nav{padding-top:12px}
  .ga-v10.ga11-sidebar-open .ga11-sidebar-toggle{width:calc(100% - 15px)}
  .ga-v10.ga11-sidebar-open .ga11-sidebar-toggle span{display:inline}
  .ga-v10:not(.ga11-sidebar-open):not(.ga11-sidebar-collapsed) .ga11-sidebar-toggle{width:43px}
  .ga-v10:not(.ga11-sidebar-open):not(.ga11-sidebar-collapsed) .ga11-sidebar-toggle span{display:none}
  .ga-v10:not(.ga11-sidebar-open):not(.ga11-sidebar-collapsed) .ga11-sidebar-toggle svg{transform:none}
}
@media(max-width:767px){.ga-v10 .ga11-sidebar-toggle{display:none!important}}

/* Compact client bento: no giant empty grid tracks, uniform section density. */
.ga-v10 .ga10-bento-profile{gap:10px}
.ga-v10 .ga10-bento-profile .crm-section{padding:15px 16px;align-self:start}
.ga-v10 .ga10-bento-profile .panel-head{margin-bottom:12px;gap:10px;align-items:center}
.ga-v10 .ga10-bento-profile .panel-head h3{font-size:13px;line-height:1.3;letter-spacing:-.2px}
.ga-v10 .ga10-bento-profile .section-overline{font-size:9px;letter-spacing:1.1px}
.ga-v10 .ga10-bento-profile .panel-subtitle{font-size:10.5px;line-height:1.45;margin-top:4px}
.ga-v10 .ga10-bento-profile .crm-inline-empty{min-height:43px;padding:11px;font-size:11px}
.ga-v10 .ga10-bento-profile .crm-record{padding:10px 2px}
.ga-v10 .ga10-bento-profile .crm-note{padding:10px 0}
.ga-v10 .ga10-bento-profile .crm-info-row{padding:9px 0}
.ga-v10 .ga10-bento-profile .ga-client-operation{min-height:40px}
.ga-v10 .ga10-bento-profile .crm-activity{padding:8px 0;gap:9px}
.ga-v10 .ga10-bento-profile .crm-activity strong{font-size:11px;line-height:1.35}
.ga-v10 .ga10-bento-profile .crm-activity small{font-size:9px;color:#86b2b2;line-height:1.4}
.ga-v10 .ga10-bento-profile .finance-card{padding:12px;gap:10px}
.ga-v10 .ga10-bento-profile .finance-card-amount{font-size:19px}
.ga-v10 .ga10-bento-profile .finance-card-metrics{gap:7px}
.ga-v10 .ga10-bento-profile .finance-card-metrics>div{padding:7px}
.ga-v10 .ga10-bento-profile .ga-voided-log{padding:10px 0}
.ga-v10 .ga10-bento-profile .ga-trash-preview{padding:10px 0}
.ga-v10 .crm-summary-grid{gap:10px;margin:12px 0}
.ga-v10 .crm-summary-card{padding:14px 15px}
.ga-v10 .crm-summary-card strong{font-size:20px;line-height:1.2}
.ga-v10 .ga-client-section-nav{margin:9px 0 12px;gap:7px}
.ga-v10 .ga-client-section-nav a{font-size:10px;padding:7px 10px}
.ga-v10 .crm-profile-head{padding:16px 18px}
.ga-v10 .crm-profile-identity h2{font-size:17px}
.ga-v10 .crm-profile-actions .btn{min-height:36px;padding:8px 11px;font-size:10.5px}

.ga-v10 .ga11-activity-list{min-width:0}
.ga-v10 .ga11-activity-controls{border-top:1px solid #1e494c;padding-top:10px;margin-top:4px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.ga-v10 .ga11-activity-more{min-height:34px;padding:6px 12px;font-size:10.5px}
.ga-v10 .ga11-activity-less{border:0;background:transparent;color:#8cdbd0;font:600 10.5px Montserrat,sans-serif;padding:8px;cursor:pointer}
.ga-v10 .ga11-activity-message{font-size:10px;color:#87b1af}
.ga-v10 [hidden]{display:none!important}
@media(min-width:901px){
 .ga-v10 .ga10-bento-profile>.crm-detail-aside>section:nth-of-type(2){max-height:none}
}
@media(max-width:767px){
 .ga-v10 .ga10-bento-profile .crm-section{padding:14px}
 .ga-v10 .crm-summary-card{padding:13px}
 .ga-v10 .crm-summary-card strong{font-size:17px}
 .ga-v10 .ga10-bento-profile .finance-card-amount{font-size:19px}
}
@media(prefers-reduced-motion:reduce){
 .app-shell.ga-v10,.ga-v10 .ga11-sidebar-toggle,.ga-v10 .ga11-sidebar-toggle svg{transition:none!important}
}

/* Independent top columns avoid the former 90–200 px empty grid gutters. */
@media (min-width:901px){
 .ga-v10 .ga11-bento-profile{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;align-items:start}
 .ga-v10 .ga11-bento-profile>.ga11-upper-main{display:flex!important;flex-direction:column;gap:12px;grid-column:1;grid-row:1}
 .ga-v10 .ga11-bento-profile>.crm-detail-aside{display:flex!important;flex-direction:column;gap:12px;grid-column:2;grid-row:1}
 .ga-v10 .ga11-bento-profile>.ga11-lower-main{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;grid-column:1/-1;grid-row:2}
 .ga-v10 .ga11-bento-profile>.ga11-lower-main>section{grid-column:auto!important;grid-row:auto!important;min-width:0}
}
@media (max-width:900px){
 .ga-v10 .ga11-bento-profile{display:flex!important;flex-direction:column;gap:12px}
 .ga-v10 .ga11-bento-profile>.ga11-upper-main{display:flex!important;flex-direction:column;gap:12px;order:1;width:100%}
 .ga-v10 .ga11-bento-profile>.crm-detail-aside{display:flex!important;flex-direction:column;gap:12px;order:2;width:100%}
 .ga-v10 .ga11-bento-profile>.ga11-lower-main{display:flex!important;flex-direction:column;gap:12px;order:3;width:100%}
 .ga-v10 .ga11-bento-profile>*>section{width:100%;min-width:0;order:initial!important}
}
@media(min-width:901px){
 .ga-v10 .ga11-bento-profile>.ga11-upper-main>section,
 .ga-v10 .ga11-bento-profile>.crm-detail-aside>section{width:100%;align-self:stretch}
}
/* Dense project action rows: never squeeze project titles into 40px slivers at 1280px. */
@media(min-width:901px) and (max-width:1390px){
 .ga-v10 .ga11-bento-profile .crm-record{flex-wrap:wrap;gap:9px}
 .ga-v10 .ga11-bento-profile .crm-record-content{flex:1 1 180px;min-width:165px}
 .ga-v10 .ga11-bento-profile .crm-project-actions{width:100%;flex:1 0 100%;margin:0 0 0 44px;justify-content:flex-start}
}
@media(max-width:767px){
 .ga-v10 .crm-summary-grid.crm-summary-grid-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .ga-v10 .crm-summary-grid.crm-summary-grid-4 .crm-summary-card:last-child{grid-column:auto}
 .ga-v10 .crm-summary-grid.crm-summary-grid-4 .crm-summary-card{min-height:81px;padding:12px;min-width:0}
 .ga-v10 .crm-summary-grid.crm-summary-grid-4 .crm-summary-card strong{font-size:16px;overflow-wrap:anywhere}
 .ga-v10 .crm-summary-grid.crm-summary-grid-4 .crm-summary-card small{display:none}
}

/* Faz 12 — authenticated, read-only integrity status; scoped to this screen. */
.ga12-page-head{margin-bottom:18px}
.ga12-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
.ga12-stat-grid .crm-summary-card{padding:17px 20px}
.ga12-stat-grid .crm-summary-card strong{font-size:25px}
.ga12-check-panel,.ga12-info-panel,.ga12-settings-entry{margin-bottom:15px}
.ga12-check-list{display:grid;gap:8px}
.ga12-check-item{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #25464a;background:#09282d;padding:13px 16px;border-radius:13px}
.ga12-check-copy{min-width:0}
.ga12-check-copy strong{font-size:13px;line-height:1.45;color:#edf9f7}
.ga12-check-copy p,.ga12-info-panel p{font-size:12px;line-height:1.7;color:#a4bdbc;margin:5px 0 0}
.ga12-check-state{font-size:11px;font-weight:700;line-height:1;padding:8px 11px;border-radius:99px;white-space:nowrap;border:1px solid #3a5660;color:#c1d3d5}
.ga12-check-pass .ga12-check-state{border-color:#2f6859;background:#123d34;color:#a9ead2}
.ga12-check-fail .ga12-check-state{border-color:#8a4c54;background:#49292d;color:#ffc8ce}
.ga12-check-unknown .ga12-check-state{border-color:#67583c;background:#3f3627;color:#f5ddab}
.ga12-settings-entry .panel-head{margin-bottom:0}
@media(max-width:767px){.ga12-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ga12-stat-grid .crm-summary-card{padding:14px 12px}.ga12-stat-grid .crm-summary-card strong{font-size:21px}.ga12-check-item{padding:12px;align-items:flex-start}.ga12-check-state{font-size:10px;padding:7px 9px}}
/* Override legacy 2-column summary rule only for this 3-metric diagnostic strip. */
.ga-v10 .crm-summary-grid.ga12-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ga-v10 .crm-summary-grid.ga12-stat-grid .crm-summary-card:last-child{grid-column:auto}

/* Faz 13 — shared dense work-card contract, scoped to customer projects and services.
   Do not apply these selectors to the date-picker, global forms, or finance tables. */
.ga-v10 .ga13-work-item{
  display:grid;grid-template-columns:34px minmax(0,1fr) minmax(210px,232px);
  align-items:start;column-gap:12px;row-gap:8px;padding:15px 0;
  container-type:inline-size;
}
.ga-v10 .ga13-work-item>.crm-record-icon{width:34px;height:34px;margin-top:2px}
.ga-v10 .ga13-work-item .ga13-work-content{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.ga-v10 .ga13-work-item .ga13-work-title{width:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.ga-v10 .ga13-work-title strong{font-size:12.5px;line-height:1.45;overflow-wrap:anywhere;min-width:0;flex:0 1 auto}
.ga-v10 .ga13-work-item .crm-state{margin:0;font-size:9px;flex:0 0 auto}
.ga-v10 .ga13-work-dates{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#95bab7;font-size:10.5px;font-variant-numeric:tabular-nums;line-height:1.5}
.ga-v10 .ga13-work-price{font-size:12px;line-height:1.4;color:#76efdd;font-weight:750}
.ga-v10 .ga13-work-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;margin:0;line-height:1.5;font-size:10.5px;max-width:100%;overflow-wrap:anywhere;color:#9dbfbe;white-space:normal}
.ga-v10 .ga13-work-website{max-width:100%;min-width:0;display:inline-flex;align-items:center;gap:7px;font-size:10.5px;line-height:1.35;color:#91dbd3;text-decoration:none;padding:6px 9px;border:1px solid #285558;border-radius:9px;background:#092a30;overflow-wrap:anywhere}
.ga-v10 .ga13-work-website:hover{color:#e2fff8;border-color:#49b7a9;background:#0e383b}
.ga-v10 .ga13-work-website svg{flex:0 0 auto}
.ga-v10 .ga13-work-item .ga13-action-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-self:start;justify-self:end;width:232px;max-width:100%;min-width:0;margin:0;padding:0}
.ga-v10 .ga13-action-stack a,
.ga-v10 .ga13-service-actions a{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;
  border:1px solid #2a5355;border-radius:9px;padding:9px 7px;min-height:33px;
  color:#bfebe7;background:#0b3034;text-decoration:none;line-height:1.25;
  font:600 10px/1.25 Montserrat,sans-serif;text-align:center;
  transition:border-color .15s ease,background-color .15s ease,color .15s ease;
}
.ga-v10 .ga13-action-stack a:hover,.ga-v10 .ga13-service-actions a:hover{color:#fff;background:#134247;border-color:#58c9ba;text-decoration:none}
.ga-v10 .ga13-action-stack a:focus-visible,.ga-v10 .ga13-service-actions a:focus-visible,.ga-v10 .ga13-work-website:focus-visible{outline:2px solid #81f4e2;outline-offset:3px}
.ga-v10 .ga13-action-stack svg{flex:0 0 auto}
.ga-v10 .ga13-action-stack .ga13-danger-action,
.ga-v10 .ga13-service-actions .ga13-danger-action{color:#efb3b6;border-color:#6c4245;background:#321f27}
.ga-v10 .ga13-action-stack .ga13-danger-action:hover,
.ga-v10 .ga13-service-actions .ga13-danger-action:hover{color:#ffe8e8;border-color:#bd7277;background:#49272e}
.ga-v10 .ga13-service-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,210px);align-items:center;gap:12px}
.ga-v10 .ga13-service-foot>strong{min-width:0;font-size:13px}
.ga-v10 .ga13-service-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0;width:100%}
.ga-v10 .ga13-service-actions>a{font-size:9.7px;min-height:32px;padding:7px 6px}
@container (max-width:540px){
 .ga-v10 .ga13-work-item{grid-template-columns:34px minmax(0,1fr);row-gap:12px}
 .ga-v10 .ga13-work-item .ga13-action-stack{grid-column:2;width:100%;justify-self:stretch;grid-template-columns:repeat(3,minmax(0,1fr))}
 .ga-v10 .ga13-action-stack a{padding:9px 4px;font-size:9px}
 .ga-v10 .ga13-action-stack svg{display:none}
}
/* @container above does not match when the ancestor has no named containment (legacy browser fallback). */
@media(max-width:1150px){
 .ga-v10 .ga13-work-item{grid-template-columns:34px minmax(0,1fr);row-gap:12px}
 .ga-v10 .ga13-work-item .ga13-action-stack{grid-column:2;width:100%;justify-self:stretch;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
 .ga-v10 .ga13-work-item{grid-template-columns:34px minmax(0,1fr)}
 .ga-v10 .ga13-work-item .ga13-action-stack{grid-column:2}
}
@media(max-width:520px){
 .ga-v10 .ga13-work-item{column-gap:10px}
 .ga-v10 .ga13-work-item .ga13-action-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .ga-v10 .ga13-action-stack a{font-size:10px;min-height:36px}
 .ga-v10 .ga13-service-foot{grid-template-columns:1fr;gap:10px}
 .ga-v10 .ga13-service-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
}
@media(prefers-reduced-motion:reduce){
 .ga-v10 .ga13-action-stack a,.ga-v10 .ga13-service-actions a{transition:none!important}
}
/* A card is the responsive unit; avoid coupling project layout to sidebar width. */
.ga-v10 #ga-client-projects{container-type:inline-size}
@container (max-width:510px){
 .ga-v10 .ga13-work-item{grid-template-columns:34px minmax(0,1fr);row-gap:11px}
 .ga-v10 .ga13-work-item .ga13-action-stack{grid-column:2;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:stretch}
}
/* Desktop: exactly two operation rows (3 + 2), aligned to the right. */
@media(min-width:1151px){
 .ga-v10 .ga13-work-item{grid-template-columns:34px minmax(0,1fr) minmax(0,286px)}
 .ga-v10 .ga13-work-item .ga13-action-stack{grid-template-columns:repeat(3,minmax(0,1fr));width:286px;max-width:100%}
 .ga-v10 .ga13-action-stack a{padding:9px 4px;font-size:9.5px}
 .ga-v10 .ga13-action-stack svg{display:none}
}


/* Faz 14: amount blocks are structural, not large typography overrides.
   Scope them to client project, client service, and client finance preview cards. */
.ga-v10 #ga-client-projects .ga14-project-price{
  display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:5px 9px;
  width:fit-content;max-width:100%;margin:2px 0 0;padding:8px 10px;
  border:1px solid #255653;border-radius:10px;background:#0b3435;
  font-size:12px!important;color:#b2e9df!important;font-weight:650;
}
.ga-v10 .ga14-price-amount{
  display:inline-block;white-space:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:thin;
  font-variant-numeric:tabular-nums;letter-spacing:-.25px;line-height:1.35;
  color:#e3fff8;font-weight:750;
}
.ga-v10 .ga14-price-period{color:#91bbb8;font-size:10.5px;line-height:1.45;font-weight:500;white-space:nowrap}
.ga-v10 .ga14-price-empty{color:#a1b8b8;font-weight:500;font-size:11px}
.ga-v10 #ga-client-services .ga-service-contract-grid{grid-template-columns:minmax(0,1fr)}
.ga-v10 #ga-client-services .ga-service-contract{min-width:0;container-type:inline-size}
.ga-v10 #ga-client-services .ga14-service-foot{
  display:grid;grid-template-columns:minmax(132px,1fr) minmax(185px,224px);
  gap:12px;align-items:center;min-width:0;
  border-top:1px solid #214e4f;padding-top:13px;
}
.ga-v10 #ga-client-services .ga14-service-price{
  display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;
  border:1px solid #2b5755;background:linear-gradient(130deg,#0d3a39,#0a2e33);
  padding:11px 13px;border-radius:12px;
}
.ga-v10 #ga-client-services .ga14-price-caption{
  color:#9ec9c3;font-size:10px;font-weight:650;letter-spacing:.02em;
}
.ga-v10 #ga-client-services .ga14-price-amount{font-size:clamp(13px,1.1vw,16px);}
.ga-v10 #ga-client-services .ga13-service-actions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;max-width:100%;min-width:0;gap:8px;
}
.ga-v10 #ga-client-services .ga13-service-actions a{
  display:inline-flex;align-items:center;justify-content:center;min-height:36px;
  font-size:10.5px;padding:8px 6px;min-width:0;
}
.ga-v10 #ga-client-services .ga14-service-price .ga14-price-amount{
  overflow-x:auto;scrollbar-width:thin;
}
/* A service can sit in a 2-column bento even on a wide viewport:
   respond to its own available content width, not only the window. */
@container (max-width:405px){
 .ga-v10 #ga-client-services .ga14-service-foot{grid-template-columns:minmax(0,1fr);gap:10px}
 .ga-v10 #ga-client-services .ga14-service-price{padding:10px 12px}
}
@media(max-width:1200px){
 .ga-v10 #ga-client-services .ga14-service-foot{grid-template-columns:minmax(0,1fr)}
}
@media(min-width:1201px) and (max-width:1440px){
 .ga-v10 #ga-client-services .ga14-service-foot{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){
 .ga-v10 #ga-client-services .ga14-service-foot{grid-template-columns:minmax(0,1fr);gap:11px}
 .ga-v10 #ga-client-services .ga14-service-price{padding:10px 12px}
}
/* Scoped compact finance preview: no currency split and no giant numbers. */
.ga-v10 #ga-client-finance .finance-card-amount,
.ga-v10 #ga-client-payments .finance-card-amount{
  font-size:clamp(16px,1.65vw,20px);font-variant-numeric:tabular-nums;
  white-space:nowrap;max-width:100%;width:fit-content;overflow-x:auto;
}
.ga-v10 #ga-client-finance .finance-card-metrics strong,
.ga-v10 #ga-client-payments .finance-card-metrics strong{
  font-variant-numeric:tabular-nums;overflow-wrap:normal;word-break:normal;
}
@media(prefers-reduced-motion:reduce){
 .ga-v10 #ga-client-services .ga-service-contract:hover{transform:none}
}


/* GA One Web / Faz 15: stable, accessible, pastel client identity tones.
   Scoped to CRM avatar only; finance status semantics remain unchanged. */
.ga-v10 .crm-avatar[class*="ga-avatar-tone-"]{
  background:linear-gradient(145deg,var(--ga-avatar-bg),#071f25 165%);
  color:var(--ga-avatar-ink);
  border-color:var(--ga-avatar-line);
  box-shadow:inset 0 1px 0 #ffffff12,0 0 0 1px #00000012;
  font-variant-numeric:tabular-nums;
  font-weight:750;
  transition:border-color 160ms ease,box-shadow 160ms ease;
}
.ga-v10 .crm-person:hover .crm-avatar[class*="ga-avatar-tone-"],
.ga-v10 .crm-person:focus-visible .crm-avatar[class*="ga-avatar-tone-"],
.ga-v10 .crm-mobile-client:hover .crm-avatar[class*="ga-avatar-tone-"],
.ga-v10 .crm-mobile-client:focus-visible .crm-avatar[class*="ga-avatar-tone-"]{
  box-shadow:inset 0 1px 0 #ffffff1a,0 0 0 2px var(--ga-avatar-line);
}
.ga-v10 .crm-avatar.ga-avatar-tone-0{--ga-avatar-bg:#173e3b;--ga-avatar-ink:#a7f2dd;--ga-avatar-line:#3c7970}
.ga-v10 .crm-avatar.ga-avatar-tone-1{--ga-avatar-bg:#1c354b;--ga-avatar-ink:#b1e2fc;--ga-avatar-line:#3b6d91}
.ga-v10 .crm-avatar.ga-avatar-tone-2{--ga-avatar-bg:#322b4c;--ga-avatar-ink:#d8c8ff;--ga-avatar-line:#675b92}
.ga-v10 .crm-avatar.ga-avatar-tone-3{--ga-avatar-bg:#48332e;--ga-avatar-ink:#ffd4b8;--ga-avatar-line:#8c6455}
.ga-v10 .crm-avatar.ga-avatar-tone-4{--ga-avatar-bg:#482b3d;--ga-avatar-ink:#ffbed4;--ga-avatar-line:#8a526c}
.ga-v10 .crm-avatar.ga-avatar-tone-5{--ga-avatar-bg:#483923;--ga-avatar-ink:#f5d89d;--ga-avatar-line:#897143}
.ga-v10 .crm-avatar.ga-avatar-tone-6{--ga-avatar-bg:#34432b;--ga-avatar-ink:#d7efae;--ga-avatar-line:#6c8651}
.ga-v10 .crm-avatar.ga-avatar-tone-7{--ga-avatar-bg:#4a302f;--ga-avatar-ink:#ffc1b4;--ga-avatar-line:#8d5b56}
.ga-v10 .crm-avatar.ga-avatar-tone-8{--ga-avatar-bg:#2d3650;--ga-avatar-ink:#bdcbff;--ga-avatar-line:#5b6b9f}
.ga-v10 .crm-avatar.ga-avatar-tone-9{--ga-avatar-bg:#3d304a;--ga-avatar-ink:#e8c7fc;--ga-avatar-line:#846197}
.ga-v10 .crm-avatar.ga-avatar-tone-10{--ga-avatar-bg:#21434a;--ga-avatar-ink:#b1eff0;--ga-avatar-line:#44828b}
.ga-v10 .crm-avatar.ga-avatar-tone-11{--ga-avatar-bg:#293e50;--ga-avatar-ink:#c2dff4;--ga-avatar-line:#547d9c}
@media(prefers-reduced-motion:reduce){.ga-v10 .crm-avatar[class*="ga-avatar-tone-"]{transition:none}}

/* Faz 16: alacak kapama yönlendirmesi, daha temiz finans işlem kartı */
.ga-settlement-panel{max-width:900px;margin-inline:auto}
.ga-settlement-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);gap:18px;align-items:start;margin-bottom:18px}
.ga-settlement-summary h2{font-size:18px;line-height:1.4;margin:7px 0}
.ga-settlement-summary p{font-size:12px;color:#9cbfc0;margin:0}
.ga-settlement-balances{display:grid;gap:8px}
.ga-settlement-balances>div{padding:12px 14px;border:1px solid #285258;background:#08282d;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ga-settlement-balances span{font-size:11px;color:#a3bdbe}.ga-settlement-balances strong{font-size:14px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.ga-settlement-actions{margin:18px 0}.ga-receivable-closed{display:inline-flex;align-items:center;color:#9eedd0;font-size:12px;font-weight:700;padding:8px}
@media(max-width:767px){.ga-settlement-summary{grid-template-columns:1fr}.ga-settlement-balances strong{font-size:13px}.ga-settlement-actions .btn{width:100%;justify-content:center}}
