/* views.css — View-specific blocks: dashboard, campaigns market, admin cabinets, estimator.
   Split from the original styles.css; rule order is preserved verbatim. */

.remember-login {
  display:flex!important;
  align-items:center;
  gap:9px;
  margin:2px 0 12px;
  font-size:13px;
  font-weight:700;
  color:#466052;
  cursor:pointer;
}

.remember-login input {
  width:18px!important;
  height:18px;
  margin:0;
  accent-color:#198747;
  cursor:pointer;
}

.scenario-review-summary {
  min-width:0;
}

.scenario-preview {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  max-width:none;
  line-height:1.55;
  max-height:3.1em;
  margin:8px 0;
}

.scenario-review-item .request-actions {
  align-items:center;
  flex-wrap:wrap;
}

.scenario-review-details {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:16px 0;
}

.scenario-review-details>div {
  padding:13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#f7fbf8;
}

.scenario-review-details span {
  display:block;
  margin-bottom:5px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
}

.full-scenario {
  margin-top:14px;
  padding:18px;
  border:1px solid #d7e9dc;
  border-radius:17px;
  background:#f8fcf9;
}

.full-scenario>span {
  display:block;
  margin-bottom:10px;
  color:#11713a;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.full-scenario .scenario-text {
  max-width:none;
  margin:0;
  line-height:1.7;
  overflow-wrap:anywhere;
}

@media(max-width:600px) {
  .scenario-review-details {
    grid-template-columns:1fr;
  }
  .scenario-review-item .request-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .scenario-review-item .request-actions .blue {
    grid-column:1/-1;
  }
}

.blogger-dashboard {
  display:grid;
  gap:20px;
}

.dashboard-welcome {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:30px 34px;
  border-radius:26px;
  color:#fff;
  background:radial-gradient(circle at 90% 20%,rgba(117,231,125,.28),transparent 30%),linear-gradient(135deg,#0b2b1e,#14683a);
  box-shadow:var(--shadow);
}

.dashboard-welcome .eyebrow {
  margin-bottom:12px;
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.18);
  color:#c9f5d2;
}

.dashboard-welcome h2 {
  font-size:34px;
  margin:0 0 8px;
}

.dashboard-welcome p {
  margin:0;
  color:#d3e8d8;
}

.dashboard-main-action {
  background:#fff;
  color:#146b39;
  box-shadow:none;
}

