/* Typography and controls verified against the live amoCRM card, 02.10.2026. */
[data-panel="inquiry"] {
  font-family: "PT Sans", Arial, sans-serif;
  --inquiry-dark: #253d4b;
  --inquiry-text: #363b44;
  --inquiry-muted: #828b92;
}
[data-panel="inquiry"] button,
[data-panel="inquiry"] input,
[data-panel="inquiry"] select,
[data-panel="inquiry"] textarea { font-family: inherit; }
.inquiry-workspace { grid-template-columns: 440px minmax(0,1fr); }
.inquiry-heading { padding: 8px 18px 7px; }
.inquiry-id { font-size: 12px; line-height: 16px; margin-bottom: 4px; }
.inquiry-id button { font-size: 12px; color: #d0e0e7; }
.inquiry-heading h1 { font-size: 21px; line-height: 25px; font-weight: 700; margin-bottom: 4px; }
#inquiry-stage-button { min-height: 26px; font-size: 14px; font-weight: 700; line-height: 20px; padding: 2px 0; }
.inquiry-stage-line { height: 3px; margin-top: 3px; }
.inquiry-fields { padding: 4px 18px 5px; }
.inquiry-group { margin-top: 3px; padding-top: 3px; border-color: #e2e6e9; }
.inquiry-row { grid-template-columns: 110px minmax(0,1fr); gap: 8px; min-height: 27px; color: #7e878f; font-size: 13px; }
.inquiry-row>span { line-height: 16px; }
.inquiry-row input,
.inquiry-row select,
.inquiry-row textarea { min-height: 27px; height: 27px; padding: 2px 5px; line-height: 21px; font-size: 15px; font-weight: 400; color: #363b44; }
.inquiry-row input::placeholder { font-size: 13px; color: #919ba2; }
.inquiry-row textarea { min-height: 27px; height: 27px; }
#inq-name, #inq-surname { font-size: 16px; font-weight: 700; }
.inquiry-row input:hover, .inquiry-row select:hover, .inquiry-row textarea:hover { background-color: #f8fafb; border-color: #d3dde2; }
.inquiry-row input:focus, .inquiry-row select:focus, .inquiry-row textarea:focus { background-color: white; outline: 2px solid #e4f0f6; border-color: #81aec7; }
.inquiry-additions { margin-left: 118px; gap: 5px 11px; }
.inquiry-additions button, .inquiry-link { font-size: 12px; line-height: 20px; color: #5e8398; }
.inquiry-additions button { min-height: 23px; }
.inquiry-demo-contact { font-size: 11px; }
.inquiry-date-line>.inquiry-link,
.inquiry-birthday-line>.inquiry-link { font-size: 12px; }
.inquiry-phone-line { gap: 7px; }
.inquiry-choice { min-height: 28px; }
.inquiry-choice-hint { font-size: 10px; line-height: 11px; color: #919aa1; }
.inquiry-picker summary { min-height: 28px; padding: 2px 5px; }
.inquiry-chips { gap: 4px; }
.inquiry-chip { font-size: 13px; line-height: 21px; padding: 0 5px; font-weight: 700; color: #53616c; background: #f0f3f5; border-color: #e4e9ec; }
.inquiry-chip.extra { font-weight: 400; }
.inquiry-subtle { font-size: 13px; color: #919ba2; }
.inquiry-picker>.inquiry-picker-panel { left: 110px; padding: 12px; }
.inquiry-picker-panel>strong { font-size: 13px; }
.inquiry-picker label { min-height: 32px; font-size: 15px; gap: 9px; }
.inquiry-picker input[type=checkbox] { width: 17px; height: 17px; flex: 0 0 17px; }
.inquiry-picker-panel .inquiry-row { grid-template-columns: 62px minmax(0,1fr); }
.inquiry-row.compact select { font-size: 14px; }
.inquiry-birthday-line { gap: 6px; }
.inquiry-birthday-line #inq-age { width: 45px; }
.inquiry-birthday-line>select { width: 91px; min-height: 27px; padding: 2px 18px 2px 3px; font-size: 13px; }
.inquiry-guests-line { gap: 7px; }
.inquiry-range { gap: 4px; font-size: 12px; }
.inquiry-range input { width: 40px; height: 27px; min-height: 27px; font-size: 15px; padding: 2px 3px; line-height: 21px; text-align: center; }
.inquiry-fields input[type=number] { appearance: textfield; -moz-appearance: textfield; }
.inquiry-fields input[type=number]::-webkit-inner-spin-button,
.inquiry-fields input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.inquiry-client-history { font-size: 11px; line-height: 16px; margin-bottom: 1px; color: #909aa1; }
.inquiry-help, .inquiry-warning { font-size: 12px; }
.inquiry-action { padding: 6px 18px; }
.inquiry-action button { height: 38px; min-height: 38px; font-size: 15px; font-weight: 700; background: #4c8db6; border-color: #4c8db6; border-radius: 3px; padding: 7px 12px; }
.inquiry-action button:hover { background: #387ea9!important; }
.inquiry-icon { display: block; width: 16px; height: 16px; flex: 0 0 16px; pointer-events: none; }
.inquiry-task-icon { display: grid; place-items: center; width: 34px; height: 34px; min-width: 34px; flex: 0 0 34px; line-height: 1; border-color: #8ac6b0; color: #66ad94; }
.inquiry-task-icon .inquiry-icon { width: 22px; height: 22px; }
.inquiry-pinned-task>button { display: grid; place-items: center; width: 34px; height: 34px; min-height: 34px; flex: 0 0 34px; padding: 0; border-radius: 3px; line-height: 1; }
.inquiry-pinned-task>button .inquiry-icon { width: 19px; height: 19px; }
#inquiry-stage-button>span:last-child { display: grid; place-items: center; width: 22px; }
.inquiry-picker summary>span:last-child { display: grid; place-items: center; flex: 0 0 18px; color: #8d9da6; }
.inquiry-history header button, .inquiry-estimate-dialog header button { display: grid; place-items: center; padding: 0; width: 32px; height: 32px; min-height: 32px; }
.inquiry-feed-heading { padding: 14px 24px; }
.inquiry-feed-heading h2 { font-size: 16px; font-weight: 700; }
.inquiry-feed-heading span { font-size: 12px; }
.inquiry-feed-heading button { min-height: 34px; font-size: 13px; padding: 6px 12px; }
.inquiry-feed { padding-inline: 24px; }
.inquiry-date-separator { font-size: 12px; margin-block: 14px; }
.inquiry-note { padding: 15px 17px; font-size: 15px; border-color: #d9dde0; border-radius: 3px; }
.inquiry-note p { line-height: 1.45; }
.inquiry-note-meta strong { font-size: 14px; font-weight: 700; color: #4e5963; }
.inquiry-note-meta small { font-size: 12px; color: #929ba1; }
.inquiry-avatar { width: 34px; height: 34px; font-size: 12px; flex: 0 0 34px; }
.inquiry-task-in-feed .inquiry-note-meta strong { font-size: 16px; }
.inquiry-task-bottom { font-size: 13px; }
.inquiry-task-bottom .inquiry-link { min-height: 30px; padding: 4px 7px; font-size: 13px; }
.inquiry-pinned-task { padding: 11px 14px; border-color: #93c9b3; border-radius: 3px; }
.inquiry-pinned-task small { font-size: 12px; line-height: 17px; color: #8b969d; }
.inquiry-pinned-task strong { font-size: 16px; line-height: 22px; font-weight: 700; color: #48545c; }
.inquiry-pinned-task>div>span { font-size: 13px; line-height: 18px; color: #7b8891; }
.inquiry-composer { padding: 10px 13px; border-radius: 3px; }
.inquiry-composer-type { font-size: 13px; }
.inquiry-composer-type select { font-size: 14px; min-height: 30px; padding: 3px 20px 3px 3px; }
.inquiry-composer textarea { font-size: 15px; line-height: 21px; min-height: 50px; }
.inquiry-composer-footer small { font-size: 11px; }
.inquiry-composer-footer button { min-height: 34px; font-size: 14px; font-weight: 700; padding: 6px 12px; }
.inquiry-composer #inq-task-fields label { font-size: 12px; }
.inquiry-composer #inq-task-fields input,
.inquiry-composer #inq-task-fields select { font-size: 14px; min-height: 34px; }
.inquiry-history { font-size: 14px; }
.inquiry-history h2 { font-size: 16px; font-weight: 700; }
.inquiry-history li { font-size: 13px; }
.inquiry-history strong { font-size: 13px; }
.inquiry-history time { font-size: 11px; }
.inquiry-estimate-dialog dl { font-size: 15px; }
.inquiry-fields select,
.inquiry-composer select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238b989f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 4px center; padding-right: 23px; }
@media(min-width:1500px) {
 .inquiry-workspace, .inquiry-workspace.history-open { grid-template-columns: 440px minmax(0,1fr); }
 .inquiry-workspace.history-open { grid-template-columns: 440px minmax(0,1fr) 340px; }
}
@media(min-width:701px) and (max-width:900px) {
 .inquiry-workspace { grid-template-columns: 400px minmax(370px,1fr); }
 .inquiry-fields, .inquiry-heading { padding-inline: 14px; }
 .inquiry-row { grid-template-columns: 99px minmax(0,1fr); }
 .inquiry-additions { margin-left: 0; justify-content: flex-end; }
 .inquiry-picker>.inquiry-picker-panel { left: 99px; }
 .inquiry-birthday-line>select { width: 85px; }
}
@media(max-width:700px) {
 .inquiry-heading h1 { font-size: 20px; line-height: 24px; }
 .inquiry-fields { padding: 4px 12px 6px; }
 .inquiry-heading { padding-inline: 12px; }
 .inquiry-row { grid-template-columns: 96px minmax(0,1fr); gap: 5px; font-size: 12px; min-height: 26px; }
 .inquiry-row input, .inquiry-row select, .inquiry-row textarea { font-size: 14px!important; min-height: 26px; height: 26px; padding-block: 1px; }
 #inq-name, #inq-surname { font-size: 15px!important; }
 .inquiry-additions { margin-left: 0; justify-content: flex-end; gap: 5px 9px; flex-wrap: wrap; }
 .inquiry-additions button, .inquiry-date-line>.inquiry-link, .inquiry-birthday-line>.inquiry-link { font-size: 11px; min-height: 23px; }
 .inquiry-birthday-line { gap: 3px; }
 .inquiry-birthday-line>select { width: 82px; font-size: 12px!important; }
 .inquiry-birthday-line #inq-age { width: 35px; }
 .inquiry-range { gap: 2px; }
 .inquiry-range input { width: 33px; font-size: 14px!important; min-height: 26px; }
 .inquiry-chip { font-size: 12px; line-height: 20px; padding-inline: 4px; }
 .inquiry-picker>.inquiry-picker-panel { left: 90px; }
 .inquiry-composer textarea { font-size: 15px!important; }
 .inquiry-composer-type select { font-size: 14px!important; }
 .inquiry-action { padding-inline: 12px; }
 .inquiry-feed { padding-inline: 12px; }
}
/* Keep the larger type within the agreed compact field layout. */
.inquiry-group { margin-top: 2px; padding-top: 2px; }
@media(min-width:701px) and (max-width:900px) {
 .inquiry-workspace { grid-template-columns: 400px minmax(0,1fr); }
 .inquiry-row { grid-template-columns: 110px minmax(0,1fr); }
 .inquiry-picker>.inquiry-picker-panel { left: 110px; }
}
.inquiry-fields { padding-bottom: 4px; }
@media(max-width:700px) {
 .inquiry-heading { padding-top: 6px; padding-bottom: 5px; }
 .inquiry-group { margin-top: 1px; padding-top: 1px; }
}