/* DUTIFY approved UI layer — presentation only. No business logic. */
:root{
  --approved-accent:#ffd400;
  --approved-bg:#f4f5f6;
  --approved-card:#fff;
  --approved-soft:#f7f8fa;
  --approved-ink:#15181d;
  --approved-muted:#7a8492;
  --approved-line:#e1e5ea;
  --approved-radius:18px;
  --approved-shadow:0 12px 34px rgba(17,24,39,.055);
}
html[data-theme=dark]{
  --approved-bg:#101318;
  --approved-card:#1b212a;
  --approved-soft:#252d38;
  --approved-ink:#f3f5f8;
  --approved-muted:#aab4c2;
  --approved-line:#394453;
  --approved-shadow:0 18px 44px rgba(0,0,0,.22);
}
body{background:var(--approved-bg);color:var(--approved-ink)}
.card,.request-row,.offer-card,.notification,.profile-panel,.approved-summary-card,.approved-required-docs,.approved-file-list{
  border:1px solid var(--approved-line)!important;
  border-radius:var(--approved-radius)!important;
  box-shadow:var(--approved-shadow);
}
.line-icon,.approved-icon{width:21px;height:21px;display:block;flex:0 0 auto}
.btn.yellow{background:var(--approved-accent)!important;color:#101215!important;border-color:var(--approved-accent)!important}
.btn,.filter,.icon-btn,.user-chip{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
@media (hover:hover){
  .btn:hover,.request-row:hover,.offer-card:hover{transform:translateY(-1px)}
  .request-row:hover,.offer-card:hover{box-shadow:0 14px 34px rgba(17,24,39,.08)}
}

/* Brand */
.brand.approved-brand{display:flex;align-items:center;min-height:58px;padding:0 4px}
.brand.approved-brand img{display:block;width:142px;height:58px;object-fit:contain;object-position:left center}
html[data-theme=dark] .brand.approved-brand img{filter:none}
.sidebar .brand-mark{display:none!important}

/* Approved sidebar */
.sidebar{background:#0d1014!important;color:#eef1f5!important;padding:22px 18px!important}
html[data-theme=light] .sidebar{background:#0d1014!important;color:#eef1f5!important}
.sidebar .role-box{background:#151a20!important;border:1px solid #1d232b!important;border-radius:16px!important;padding:16px!important;margin:10px 0 24px!important;color:#fff!important}
.sidebar .role-box span{color:#8f9aaa!important}
.sidebar nav{display:grid;gap:7px}
.sidebar .nav-item{position:relative;display:flex!important;align-items:center!important;gap:14px!important;min-height:50px!important;padding:0 14px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#d9dee6!important;font-weight:600!important;text-align:left!important}
.sidebar .nav-item .ico{width:22px;height:22px;display:grid;place-items:center;color:#c6ced8}
.sidebar .nav-item.active{background:#171c22!important;color:#fff!important}
.sidebar .nav-item.active:after{content:"";position:absolute;right:-18px;top:11px;bottom:11px;width:3px;border-radius:4px;background:var(--approved-accent)}
.sidebar .nav-item.active .ico{color:var(--approved-accent)}
.sidebar-foot{margin-top:auto;border-top:1px solid #20262e;padding-top:16px}
.sidebar-foot a,.sidebar-foot button{color:#cbd3dd!important}

/* Header */
.topbar{background:var(--approved-card)!important;border-bottom:1px solid var(--approved-line)!important}
.topbar .icon-btn,.topbar .user-chip{border:1px solid var(--approved-line)!important;background:var(--approved-card)!important}
#notifyDot{background:#ff4b4b}

/* Dashboard - preserve structure, refine motion and monochrome */
.hero-card{position:relative;overflow:hidden;border-radius:28px!important;background:#111419!important;color:#fff!important;min-height:270px;padding:48px 42px!important}
.hero-card:after{content:"";position:absolute;width:310px;height:310px;border:28px solid var(--approved-accent);border-radius:50%;right:-145px;top:-95px;opacity:1;pointer-events:none}
.hero-card>div{position:relative;z-index:1;max-width:760px}
.hero-card h2{font-size:44px!important;letter-spacing:-.045em;margin:12px 0 14px!important}
.hero-card p{color:#c8d0da!important;max-width:730px;line-height:1.65}
.workflow-strip{gap:12px!important;margin:18px 0 22px!important}
.workflow-strip .flow-step{border:1px solid var(--approved-line)!important;border-radius:16px!important;box-shadow:none!important}
.stats{gap:14px!important}
.stat{box-shadow:none!important}
.stat-top>span:last-child{font-size:0}
.stat-top>span:last-child:before{content:"";display:inline-block;width:18px;height:18px;border:1.7px solid currentColor;border-radius:5px;opacity:.75}
.request-icon{background:var(--approved-soft)!important;color:var(--approved-ink)!important;border:1px solid var(--approved-line)!important}
.request-icon img{display:none!important}
.request-row{box-shadow:none!important;background:var(--approved-card)!important}
.request-row .btn.soft{border-radius:12px!important}

/* Requests */
.create-row{margin-bottom:10px!important}
.list-tools{display:grid;grid-template-columns:minmax(280px,1fr) auto;gap:12px;align-items:center;margin-bottom:18px!important}
.list-tools .search-box{grid-column:1/2}
.list-tools .filterbar{grid-column:1/-1;display:flex;gap:8px;overflow:auto;padding-bottom:3px;scrollbar-width:none}
.list-tools .filterbar::-webkit-scrollbar{display:none}
.filterbar .filter{white-space:nowrap;background:var(--approved-card)!important;border:1px solid var(--approved-line)!important;color:var(--approved-ink)!important;border-radius:999px!important;padding:9px 14px!important}
.filterbar .filter.active{background:#111419!important;color:#fff!important;border-color:#111419!important}
.request-list{display:grid;gap:10px}
.request-list .request-row{min-height:84px;padding:14px 16px!important;grid-template-columns:48px minmax(220px,1.4fr) minmax(150px,.8fr) minmax(150px,.7fr) auto auto!important}
.request-row h3{margin-bottom:4px!important}
.request-row p,.request-row small{color:var(--approved-muted)!important}

/* Offers */
.approved-offers-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start}
.approved-offer-request{position:sticky;top:18px;background:var(--approved-card);border:1px solid var(--approved-line);border-radius:20px;padding:22px;box-shadow:var(--approved-shadow)}
.approved-offer-request h2{margin:8px 0 5px;font-size:30px}
.approved-offer-request .approved-meta{display:grid;gap:14px;margin-top:22px}
.approved-meta-row{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding-top:12px;border-top:1px solid var(--approved-line)}
.approved-meta-row small{display:block;color:var(--approved-muted);margin-bottom:3px}
.approved-offers-main>.section-head{margin-top:0!important}
.approved-offers-main .offer-grid{display:grid;grid-template-columns:1fr!important;gap:10px!important}
.approved-offers-main .offer-card{display:grid;grid-template-columns:minmax(220px,1fr) 150px 150px minmax(220px,1.25fr) auto;gap:16px;align-items:center;padding:18px!important;box-shadow:none!important}
.approved-offers-main .offer-card.best{border-color:#e5bf00!important;background:linear-gradient(90deg,#fffdf3,var(--approved-card))!important}
html[data-theme=dark] .approved-offers-main .offer-card.best{background:linear-gradient(90deg,#302b16,var(--approved-card))!important}
.approved-offers-main .offer-top{margin:0!important}
.approved-offers-main .offer-price{font-size:25px!important;margin:0!important}
.approved-offers-main .offer-meta{display:grid!important;gap:4px!important;margin:0!important}
.approved-offers-main .offer-details{margin:0!important}
.approved-offers-main .offer-actions{display:grid!important;gap:8px!important;min-width:150px}
.approved-offers-main .offer-actions .btn{width:100%}

/* Profile */
.approved-profile-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}
.approved-profile-nav{position:sticky;top:18px;background:var(--approved-card);border:1px solid var(--approved-line);border-radius:20px;padding:10px;box-shadow:var(--approved-shadow)}
.approved-profile-nav button{width:100%;display:flex;align-items:center;gap:12px;min-height:48px;border:0;border-radius:12px;background:transparent;color:var(--approved-ink);font:inherit;font-weight:650;text-align:left;padding:0 12px;cursor:pointer}
.approved-profile-nav button.active{background:#fff8d6;color:#111}
html[data-theme=dark] .approved-profile-nav button.active{background:#39341d;color:#fff}
.approved-profile-content{min-width:0}
.approved-profile-content>.card,.approved-profile-content>.appearance-card{max-width:none!important;margin:0!important}
.approved-profile-content .profile-grid{grid-template-columns:1fr!important}
.approved-profile-content .profile-grid>.card{box-shadow:none}
.approved-settings-section{background:var(--approved-card);border:1px solid var(--approved-line);border-radius:20px;padding:24px;box-shadow:var(--approved-shadow)}
.approved-settings-section h2{margin:0 0 6px}
.approved-settings-section>p{color:var(--approved-muted);margin:0 0 20px}
.logo-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.logo-choice{position:relative;border:1px solid var(--approved-line);border-radius:14px;padding:12px;background:var(--approved-soft);cursor:pointer}
.logo-choice.selected{border-color:#d9b400;box-shadow:0 0 0 1px #d9b400 inset}
.logo-choice img{width:100%;height:76px;object-fit:contain;border-radius:8px;background:#fff}
.logo-choice.dark-preview img{background:#11151a}
.logo-choice strong,.logo-choice small{display:block}
.logo-choice strong{margin-top:8px;font-size:13px}
.logo-choice small{margin-top:3px;color:var(--approved-muted);font-size:11px}
.language-list{display:grid;gap:10px}
.language-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border:1px solid var(--approved-line);border-radius:14px;background:var(--approved-card);cursor:pointer}
.language-choice.selected{border-color:#d9b400;background:#fffdf2}
html[data-theme=dark] .language-choice.selected{background:#312d19}
.ui-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid var(--approved-line)}
.ui-switch{appearance:none;width:46px;height:26px;border-radius:99px;background:#d9dee5;position:relative;cursor:pointer;transition:.2s}
.ui-switch:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 4px #0002}
.ui-switch:checked{background:var(--approved-accent)}
.ui-switch:checked:before{transform:translateX(20px)}

/* Notifications */
.approved-notifications-head{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center}
.approved-notification-controls{display:flex;gap:10px;align-items:center}
.approved-notification-tabs{display:flex;gap:8px;overflow:auto;margin:18px 0 12px;scrollbar-width:none}
.approved-notification-tabs::-webkit-scrollbar{display:none}
.approved-notification-tabs button{border:1px solid var(--approved-line);background:var(--approved-card);border-radius:999px;padding:9px 14px;white-space:nowrap;color:var(--approved-ink);cursor:pointer}
.approved-notification-tabs button.active{background:#111419;color:#fff;border-color:#111419}
.approved-notification-group{margin-top:22px}
.approved-notification-group h3{margin:0 0 10px}
.notification-list{display:grid;gap:9px}
.notification{width:100%;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;text-align:left!important;padding:14px 16px!important;box-shadow:none!important}
.notification.unread{border-left:3px solid var(--approved-accent)!important;background:#fffdf5!important}
html[data-theme=dark] .notification.unread{background:#282617!important}
.notification>span:first-child{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--approved-line);border-radius:12px;background:var(--approved-soft)}
.notification small{color:var(--approved-muted)}

/* New request */
.wizard{max-width:980px!important}
.wizard[data-step="0"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);column-gap:18px}
.wizard[data-step="0"] .wizard-heading,.wizard[data-step="0"] .step-track,.wizard[data-step="0"] #stepLabel,.wizard[data-step="0"] #stepTitle,.wizard[data-step="0"] #autosave,.wizard[data-step="0"] .wizard-footer{grid-column:1/-1}
.wizard[data-step="0"] .category-list{grid-column:1/2}
.category-option{box-shadow:none!important}
.category-option.selected{border:1px solid #d9b400!important;box-shadow:0 0 0 1px #d9b400 inset!important}
.approved-category-info{grid-column:2/3;grid-row:5/6;background:var(--approved-card);border:1px solid var(--approved-line);border-radius:18px;padding:24px;align-self:start;box-shadow:var(--approved-shadow)}
.approved-category-info h3{font-size:23px;margin:0 0 7px}
.approved-category-info p{color:var(--approved-muted);line-height:1.55}
.approved-category-info ul{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.approved-category-info li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--approved-accent);color:#111;margin-right:8px;font-size:11px;font-weight:800}

/* Detail / chat / files */
.detail-grid{grid-template-columns:minmax(0,1fr) 330px!important;gap:20px!important}
.detail-grid .side-summary{display:grid;gap:12px;align-content:start}
.detail-grid .side-summary>.card{box-shadow:none!important}
.case-progress>.card{box-shadow:none!important}
.status-track,.status-steps{overflow:auto}
.chat-page .detail-grid{grid-template-columns:minmax(0,1fr) 330px!important}
.chat-page #detail>.card,.chat-page .chat-box{border-radius:20px!important}
.msg{border-radius:16px!important}
.msg.client{background:#fff5bf!important;color:#1a1b1e!important}
html[data-theme=dark] .msg.client{background:#3b361a!important;color:#fff3bc!important}
.chat-compose{border:1px solid var(--approved-line)!important;border-radius:16px!important;padding:8px!important}
.chat-compose input,.chat-compose textarea{border:0!important;background:transparent!important}
.chat-compose .btn.yellow{border-radius:50%!important;width:44px;height:44px;padding:0!important}
.approved-files-hybrid{display:grid;gap:16px}
.approved-required-docs,.approved-file-list{padding:20px;background:var(--approved-card)}
.approved-required-docs-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}
.approved-doc-progress{height:6px;background:var(--approved-line);border-radius:99px;overflow:hidden;width:110px}
.approved-doc-progress>span{display:block;height:100%;background:#23b46e}
.approved-required-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--approved-line)}
.approved-required-row:first-of-type{border-top:0}
.approved-files-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.approved-files-toolbar .search-box{flex:1}

/* Empty and errors */
.empty{min-height:210px;display:grid;place-items:center;text-align:center;color:var(--approved-muted)!important;border:1px dashed var(--approved-line);border-radius:18px;background:var(--approved-card)!important;padding:28px}
.empty:before{content:"";width:54px;height:54px;border:2px solid currentColor;border-radius:14px;opacity:.55;margin-bottom:8px}
.approved-error{min-height:240px;display:grid;place-items:center;text-align:center;background:var(--approved-card);border:1px solid var(--approved-line);border-radius:18px;padding:28px}
.approved-error-icon{width:58px;height:58px;border:2px solid var(--approved-muted);border-radius:50%;display:grid;place-items:center;font-size:28px;color:var(--approved-muted)}

/* Modal variant 2 */
.modal-card{border-radius:20px!important;border:1px solid var(--approved-line)!important;box-shadow:0 24px 80px rgba(0,0,0,.24)!important}
.modal-card .modal-head{padding-bottom:12px;border-bottom:1px solid var(--approved-line)}
.modal-card .btn{min-height:44px;border-radius:12px!important}

/* Responsive = same web, reflow only */
@media(max-width:1100px){
  .approved-offers-layout{grid-template-columns:1fr}
  .approved-offer-request{position:static}
  .approved-offers-main .offer-card{grid-template-columns:minmax(220px,1fr) 130px 130px auto}
  .approved-offers-main .offer-details{grid-column:1/-2}
  .approved-profile-shell{grid-template-columns:210px minmax(0,1fr)}
  .detail-grid,.chat-page .detail-grid{grid-template-columns:1fr!important}
  .detail-grid .side-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .hero-card{padding:34px 26px!important;min-height:240px}.hero-card h2{font-size:36px!important}.hero-card:after{right:-190px}
  .workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .request-list .request-row{grid-template-columns:44px minmax(0,1fr) auto!important}
  .request-row .hide-tablet,.request-row .hide-mobile{display:none!important}
  .approved-profile-shell{grid-template-columns:1fr}
  .approved-profile-nav{position:static;display:flex;overflow:auto;gap:6px}
  .approved-profile-nav button{width:auto;white-space:nowrap}
  .logo-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wizard[data-step="0"]{display:block}
  .approved-category-info{margin-top:14px}
  .detail-grid .side-summary{grid-template-columns:1fr}
  .approved-notifications-head{grid-template-columns:1fr}
}
@media(max-width:640px){
  .content{padding:16px!important}
  .topbar{padding:10px 14px!important}
  .hero-card{padding:28px 20px!important;border-radius:22px!important;min-height:250px}.hero-card h2{font-size:32px!important}.hero-card:after{width:230px;height:230px;border-width:22px;right:-150px;top:-90px}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-actions .btn{width:100%}
  .workflow-strip{grid-template-columns:1fr!important}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .stat{padding:16px!important}
  .create-row{justify-content:stretch!important}.create-row .btn{width:100%}
  .list-tools{display:flex!important;flex-direction:column!important;align-items:stretch!important}.list-tools .search-box{order:1}.list-tools .filterbar{order:2;width:100%}
  .request-list .request-row{grid-template-columns:42px minmax(0,1fr) auto!important;padding:13px!important}
  .request-row>.btn.soft{grid-column:1/-1;width:100%}
  .approved-offer-request{padding:18px}
  .approved-offers-main .offer-card{display:block!important}.approved-offers-main .offer-card>*{margin-bottom:12px!important}.approved-offers-main .offer-actions{min-width:0}
  .approved-category-info ul{grid-template-columns:1fr}
  .logo-options{grid-template-columns:1fr 1fr}
  .approved-notification-controls{display:grid;grid-template-columns:1fr 1fr}
  .notification{grid-template-columns:36px minmax(0,1fr)!important}.notification>small{grid-column:2}
  .detail-head{display:block!important}.detail-head>.badge{display:inline-flex;margin-top:8px}
  .detail-grid .tabs{overflow:auto;white-space:nowrap}.detail-grid .tab{flex:0 0 auto;min-width:90px}
  .approved-files-toolbar{display:block}.approved-files-toolbar>*{margin-bottom:8px}
  .approved-required-row{grid-template-columns:24px minmax(0,1fr) auto}.approved-required-row .btn{grid-column:2/-1;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .hero-card,.flow-step,.stat,.request-row,.offer-card{animation:none!important;transition:none!important}
}

/* Detail/chat/files/modal finishing styles */
.approved-chat-card{padding:0!important;overflow:hidden}
.approved-chat-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--approved-line)}
.approved-chat-head small{display:block;color:var(--approved-muted);margin-top:3px}
.approved-chat-card .chat{padding:18px;min-height:420px;display:flex;flex-direction:column;gap:10px}
.approved-chat-card .msg{max-width:min(680px,78%);padding:12px 14px}
.approved-chat-card .msg.client{margin-left:auto}
.approved-chat-card .msg.broker{margin-right:auto}
.approved-chat-card .msg small{display:block;margin-top:6px;color:var(--approved-muted);font-size:11px}
.chat-file{display:flex!important;align-items:center!important;gap:9px!important;margin-top:9px!important;padding:10px 12px!important;border:1px solid var(--approved-line)!important;border-radius:12px!important;background:rgba(255,255,255,.45)!important;color:inherit!important}
.approved-chat-card .chat-compose{margin:0 14px 14px}
.approved-modal-alert,.approved-broker-confirm{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0}
.approved-modal-alert>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--approved-soft);border:1px solid var(--approved-line)}
.approved-modal-alert p,.approved-broker-confirm p{margin:5px 0 0;color:var(--approved-muted);line-height:1.5}
.approved-broker-confirm .company-logo{width:48px;height:48px}
.approved-broker-confirm strong,.approved-broker-confirm small{display:block;margin-top:5px}
.approved-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.ui-compact .card,.ui-compact .request-row,.ui-compact .offer-card{padding-top:12px!important;padding-bottom:12px!important}
.ui-compact .content{gap:14px}
.ui-reduced *{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}
@media(max-width:640px){
  .approved-chat-card .chat{padding:14px;min-height:360px}
  .approved-chat-card .msg{max-width:88%}
  .approved-modal-actions{display:grid;grid-template-columns:1fr}
  .approved-modal-actions .btn{width:100%}
}

/* ===== Broker cabinet approved styles ===== */
.broker-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.broker-kpi{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:16px;border:1px solid var(--approved-line);border-radius:16px;background:var(--approved-card);color:var(--approved-ink);text-align:left;cursor:pointer}
.broker-kpi>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--approved-soft);border:1px solid var(--approved-line)}
.broker-kpi small,.broker-kpi em{display:block;color:var(--approved-muted);font-style:normal}.broker-kpi strong{display:block;font-size:27px;line-height:1.1;margin:3px 0}
.broker-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.broker-home-panel{padding:18px!important;box-shadow:none!important}
.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.panel-title h3{margin:0}.panel-title p{margin:4px 0 0;color:var(--approved-muted)}
.text-action{border:0;background:transparent;color:#2563eb;font-weight:650;cursor:pointer}
.broker-mini-list{display:grid;gap:6px}.broker-mini-row,.broker-offer-mini{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-top:1px solid var(--approved-line);padding:11px 0;background:transparent;color:var(--approved-ink);text-align:left;cursor:pointer}.broker-mini-row:first-child,.broker-offer-mini:first-child{border-top:0}.broker-offer-mini{grid-template-columns:minmax(0,1fr) auto auto}
.broker-mini-row small,.broker-offer-mini small{display:block;color:var(--approved-muted);margin-top:3px}.broker-list-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--approved-soft);border:1px solid var(--approved-line)}
.broker-attention{display:grid;grid-template-columns:1fr 1fr;gap:10px}.broker-attention>div{padding:15px;border:1px solid var(--approved-line);border-radius:14px;background:var(--approved-soft)}.broker-attention b{display:block;font-size:24px;margin-top:6px}.broker-attention small{display:block;color:var(--approved-muted);margin-top:3px}
.broker-toolbar{display:flex;gap:12px;align-items:center;margin:14px 0}.broker-toolbar .search-box{flex:1}.broker-filter-scroll,.broker-status-tabs{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.broker-filter-scroll::-webkit-scrollbar,.broker-status-tabs::-webkit-scrollbar{display:none}
.broker-status-tabs{margin:10px 0 14px}.broker-status-tabs button{white-space:nowrap;border:1px solid var(--approved-line);background:var(--approved-card);color:var(--approved-ink);border-radius:999px;padding:9px 13px;cursor:pointer}.broker-status-tabs button.active{background:#111419;color:#fff;border-color:#111419}.broker-status-tabs small{opacity:.75;margin-left:4px}
.broker-table{background:var(--approved-card);border:1px solid var(--approved-line);border-radius:18px;overflow:hidden}.broker-table-head,.broker-table-row{display:grid;align-items:center;gap:12px;padding:13px 16px}.broker-table-head{background:var(--approved-soft);color:var(--approved-muted);font-size:12px;font-weight:700}.broker-table-row{border-top:1px solid var(--approved-line);min-height:68px}.broker-table-row:first-of-type{border-top:0}.lead-table .broker-table-head,.lead-table .broker-table-row{grid-template-columns:minmax(220px,1.4fr) minmax(130px,.8fr) minmax(150px,1fr) 120px 100px 120px}.offer-table .broker-table-head,.offer-table .broker-table-row{grid-template-columns:minmax(220px,1.5fr) minmax(160px,1fr) 120px 120px 120px 120px}.work-table .broker-table-head,.work-table .broker-table-row{grid-template-columns:minmax(210px,1.3fr) minmax(150px,.9fr) minmax(170px,1fr) minmax(180px,1fr) 105px 90px 110px}.team-table .broker-table-head,.team-table .broker-table-row{grid-template-columns:minmax(240px,1.5fr) 120px 120px 170px minmax(150px,.8fr)}
.broker-primary{display:flex;gap:10px;align-items:center;min-width:0}.broker-primary>span:last-child{min-width:0}.broker-primary b,.broker-primary small{display:block}.broker-primary small{color:var(--approved-muted);margin-top:3px}.broker-stage-cell b,.broker-stage-cell small{display:block}.broker-progress{height:6px;background:var(--approved-line);border-radius:999px;overflow:hidden;margin:7px 0 4px}.broker-progress>span{display:block;height:100%;background:var(--approved-accent);border-radius:inherit}.broker-progress.large{height:8px}.broker-unread{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#edf4ff;color:#2563eb;font-weight:700}.deadline-danger{color:#dc2626!important;font-weight:700}
.broker-detail-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:4px 0 14px}.broker-detail-head>div:first-child{display:flex;align-items:center;gap:14px}.broker-detail-head h2{margin:0 0 5px;font-size:30px}.broker-detail-head p,.broker-detail-head small{margin:0;color:var(--approved-muted)}.broker-detail-actions{display:flex;gap:8px;align-items:center}.broker-detail-tabs{margin-bottom:16px!important}
.broker-new-detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.broker-offer-cta{position:sticky;top:18px;box-shadow:none!important}.broker-offer-cta p{color:var(--approved-muted);line-height:1.55}.broker-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.broker-detail-columns>.card{box-shadow:none!important}.broker-key-list{display:grid}.broker-key-list>div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--approved-line)}.broker-key-list>div:first-child{border-top:0}.broker-key-list small{color:var(--approved-muted)}.broker-route-big{font-size:20px;font-weight:750;padding:10px 0 14px}.broker-doc-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.broker-doc-tile{border:1px solid var(--approved-line);border-radius:14px;background:var(--approved-soft);padding:12px;min-width:0}.broker-doc-tile b,.broker-doc-tile small{display:block;overflow-wrap:anywhere}.broker-doc-tile small{color:var(--approved-muted);margin-top:5px}
.broker-current-stage{box-shadow:none!important}.broker-next-action{display:grid;grid-template-columns:1fr auto;gap:20px;margin-top:16px;padding-top:14px;border-top:1px solid var(--approved-line)}.broker-next-action small,.broker-next-action b{display:block}.broker-next-action small{color:var(--approved-muted);margin-bottom:4px}
.broker-profile-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);gap:18px;align-items:start}.broker-profile-layout>div,.broker-profile-layout>aside{display:grid;gap:14px}.broker-profile-card{box-shadow:none!important}.broker-profile-person{display:flex;align-items:center;gap:14px;margin-bottom:16px}.broker-profile-avatar{width:58px!important;height:58px!important;font-size:20px}.broker-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.broker-profile-stats>div{padding:14px;border:1px solid var(--approved-line);border-radius:14px;background:var(--approved-soft)}.broker-profile-stats b{display:block;font-size:24px}.broker-profile-stats small{display:block;color:var(--approved-muted);margin-top:4px}.broker-profile-actions{display:grid;gap:8px}.broker-profile-actions .btn{justify-content:flex-start}
.broker-team-invites{margin-top:14px;box-shadow:none!important}.team-row .avatar{width:38px;height:38px}
.empty.compact{min-height:100px;padding:18px}

html[data-theme=dark] .broker-kpi,html[data-theme=dark] .broker-table,html[data-theme=dark] .broker-table-row,html[data-theme=dark] .broker-mini-row,html[data-theme=dark] .broker-offer-mini{background:var(--approved-card);color:var(--approved-ink)}
html[data-theme=dark] .broker-table-head,html[data-theme=dark] .broker-list-icon,html[data-theme=dark] .broker-attention>div,html[data-theme=dark] .broker-profile-stats>div,html[data-theme=dark] .broker-doc-tile{background:var(--approved-soft)}
html[data-theme=dark] .broker-unread{background:#1e3552;color:#a9d0ff}

@media(max-width:1100px){
  .broker-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .broker-home-grid{grid-template-columns:1fr}
  .broker-table{overflow:auto}
  .broker-table-head,.broker-table-row{min-width:920px}
  .broker-new-detail{grid-template-columns:1fr}.broker-offer-cta{position:static}
  .broker-profile-layout{grid-template-columns:1fr}
}
@media(max-width:700px){
  .broker-kpis{grid-template-columns:1fr 1fr;gap:8px}.broker-kpi{grid-template-columns:34px minmax(0,1fr) 16px;padding:12px}.broker-kpi>span:first-child{width:32px;height:32px}.broker-kpi strong{font-size:22px}
  .broker-home-grid{gap:10px}.broker-home-panel{padding:14px!important}
  .broker-toolbar{display:block}.broker-toolbar .search-box{margin-bottom:10px}.broker-filter-scroll,.broker-status-tabs{margin-left:-2px;padding-bottom:3px}
  .broker-table{border:0;background:transparent;overflow:visible}.broker-table-head{display:none}.broker-table-row{min-width:0!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:8px 10px!important;margin-bottom:9px;padding:13px!important;border:1px solid var(--approved-line)!important;border-radius:16px;background:var(--approved-card)!important}
  .broker-table-row>.broker-primary{grid-column:1/3}.broker-table-row>.broker-primary .broker-list-icon{width:40px;height:40px}.broker-table-row>span,.broker-table-row>strong,.broker-table-row>.broker-stage-cell{grid-column:2/3}.broker-table-row>.btn,.broker-table-row>div:last-child{grid-column:1/-1;width:100%}.broker-table-row>.btn{margin-top:3px}
  .team-row>.broker-primary{grid-column:1/-1}.team-row>span{grid-column:auto!important}.team-row>div:last-child{grid-column:1/-1}
  .broker-detail-head{align-items:flex-start;display:block}.broker-detail-head>div:first-child{margin-bottom:12px}.broker-detail-head h2{font-size:24px}.broker-detail-actions{flex-wrap:wrap}
  .broker-detail-tabs{overflow:auto;white-space:nowrap}.broker-detail-tabs .tab{flex:0 0 auto;min-width:90px}
  .broker-detail-columns{grid-template-columns:1fr}.broker-doc-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.broker-next-action{grid-template-columns:1fr}
  .broker-profile-stats{grid-template-columns:1fr 1fr}
}

/* Broker dashboard v2: all attention tiles are accessible navigation actions. */
.broker-attention>.broker-attention-action{
  display:block;width:100%;min-width:0;padding:15px;text-align:left;
  border:1px solid var(--approved-line);border-radius:14px;
  background:var(--approved-soft);color:var(--approved-ink);cursor:pointer;
  transition:border-color .15s ease,transform .15s ease;
}
.broker-attention>.broker-attention-action:hover{border-color:var(--approved-accent);transform:translateY(-1px)}
.broker-attention>.broker-attention-action:focus-visible{outline:2px solid var(--approved-accent);outline-offset:3px}
.broker-attention>.broker-attention-action small{overflow-wrap:anywhere}