.dashboard-kpis {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.dashboard-kpis article {
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:20px;
  box-shadow:0 12px 30px rgba(28,71,45,.07);
}

.dashboard-kpis article:after {
  content:"";
  position:absolute;
  width:80px;
  height:80px;
  right:-35px;
  top:-35px;
  border-radius:50%;
  background:#e0f5e4;
}

.dashboard-kpis span,.dashboard-kpis small {
  display:block;
  color:var(--muted);
}

.dashboard-kpis span {
  font-size:13px;
  font-weight:800;
}

.dashboard-kpis b {
  display:block;
  margin:9px 0 6px;
  font-size:25px;
  color:#0d6d38;
}

.dashboard-kpis small {
  font-size:11px;
}

.dashboard-grid {
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:18px;
}

.dashboard-content-grid {
  grid-template-columns:1fr 1fr;
}

.dashboard-panel {
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  box-shadow:0 14px 34px rgba(28,71,45,.07);
}

.dashboard-panel h3 {
  margin:7px 0 10px;
  font-size:21px;
}

.dashboard-panel>p {
  color:var(--muted);
  line-height:1.5;
}

.panel-label {
  display:inline-flex;
  padding:6px 9px;
  border-radius:9px;
  background:#e9f7ec;
  color:#16723c;
  font-size:12px;
  font-weight:900;
}

.next-step {
  background:linear-gradient(120deg,#fff,#eff9f1);
}

.next-step .soft-btn {
  display:inline-flex;
  margin-top:5px;
}

.profile-progress .panel-head {
  margin:0;
}

.progress-value {
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-top:15px;
}

.progress-value b {
  font-size:30px;
  color:#126d39;
}

.progress-value span {
  font-size:12px;
  color:var(--muted);
}

.progress-track {
  height:9px;
  margin:9px 0;
  background:#e9f1eb;
  border-radius:99px;
  overflow:hidden;
}

.progress-track i {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#39b947,#168244);
}

.profile-progress>a,.dashboard-heading>a {
  color:#0d793d;
  font-size:13px;
  font-weight:850;
}

.dashboard-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.dashboard-heading span {
  color:#168044;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
}

.dashboard-heading h3 {
  margin:4px 0 0;
}

.dashboard-activity {
  display:grid;
  grid-template-columns:40px 1fr auto;
  gap:11px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px solid #e8f0eb;
}

.dashboard-activity:last-child {
  border-bottom:0;
}

.activity-icon {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  background:#edf8ef;
  border-radius:12px;
}

.dashboard-activity b,.dashboard-activity span {
  display:block;
}

.dashboard-activity b {
  font-size:13px;
  line-height:1.35;
}

.dashboard-activity span {
  font-size:11px;
  color:var(--muted);
  margin-top:3px;
}

.dashboard-topics {
  display:grid;
  gap:11px;
}

.dashboard-topic {
  padding:14px;
  border:1px solid #dfebe2;
  border-radius:16px;
  background:#f9fcfa;
}

.dashboard-topic>div>span {
  color:#168044;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.dashboard-topic h4 {
  margin:5px 0;
  font-size:14px;
}

.dashboard-topic p {
  font-size:11px;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.topic-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:10px;
}

.topic-footer b {
  font-size:11px;
  color:#657c70;
}

@media(max-width:1180px) {
  .dashboard-kpis {
    grid-template-columns:repeat(2,1fr);
  }
  .dashboard-grid,.dashboard-content-grid {
    grid-template-columns:1fr;
  }
}

@media(max-width:650px) {
  .dashboard-welcome {
    align-items:flex-start;
    flex-direction:column;
    padding:23px;
  }
  .dashboard-welcome h2 {
    font-size:27px;
  }
  .dashboard-main-action {
    width:100%;
    text-align:center;
  }
  .dashboard-kpis {
    grid-template-columns:1fr;
  }
  .dashboard-activity {
    grid-template-columns:40px 1fr;
  }
  .dashboard-activity>div:last-child {
    grid-column:2;
  }
  .dashboard-panel {
    padding:17px;
  }
}

.sidebar-overlay {
  display:none;
  border:0;
  padding:0;
  background:rgba(5,24,16,.52);
  backdrop-filter:blur(2px);
}

.required-tasks-box {
  margin:4px 0 15px;
  padding:16px;
  border:2px solid #e2a0a0;
  border-radius:16px;
  background:#fff;
}

.required-tasks-box legend {
  padding:0 8px;
  color:#2d4739;
  font-weight:900;
}

.required-tasks-box legend b {
  color:inherit;
}

.required-tasks-box>p {
  margin:0 0 12px;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}

.required-tasks-list {
  display:grid;
  gap:9px;
}

.required-task-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:8px;
  align-items:center;
}

.required-task-row input {
  margin:0;
  background:#fff;
}

.remove-task-btn {
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #dbe8df;
  border-radius:12px;
  background:#f5faf6;
  color:#60756a;
  font-size:22px;
  font-weight:800;
}

.remove-task-btn:hover {
  background:#eaf4ec;
}

.add-task-btn {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:11px;
  padding:9px 12px;
  border:1px solid #cae8d0;
  border-radius:12px;
  background:#ecf8ee;
  color:#176d36;
  font-weight:850;
}

.add-task-btn span {
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:7px;
  background:#278f45;
  color:#fff;
  font-size:18px;
  line-height:1;
}

.add-task-btn:hover {
  background:#def3e3;
}

.campaign-required-box {
  margin:16px 0;
  padding:16px;
  border:2px solid #e2a0a0;
  border-radius:16px;
  background:#fff;
}

.campaign-required-box h4 {
  margin:0 0 12px;
  color:var(--ink);
}

.cancel-assignment-box {
  border-color:#efcccc!important;
  background:#fff8f8!important;
}

.cancel-assignment-box .ghost-btn {
  margin-top:10px;
}

.field-hint {
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:600;
  line-height:1.35;
}

.promo-info-box {
  border-color:#b9dfc1!important;
  background:linear-gradient(135deg,#f2fbf4,#fff)!important;
}

.promo-info-box strong {
  display:block;
  margin:8px 0 4px;
  color:#0c7138;
  font-size:25px;
  letter-spacing:1px;
}

.promo-info-box small {
  display:block;
  margin-bottom:10px;
  color:var(--muted);
  line-height:1.45;
}

.promo-modal-box {
  margin:14px 0;
  padding:18px;
  border:2px dashed #55b968;
  border-radius:18px;
  text-align:center;
  background:#f1faf3;
}

.promo-modal-box>span {
  display:block;
  color:#17743b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.8px;
}

.promo-modal-box strong {
  display:block;
  margin:8px 0;
  font-size:30px;
  color:#0b6b35;
  letter-spacing:2px;
}

.promo-modal-box p {
  margin:0 0 12px;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.estimate-btn {
  border:1px solid #9fd9ad;
  border-radius:13px;
  padding:11px 16px;
  background:linear-gradient(135deg,#e9f9ed,#f7fff8);
  color:#116b36;
  font-weight:900;
  cursor:pointer;
}

.estimate-btn:hover {
  transform:translateY(-1px);
  box-shadow:0 9px 22px rgba(27,125,61,.13);
}

.estimate-heading p {
  margin:0 0 18px;
  color:var(--muted);
  line-height:1.55;
}

.estimate-main-field {
  padding:15px;
  border:1px solid #bfe4c7;
  border-radius:17px;
  background:#f1faf3;
}

.estimate-main-field input {
  font-size:22px;
  font-weight:900;
  color:#0c7038;
  background:#fff;
}

.estimate-main-field small {
  color:var(--muted);
  font-weight:600;
}

.estimate-fields {
  margin-top:14px;
}

.estimate-result {
  margin-top:8px;
  padding:22px;
  border-radius:20px;
  background:radial-gradient(circle at 90% 10%,rgba(109,226,119,.25),transparent 34%),linear-gradient(135deg,#0c2b1e,#12683a);
  color:#fff;
}

.estimate-result>span {
  display:block;
  color:#bfe9ca;
  font-size:12px;
  font-weight:800;
}

.estimate-result>strong {
  display:block;
  margin:7px 0 13px;
  font-size:34px;
  line-height:1.1;
}

.estimate-result>div {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  color:#d7eddd;
  font-size:11px;
}

.estimate-result i {
  color:#6fdd82;
  font-style:normal;
}

.estimate-result small {
  display:block;
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.15);
  color:#ffe8a9;
  line-height:1.45;
}

.estimate-disclaimer {
  margin:12px 2px 0!important;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}

@media(max-width:860px) {
  .main {
    width:100%;
    margin-left:0;
    max-width:none;
  }
}

@media(max-width:860px) {
  body.menu-open {
    overflow:hidden;
  }
  .sidebar {
    width:min(84vw,320px);
    padding-bottom:max(22px,env(safe-area-inset-bottom));
    box-shadow:20px 0 60px rgba(0,0,0,.28);
  }
  .sidebar-overlay {
    display:block;
    position:fixed;
    inset:0;
    z-index:65;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.22s;
  }
  .sidebar.open~.sidebar-overlay {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .main {
    padding:10px;
    padding-left:max(10px,env(safe-area-inset-left));
    padding-right:max(10px,env(safe-area-inset-right));
  }
  .topbar {
    position:sticky;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:10px 12px;
    padding:13px 14px;
    border-radius:18px;
    margin-bottom:14px;
  }
  .menu-btn {
    width:44px;
    height:44px;
    padding:0;
    font-size:22px;
  }
  .topbar>div:nth-child(2) {
    min-width:0;
  }
  .topbar h1 {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .topbar p {
    display:none;
  }
  .top-actions {
    grid-column:1/-1;
    display:flex;
    width:100%;
    gap:8px;
    justify-content:space-between;
    border-top:1px solid var(--line);
    padding-top:10px;
  }
  .top-actions .current-user {
    flex:1;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .top-actions [data-jump="market"] {
    display:none;
  }
  .top-actions #logoutBtn {
    width:auto;
    padding:8px 12px;
  }
  .hero-grid,.two-col,.dashboard-grid,.dashboard-content-grid {
    gap:12px;
  }
  .hero-card {
    min-height:0;
  }
  .table-wrap {
    width:100%;
    border-radius:16px;
    -webkit-overflow-scrolling:touch;
    box-shadow:0 10px 26px rgba(28,71,45,.07);
  }
  .table-wrap:after {
    content:"Jadvalni yon tomonga suring →";
    display:block;
    position:sticky;
    left:0;
    padding:9px 12px;
    color:var(--muted);
    font-size:11px;
    background:#f7fbf8;
    border-top:1px solid var(--line);
  }
  table {
    min-width:720px;
  }
  th,td {
    padding:12px;
    font-size:12px;
  }
  .modal-backdrop {
    align-items:flex-end;
    padding:0;
  }
  .modal {
    width:100%;
    max-height:92dvh;
    border-radius:24px 24px 0 0;
    padding:22px 16px calc(18px + env(safe-area-inset-bottom));
  }
  .modal-close {
    position:sticky;
    float:right;
    top:0;
    z-index:2;
  }
  .toast {
    left:12px;
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    text-align:center;
  }
  .filter-row {
    display:grid;
    grid-template-columns:1fr;
  }
  .filter-row>* {
    width:100%;
  }
  .campaign-actions,.export-row {
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .campaign-actions>* {
    width:100%;
  }
  .capacity-box {
    flex-direction:column;
  }
  .request-actions {
    width:100%;
  }
  .request-actions>* {
    flex:1;
    min-height:42px;
  }
  .social-fields {
    padding:12px;
  }
  .stats-podium {
    padding-left:0;
    padding-right:0;
  }
}

@media(max-width:560px) {
  html,body {
    max-width:100%;
    overflow-x:hidden;
  }
  .auth-screen {
    padding:18px 12px;
  }
  .auth-brand img {
    width:46px;
    height:46px;
  }
  .auth-brand>div {
    min-width:0;
  }
  .auth-brand b {
    font-size:16px;
  }
  .auth-layout,.auth-intro,.auth-card,.auth-form,.form-grid>* {
    min-width:0;
    max-width:100%;
  }
  .auth-layout {
    margin-top:24px;
    gap:18px;
  }
  .auth-intro h1 {
    font-size:30px;
    letter-spacing:-1px;
    overflow-wrap:anywhere;
  }
  .auth-intro p {
    display:none;
  }
  .auth-card {
    width:100%;
    padding:17px;
    border-radius:20px;
    overflow:hidden;
  }
  .auth-tabs {
    min-width:0;
  }
  .auth-tabs button {
    min-width:0;
    padding:10px 4px;
    font-size:12px;
    white-space:normal;
  }
  .card,.hero-card,.live-panel,.dashboard-panel {
    min-width:0;
    padding:16px;
  }
  .hero-card h2 {
    font-size:27px;
    overflow-wrap:anywhere;
  }
  .hero-card p {
    font-size:14px;
  }
  .section-title {
    margin:24px 0 12px;
  }
  .section-title h3 {
    font-size:21px;
  }
  .dashboard-welcome {
    padding:20px;
  }
  .dashboard-welcome h2 {
    font-size:25px;
  }
  .dashboard-kpis {
    gap:10px;
  }
  .dashboard-kpis article {
    min-width:0;
    padding:16px;
  }
  .dashboard-kpis b {
    font-size:22px;
  }
  .dashboard-heading {
    align-items:center;
  }
  .rate-grid {
    grid-template-columns:1fr;
  }
  .campaign-top {
    flex-direction:column;
  }
  .campaign-actions,.export-row {
    grid-template-columns:1fr;
  }
  .request-actions {
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    flex-direction:initial;
  }
  .request-actions>*:only-child {
    grid-column:1/-1;
  }
  .profile-head {
    align-items:flex-start;
  }
  .profile-grid {
    grid-template-columns:1fr;
  }
  .wallet-box b {
    font-size:24px;
  }
  .leader-row.detailed {
    grid-template-columns:36px 44px minmax(0,1fr);
  }
  .ranking-avatar {
    width:44px;
    height:44px;
  }
  .applicant-details,.social-link-grid,.scenario-review-details {
    grid-template-columns:1fr;
  }
  .request-modal-actions>* {
    width:100%;
  }
  input,select,textarea {
    min-width:0;
    max-width:100%;
    font-size:16px;
  }
  .empty {
    padding:17px;
  }
}

.sync-status {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid #dce9df;
  border-radius:999px;
  background:#f7fbf8;
  color:#41604b;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.sync-status i {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#32a852;
  box-shadow:0 0 0 4px rgba(50,168,82,.12);
}

.sync-status.saving i {
  background:#e5a323;
  animation:syncPulse 1s infinite;
}

.sync-status.error {
  color:#a52d2d;
  background:#fff5f5;
  border-color:#f0cccc;
}

.sync-status.error i {
  background:#d43b3b;
}

@keyframes syncPulse {
  50% {
    opacity:.35;
    transform:scale(.75);
  }
}

.form-card {
  border:1px solid #dce7df;
  box-shadow:0 16px 50px rgba(29,72,44,.08);
}

.form-card label {
  font-weight:750;
  color:#24432e;
}

.form-card input,.form-card select,.form-card textarea {
  margin-top:7px;
  border-color:#cfded3;
  background:#fbfdfb;
  transition:.2s;
}

.form-card input:hover,.form-card select:hover,.form-card textarea:hover {
  border-color:#9fc5aa;
  background:#fff;
}

.form-card input:focus,.form-card select:focus,.form-card textarea:focus {
  outline:0;
  border-color:#2f8f4e;
  box-shadow:0 0 0 4px rgba(47,143,78,.12);
  background:#fff;
}

.form-heading {
  padding-bottom:18px;
  margin-bottom:20px;
  border-bottom:1px solid #e6eee8;
}

.form-heading h3 {
  margin:10px 0 6px;
  font-size:22px;
}

.form-heading p {
  margin:0;
  color:#6b7d70;
  line-height:1.55;
}

.campaign-card {
  border:1px solid #dce9df;
  box-shadow:0 12px 36px rgba(28,68,41,.07);
  transition:.2s;
}

.campaign-card:hover {
  transform:translateY(-3px);
  border-color:#aed0b7;
  box-shadow:0 20px 44px rgba(28,68,41,.12);
}

.campaign-meta {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:11px 0;
}

.campaign-meta span {
  padding:6px 9px;
  border-radius:9px;
  background:#f0f6f2;
  color:#526b5a;
  font-size:11px;
  font-weight:800;
}

.sample-video-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.sample-video-box {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:16px 0;
  padding:17px;
  border:1px solid #b9dfc1;
  border-radius:17px;
  background:linear-gradient(135deg,#edf9f0,#fff);
}

.sample-video-box span,.sample-video-box b {
  display:block;
}

.sample-video-box span {
  margin-bottom:5px;
  color:#18723c;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.sample-video-box b {
  color:#254632;
}

.sample-video-box .primary-btn {
  flex:none;
  text-decoration:none;
}

.creator-search input {
  width:min(390px,70vw);
  margin:0;
  background:#fff;
}

.creator-summary {
  padding:18px!important;
}

.creator-summary span,.creator-summary b {
  display:block;
}

.creator-summary span {
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.creator-summary b {
  margin-top:7px;
  color:#126d39;
  font-size:24px;
}

.admin-creators-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.admin-creator-card {
  padding:20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:0 14px 34px rgba(28,71,45,.07);
}

.admin-creator-head {
  display:grid;
  grid-template-columns:52px 1fr auto;
  gap:12px;
  align-items:center;
}

.admin-creator-head h4 {
  margin:0 0 4px;
  font-size:17px;
}

.admin-creator-head p {
  margin:0;
  font-size:12px;
}

.creator-card-metrics {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:17px 0;
}

.creator-card-metrics div {
  padding:10px;
  border-radius:12px;
  background:#f4f9f5;
}

.creator-card-metrics span,.creator-card-metrics b {
  display:block;
}

.creator-card-metrics span {
  font-size:10px;
  color:var(--muted);
}

.creator-card-metrics b {
  margin-top:4px;
  color:#165f35;
}

.creator-card-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding-top:15px;
  border-top:1px solid var(--line);
}

.creator-card-footer span,.creator-card-footer b {
  display:block;
}

.creator-card-footer span {
  font-size:11px;
  color:var(--muted);
}

.creator-card-footer b {
  margin-top:4px;
  color:#126d39;
}

.cabinet-profile {
  display:flex;
  align-items:center;
  gap:17px;
}

.cabinet-profile h2 {
  margin:8px 0 5px;
}

.cabinet-profile p {
  margin:0 0 9px;
}

.cabinet-kpis {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:20px 0;
}

.cabinet-kpis article {
  padding:14px;
  border:1px solid #dce9df;
  border-radius:14px;
  background:#f7fbf8;
}

.cabinet-kpis span,.cabinet-kpis b {
  display:block;
}

.cabinet-kpis span {
  font-size:11px;
  color:var(--muted);
}

.cabinet-kpis b {
  margin-top:6px;
  color:#126d39;
  font-size:18px;
}

.cabinet-details {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

.cabinet-details div {
  padding:12px;
  border-radius:13px;
  background:#f5faf6;
}

.cabinet-details span,.cabinet-details b {
  display:block;
}

.cabinet-details span {
  font-size:11px;
  color:var(--muted);
}

.cabinet-details b {
  margin-top:5px;
}

.creator-cabinet-modal td small {
  display:block;
  margin-top:4px;
  color:var(--muted);
}

.modal-edit-form {
  display:grid;
  gap:14px;
}

.modal-edit-form .form-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.modal-edit-form label {
  font-weight:750;
  color:#24432e;
}

.modal-edit-form input,.modal-edit-form select,.modal-edit-form textarea {
  margin-top:7px;
}

.edit-section-title {
  margin:8px 0 0;
  padding-top:16px;
  border-top:1px solid var(--line);
}

.primary-btn {
  transition:.18s;
}

.primary-btn:not(:disabled):hover {
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(29,113,56,.22);
}

@media(max-width:900px) {
  .sync-status {
    display:none;
  }
  #creatorView .two-col {
    grid-template-columns:1fr;
  }
  .modal-edit-form .form-grid {
    grid-template-columns:1fr;
  }
  .sample-video-box {
    align-items:stretch;
    flex-direction:column;
  }
  .sample-video-box .primary-btn {
    text-align:center;
  }
  .admin-creators-grid {
    grid-template-columns:1fr;
  }
}

@media(max-width:560px) {
  .creator-search input {
    width:100%;
  }
  .admin-creator-head {
    grid-template-columns:48px 1fr;
  }
  .admin-creator-head>.badge {
    grid-column:2;
  }
  .creator-card-metrics {
    grid-template-columns:1fr 1fr;
  }
  .creator-card-footer {
    align-items:stretch;
    flex-direction:column;
  }
  .cabinet-profile {
    align-items:flex-start;
  }
  .cabinet-kpis {
    grid-template-columns:1fr 1fr;
  }
  .cabinet-details {
    grid-template-columns:1fr;
  }
}

/* Mavzular bozori — compact catalog and detail-first experience */
.market-hero {
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-bottom:16px;
  padding:30px 32px;
  border:1px solid rgba(118,184,134,.28);
  border-radius:28px;
  color:#fff;
  background:radial-gradient(circle at 88% 20%,rgba(125,236,140,.3),transparent 30%),linear-gradient(135deg,#09281c,#12653a);
  box-shadow:0 24px 60px rgba(16,74,43,.17);
}

.market-hero:after {
  content:"";
  position:absolute;
  right:-60px;
  bottom:-100px;
  width:260px;
  height:260px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
}

.market-kicker {
  display:inline-block;
  margin-bottom:10px;
  color:#8ee49a;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.market-hero h2 {
  max-width:680px;
  margin:0 0 8px;
  font-size:clamp(27px,3vw,40px);
  line-height:1.08;
  letter-spacing:-1.2px;
}

.market-hero p {
  margin:0;
  color:#cfe5d5;
  line-height:1.5;
}

.market-count {
  position:relative;
  z-index:1;
  flex:0 0 auto;
  min-width:130px;
  padding:18px 22px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  text-align:center;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(8px);
}

.market-count b,.market-count span {
  display:block;
}

.market-count b {
  font-size:34px;
  line-height:1;
}

.market-count span {
  margin-top:6px;
  color:#cfe5d5;
  font-size:12px;
  font-weight:750;
}

.market-toolbar {
  position:sticky;
  top:97px;
  z-index:15;
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  gap:12px;
  margin-bottom:18px;
  padding:12px;
  border:1px solid rgba(211,230,216,.94);
  border-radius:19px;
  background:rgba(255,255,255,.88);
  box-shadow:0 12px 30px rgba(28,71,45,.07);
  backdrop-filter:blur(14px);
}

.market-search {
  position:relative;
  display:block;
  margin:0;
}

.market-search>span {
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-52%);
  z-index:1;
  color:#3f7354;
  font-size:23px;
}

.market-search input {
  height:46px;
  margin:0;
  padding-left:43px;
  background:#f7fbf8;
}

.market-toolbar .filter-row {
  flex-wrap:nowrap;
}

.market-toolbar select {
  height:46px;
  min-width:210px;
  margin:0;
}

.market-toolbar .soft-btn {
  height:46px;
  padding:10px 14px;
}

.campaign-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.campaign-card-new {
  position:relative;
  min-width:0;
  min-height:220px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:22px;
  border:1px solid #d8e8dc;
  border-radius:23px;
  text-align:left;
  color:var(--ink);
  background:linear-gradient(145deg,#fff 0%,#fbfefb 60%,#edf8ef 100%);
  box-shadow:0 12px 32px rgba(26,74,42,.07);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.campaign-card-new:before {
  content:"";
  position:absolute;
  right:-55px;
  top:-55px;
  width:145px;
  height:145px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(64,185,60,.16),rgba(64,185,60,.03));
  transition:transform .25s ease;
}

.campaign-card-new:hover {
  transform:translateY(-4px);
  border-color:#8fca9d;
  box-shadow:0 20px 44px rgba(26,74,42,.13);
}

.campaign-card-new:hover:before {
  transform:scale(1.12);
}

.campaign-card-new:focus-visible {
  outline:3px solid rgba(64,185,60,.3);
  outline-offset:3px;
}

.campaign-card-index {
  position:relative;
  color:#6f8d79;
  font-size:11px;
  font-weight:900;
  letter-spacing:1px;
}

.campaign-card-new h4 {
  position:relative;
  max-width:90%;
  margin:20px 0 30px;
  font-size:19px;
  line-height:1.35;
  letter-spacing:-.3px;
}

.campaign-card-budget {
  position:relative;
  display:block;
  margin-top:auto;
}

.campaign-card-budget small,.campaign-card-budget b {
  display:block;
}

.campaign-card-budget small {
  margin-bottom:5px;
  color:#789084;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.campaign-card-budget b {
  color:#0e743b;
  font-size:18px;
}

.campaign-card-arrow {
  position:absolute;
  right:18px;
  bottom:18px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#146d39;
  background:#e4f5e8;
  font-size:18px;
  font-weight:900;
}

.market-empty {
  grid-column:1/-1;
}

.campaign-detail-head {
  padding-right:42px;
}

.campaign-detail-group {
  display:inline-flex;
  margin-bottom:12px;
  padding:7px 10px;
  border-radius:999px;
  color:#126e39;
  background:#e8f7eb;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.campaign-detail-head h3 {
  font-size:clamp(24px,3vw,32px);
  line-height:1.16;
  letter-spacing:-.7px;
}

.campaign-detail-head p {
  margin:0;
  color:#60766a;
  font-size:14px;
  line-height:1.6;
}

.campaign-detail-stats {
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr;
  gap:9px;
  margin:20px 0;
}

.campaign-detail-stats>div {
  padding:14px;
  border:1px solid #dceade;
  border-radius:15px;
  background:#f7fbf8;
}

.campaign-detail-stats span,.campaign-detail-stats b {
  display:block;
}

.campaign-detail-stats span {
  color:#758a7e;
  font-size:10px;
  font-weight:850;
  text-transform:uppercase;
}

.campaign-detail-stats b {
  margin-top:6px;
  color:#126d39;
  font-size:16px;
}

.campaign-detail-section {
  margin:11px 0;
  padding:17px;
  border:1px solid #e0ebe3;
  border-radius:17px;
  background:#fff;
}

.campaign-detail-section p {
  margin:8px 0 0;
  color:#486052;
  line-height:1.65;
}

.campaign-idea-box {
  border-color:#bfe2c7;
  background:linear-gradient(135deg,#f0faf2,#fbfefb);
}

.campaign-idea-box p {
  font-size:15px;
  color:#234d34;
}

.detail-label {
  display:block;
  color:#14723b;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.65px;
}

.campaign-detail-columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}

.campaign-detail-columns .campaign-detail-section {
  margin:0;
}

.campaign-detail-columns b {
  color:#173f28;
}

.campaign-checklist {
  display:grid;
  gap:10px;
  margin:12px 0 0;
  padding:0;
  list-style:none;
}

.campaign-checklist li {
  position:relative;
  padding-left:29px;
  color:#415b4b;
  line-height:1.5;
}

.campaign-checklist li:before {
  content:"✓";
  position:absolute;
  left:0;
  top:1px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:7px;
  color:#fff;
  background:#31a84c;
  font-size:11px;
  font-weight:950;
}

.detail-rate-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}

.detail-rate-grid>div {
  min-width:0;
  padding:11px;
  border-radius:12px;
  background:#f2f8f4;
}

.detail-rate-grid span,.detail-rate-grid b {
  display:block;
}

.detail-rate-grid span {
  color:#71867a;
  font-size:10px;
  font-weight:750;
}

.detail-rate-grid b {
  margin-top:4px;
  color:#126d39;
  font-size:12px;
  overflow-wrap:anywhere;
}

.detail-rate-note {
  display:block;
  margin-top:11px;
  color:#6a8174;
  line-height:1.45;
}

.campaign-detail-tags {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:14px 0;
}

.campaign-detail-tags span {
  padding:7px 10px;
  border:1px solid #d5e9da;
  border-radius:999px;
  color:#19723e;
  background:#f3faf5;
  font-size:11px;
  font-weight:850;
}

.campaign-contact {
  color:#647b6e;
  font-size:12px;
}

.campaign-detail-actions {
  position:sticky;
  bottom:-24px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin:18px -24px -24px;
  padding:14px 24px;
  border-top:1px solid #dfeae2;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
}

.campaign-detail-actions>.request-modal-actions {
  display:flex;
  margin:0;
}

.campaign-detail-actions .estimate-btn {
  min-height:44px;
}

@media(max-width:1180px) {
  .campaign-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .detail-rate-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:860px) {
  .market-hero {
    padding:24px;
  }
  .market-toolbar {
    top:82px;
    grid-template-columns:1fr;
  }
  .market-toolbar .filter-row {
    display:grid;
    grid-template-columns:1fr auto;
  }
  .market-toolbar select {
    min-width:0;
  }
  .campaign-detail-actions {
    bottom:calc(-18px - env(safe-area-inset-bottom));
    margin:18px -16px calc(-18px - env(safe-area-inset-bottom));
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  }
}

@media(max-width:560px) {
  .market-hero {
    align-items:flex-start;
    flex-direction:column;
    gap:18px;
    padding:22px 20px;
    border-radius:22px;
  }
  .market-hero h2 {
    font-size:28px;
  }
  .market-hero p {
    font-size:13px;
  }
  .market-count {
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
    padding:10px 14px;
  }
  .market-count b {
    font-size:24px;
  }
  .market-count span {
    margin:0;
  }
  .market-toolbar {
    position:relative;
    top:auto;
    padding:9px;
  }
  .market-toolbar .filter-row {
    grid-template-columns:minmax(0,1fr) auto;
  }
  .market-toolbar .soft-btn {
    width:auto;
  }
  .campaign-grid {
    grid-template-columns:1fr;
    gap:11px;
  }
  .campaign-card-new {
    min-height:174px;
    padding:19px;
  }
  .campaign-card-new h4 {
    margin:16px 0 24px;
    font-size:18px;
  }
  .campaign-card-budget b {
    font-size:17px;
  }
  .campaign-detail-stats {
    grid-template-columns:1fr 1fr;
  }
  .campaign-detail-stats>div:first-child {
    grid-column:1/-1;
  }
  .campaign-detail-columns {
    grid-template-columns:1fr;
  }
  .detail-rate-grid {
    grid-template-columns:1fr 1fr;
  }
  .campaign-detail-actions {
    display:grid;
    grid-template-columns:1fr;
  }
  .campaign-detail-actions>.request-modal-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .campaign-detail-actions button {
    width:100%;
  }
}

/* Ulangan platformalar — ijodkor profili va admin ro'yxati */
.connections-box h4 { margin: 0 0 4px; font-size: 15px; color: var(--ink); }
.connections-box > p { margin: 0 0 12px; font-size: 13px; color: var(--muted); }
.connection-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid var(--line);
}
.connection-row:first-child { border-top: 0; }
.connection-main { display: grid; gap: 2px; min-width: 0; }
.connection-main b { font-size: 14px; color: var(--ink); }
.connection-main small { font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.connection-status {
  padding: 4px 9px;
  border-radius: 9px;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
  background: var(--soft);
  color: var(--muted);
}
.connection-status.is-connected { background: #e5f6e9; color: var(--green-dark); }
.connection-status.is-pending { background: #fdf3e0; color: var(--warning); }
.connection-status.is-expired { background: #fdf3e0; color: var(--warning); }
.connection-status.is-error { background: #fbeaea; color: var(--danger); }
.connection-row .mini-btn[disabled] { opacity: .55; cursor: not-allowed; }

.creator-connections { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.connection-chip {
  padding: 3px 8px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 800;
  background: #e5f6e9;
  color: var(--green-dark);
}
.connection-chip.is-expired { background: #fdf3e0; color: var(--warning); }
.connection-none { font-size: 11px; font-weight: 700; color: var(--muted); }

@media (max-width: 640px) {
  .connection-row { grid-template-columns: 1fr auto; }
  .connection-row .mini-btn { grid-column: 2; }
}

/* Deeplink atributsiyasi — maxsus havola natijalari (bloger kabineti va topshirish formasi). */
.dashboard-attribution {
  display: grid;
  gap: 14px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--soft);
}
.attribution-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.attribution-head h3 {
  margin: 4px 0 0;
  font-size: 19px;
}
.attribution-head small {
  font-size: 12px;
  font-weight: 700;
  color: var(--muted);
}
.attribution-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.attribution-cards article {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 16px;
}
.attribution-cards span {
  display: block;
  font-size: 13px;
  font-weight: 800;
  color: var(--muted);
}
.attribution-cards b {
  display: block;
  margin: 8px 0 5px;
  font-size: 24px;
  color: var(--green);
}
.attribution-cards small {
  display: block;
  font-size: 11px;
  color: var(--muted);
}
.attribution-note {
  margin: 0;
  font-size: 12px;
  color: var(--muted);
}

.tracking-link-box {
  display: grid;
  gap: 9px;
}
.tracking-url {
  display: block;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  font-size: 12px;
  overflow-wrap: anywhere;
}
/* Havola matni va o'ng chetdagi nusxalash ikonkasi bir qatorda. */
.tracking-link-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}
.tracking-counters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.tracking-counters div {
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--soft);
  text-align: center;
}
.tracking-counters span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: var(--muted);
}
.tracking-counters b {
  display: block;
  margin-top: 3px;
  font-size: 18px;
  color: var(--green);
}
.tracking-note {
  font-size: 11px;
  color: var(--muted);
}
.tracking-note.warn {
  font-weight: 700;
  color: #b1743a;
}

.tracked-hint {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
}
input.tracked-input {
  background: var(--soft);
  color: var(--muted);
  cursor: default;
}
input.tracked-input::-webkit-inner-spin-button,
input.tracked-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

@media (max-width: 900px) {
  .attribution-cards { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .tracking-counters { grid-template-columns: 1fr; }
  .tracking-counters div { text-align: left; }
}

/* Havola orqali yig'ilgan, hali tasdiqlanmagan summa */
.tracking-earned {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #e5f6e9;
}
.tracking-earned span { font-size: 12px; font-weight: 750; color: var(--green-dark); }
.tracking-earned b { font-size: 16px; color: var(--green-dark); }
.kpi-accrued b { color: var(--green-dark); }