/* CrmHub24 — Bitim / Kontakt / Kompaniya tafsilot sahifalari: hozirgi dizayn (fon + shaffof kartalar) va tartibli kiritish maydonlari (2026-10-19).
   Faqat ko'rinish: DOM, ID va funksiyalar o'zgarmagan. Eski chiziqli (faqat pastki chegarali) maydonlar o'rniga yumaloq qutili maydonlar. */

/* ---- Fon ---- */
#page-deal-detail,#page-contact-detail,#page-company-detail{position:relative}
#page-deal-detail.has-bg>*:not(.bg-host),#page-contact-detail.has-bg>*:not(.bg-host),#page-company-detail.has-bg>*:not(.bg-host){position:relative;z-index:1}
#deal-bg,#contact-bg,#company-bg{inset:-12px -14px -14px -14px;border-radius:14px}
.main-body>#page-deal-detail.has-bg,.main-body>#page-contact-detail.has-bg,.main-body>#page-company-detail.has-bg{min-height:100%}

/* ---- Karkas ---- */
#page-deal-detail .deal-shell,#page-contact-detail .deal-shell,#page-company-detail .deal-shell{grid-template-columns:400px minmax(0,1fr);gap:18px}
#page-deal-detail .deal-left,#page-contact-detail .deal-left,#page-company-detail .deal-left,
#page-deal-detail .deal-right,#page-contact-detail .deal-right,#page-company-detail .deal-right{border-radius:16px;background:var(--bg-panel)}
#page-deal-detail.has-bg .deal-left,#page-contact-detail.has-bg .deal-left,#page-company-detail.has-bg .deal-left,
#page-deal-detail.has-bg .deal-right,#page-contact-detail.has-bg .deal-right,#page-company-detail.has-bg .deal-right,
#page-deal-detail.has-bg .back-link,#page-contact-detail.has-bg .back-link,#page-company-detail.has-bg .back-link{
  background:color-mix(in srgb,var(--bg-panel) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#page-deal-detail .back-link,#page-contact-detail .back-link,#page-company-detail .back-link{border-radius:10px;padding:8px 14px 8px 10px}

/* ---- Sarlavha ---- */
.deal-left .deal-header{padding:20px 22px 0}
.deal-left .deal-header .deal-title-input{font-size:19px;font-weight:700;border:1px solid transparent;border-radius:10px;padding:6px 10px;margin-left:-10px;width:calc(100% + 10px);transition:border-color .12s,background .12s}
.deal-left .deal-header .deal-title-input:hover{border:1px solid var(--border-dark2)}
.deal-left .deal-header .deal-title-input:focus{border:1px solid var(--accent);background:color-mix(in srgb,var(--text-main) 4%,transparent)}
.deal-left .deal-meta-row{margin:4px 0 14px}

/* ---- Yorliqlar ---- */
.deal-left .deal-tabs{margin:6px 22px 0;padding:3px;border:1px solid var(--border-dark2);border-radius:12px;gap:2px;background:transparent}
.deal-left .deal-tab{border:0;border-radius:9px;padding:8px 6px;font-size:12.5px}
.deal-left .deal-tab.active{background:var(--accent-soft);color:var(--accent-text);font-weight:600}
.deal-left .deal-tab:not(.active):hover{background:var(--hover);color:var(--text-main)}

/* ---- Kiritish maydonlari: yumaloq qutilar ---- */
.deal-left .deal-tab-content{padding:18px 22px 24px}
.deal-left .deal-tab-content .field-label{color:var(--text-muted);font-size:11.5px;font-weight:600;letter-spacing:.06em;margin:16px 0 6px}
.deal-left .deal-tab-content .field-label:first-child{margin-top:0}
#page-deal-detail .deal-tab-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#page-deal-detail .deal-tab-content select,#page-deal-detail .deal-tab-content textarea,
#page-contact-detail .deal-tab-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#page-contact-detail .deal-tab-content select,#page-contact-detail .deal-tab-content textarea,
#page-company-detail .deal-tab-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
#page-company-detail .deal-tab-content select,#page-company-detail .deal-tab-content textarea,
.deal-left .contact-embed input,.deal-left .contact-embed select,.deal-left .inline-add-form input{
  min-height:40px;box-sizing:border-box;border:1px solid var(--border-dark2);border-radius:10px;padding:0 12px;font-size:14px;color:var(--text-main);
  background:color-mix(in srgb,var(--text-main) 3%,transparent);transition:border-color .12s,background .12s,box-shadow .12s}
#page-deal-detail .deal-tab-content textarea,#page-contact-detail .deal-tab-content textarea,#page-company-detail .deal-tab-content textarea{padding:10px 12px;min-height:84px;line-height:1.5}
#page-deal-detail .deal-tab-content select,#page-contact-detail .deal-tab-content select,#page-company-detail .deal-tab-content select{padding-right:34px;background-position:right 12px center}
.deal-left .deal-tab-content input:hover,.deal-left .deal-tab-content select:hover,.deal-left .deal-tab-content textarea:hover,.deal-left .contact-embed input:hover{border:1px solid var(--text-dim)}
.deal-left .deal-tab-content input:focus,.deal-left .deal-tab-content select:focus,.deal-left .deal-tab-content textarea:focus,.deal-left .contact-embed input:focus,.deal-left .inline-add-form input:focus{
  border:1px solid var(--accent);box-shadow:var(--ring);background:color-mix(in srgb,var(--text-main) 5%,transparent)}
.deal-left .deal-tab-content input[readonly]{color:var(--text-muted)}
.deal-left .deal-tab-content input[type=checkbox],.deal-left .deal-tab-content input[type=radio]{width:18px!important;height:18px;accent-color:var(--accent);margin:0}
.deal-left .deal-tab-content label:has(>input[type=checkbox]),.deal-left .deal-tab-content label:has(>input[type=radio]){display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border:1px solid var(--border-dark2);border-radius:10px;cursor:pointer;font-size:14px;color:var(--text-main)}
.deal-left .deal-tab-content label:has(>input[type=checkbox]):hover{border-color:var(--text-dim)}

/* ---- Bo'limlar ---- */
.deal-left .cf-section-title{margin:22px 0 12px;padding-top:18px;font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}
.deal-left .cf-add-toggle,.deal-left .add-entity-btn{border-radius:10px}
.deal-left .inline-add-form{padding:14px;border:1px solid var(--border-dark2);border-radius:12px;background:color-mix(in srgb,var(--text-main) 3%,transparent);display:flex;flex-direction:column;gap:8px}
.deal-left .primary-contact-section{border-radius:12px}

/* ---- Yopilgan bitim ogohlantirishi: ixchamroq ---- */
.deal-left #dd-closed-box>*{border-radius:12px;margin:12px 22px 0}

/* ---- Tarix va izoh ---- */
.deal-right .timeline-header{padding:16px 22px}
.deal-right .timeline-header input{min-height:36px;border-radius:10px;border:1px solid var(--border-dark2);padding:0 12px;background:transparent}
.deal-right .timeline-note-input{padding:14px 22px;gap:12px;align-items:center}
.deal-right .timeline-note-input textarea{min-height:44px;border:1px solid var(--border-dark2);border-radius:12px;padding:12px 14px;background:color-mix(in srgb,var(--text-main) 3%,transparent);transition:border-color .12s,box-shadow .12s}
.deal-right .timeline-note-input textarea:focus{border:1px solid var(--accent);box-shadow:var(--ring)}
.deal-right .timeline-note-input .btn{opacity:1;pointer-events:auto;padding:0 18px;min-height:40px;border-radius:10px;background:var(--accent);color:#fff;font-weight:600}
.deal-right .timeline-note-input .btn:not(.show){opacity:.5}
.deal-right .timeline-note-input .btn:hover{background:var(--accent-dark);color:#fff}

@media (max-width:1100px){#page-deal-detail .deal-shell,#page-contact-detail .deal-shell,#page-company-detail .deal-shell{grid-template-columns:minmax(0,1fr)!important}}
#page-deal-detail .back-link,#page-contact-detail .back-link,#page-company-detail .back-link{width:fit-content}

/* bitim tegi maydoni — faqat pastki chiziq; umumiy fokus halqasi va yumaloq ramka (ui-kvizi-theme) tushmasin */
.deal-tag-input,.deal-tag-input:focus{border:none!important;border-bottom:1px solid var(--accent)!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}