/* Panel usuwania posta — editpost_deletepost */
.krDeletePost {
    box-sizing: border-box;
    width: 100%;
    margin: 30px 0 0;
    color: var(--kr-text);
    background: var(--gradient);
    border: 1px solid var(--borderprofil);
}


.krDeletePostContent {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 16px 18px;
	box-sizing: border-box;
  font-family: var(--kursywa);
  font-size: 14px;
  letter-spacing: 1.5px;
  text-align: justify;
  background: var(--hoverbordo);
  border: 1px solid var(--hoverborder);
}

.krDeletePostChoice {
    display: flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
    color: var(--kr-text);
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.krDeletePostChoice input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--kr-burgundy);
}

.krDeletePostInfo {
    min-width: 0;
    color: var(--biel);
    line-height: 1.5;
}

.krDeletePostInfo .smalltext {
    display: block;
    margin-top: 2px;
    color: var(--kr-muted);
}

.krDeletePostButton {
    min-height: 39px;
    padding: 0 16px;
    color: #fff7ef;
    font: bold 11px/1 Arial, sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    cursor: pointer;
    background: var(--kr-burgundy);
    border: 1px solid #aa5a62;
    border-radius: 0;
}

.krDeletePostButton:hover {
    background: var(--kr-burgundy-hover);
}

@media (max-width: 700px) {
    .krDeletePostContent {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .krDeletePostButton {
        width: 100%;
    }
}





/* Kingsroad — new thread / new reply
   Jedna szerokość dla formularza, ustawień, błędów i podglądu. */

:root {
    --kr-page: #1e1717;
    --kr-panel: #291f1f;
    --kr-panel-deep: #211a1a;
    --kr-field: #181313;
    --kr-line: #4b3838;
    --kr-line-soft: rgba(199, 160, 104, .20);
    --kr-text: #eee5df;
    --kr-muted: #b9aaa5;
    --kr-gold: #c7a068;
    --kr-burgundy: #7c3038;
    --kr-burgundy-hover: #963d47;
    --kr-page-width: 1010px;
}

.krComposerBody {
    color: var(--kr-text);
    background: var(--kr-page);
}

/* Wspólny kontener wszystkich stron Kingsroad. */
body.krComposerBody #content > .wrapper {
    box-sizing: border-box;
    width: var(--kr-page-width);
    max-width: calc(100% - 40px);
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
}

/* Formularz nie definiuje drugiej szerokości — wypełnia wrapper. */
body.krComposerBody .krComposerPage {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 32px auto 72px;
}

body.krComposerBody .krComposerPage form,
body.krComposerBody .krComposerNotices,
body.krComposerBody .krComposerCard,
body.krComposerBody .krComposerSettings,
body.krComposerBody .krComposerActions,
body.krComposerBody .krComposerTable,
body.krComposerBody .krComposerSettingsTable,
body.krComposerBody .krComposerBelow,
body.krComposerBody .krComposerSettings .postnew {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

/* Podgląd oraz komunikaty MyBB pozostają w tej samej szerokości. */
body.krComposerBody .krComposerNotices > *,
body.krComposerBody .krComposerNotices .tborder,
body.krComposerBody .krComposerNotices table {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
}

.krComposerNotices > * {
    margin-top: 16px;
}

.krComposerCard {
    margin-top: 20px;
    background: var(--gradient);
    border: 1px solid var(--borderprofil);
}

.krComposerTable,
.krComposerSettingsTable {
    border-collapse: collapse;
}

.krComposerTable .krComposerInput {
    padding: 14px 22px;
    vertical-align: top;
}

.krComposerTable .textbox,
.krComposerTable textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 100%;
    color: var(--kr-text);
    border-radius: 0;
}

.krComposerTable .textbox {
    min-height: 43px;
    padding: 10px 12px;
    font: inherit;
    background: var(--body);
    border: 1px solid var(--borderprofil);
}

.krComposerTable textarea {
    min-height: 440px;
    padding: 18px;
    font: 15px/1.65 Georgia, "Times New Roman", serif;
    background: var(--kr-field);
    border: 1px solid var(--kr-line);
    resize: vertical;
}

.krComposerTable .textbox:focus,
.krComposerTable textarea:focus {
    outline: 2px solid rgba(199, 160, 104, .45);
    outline-offset: 1px;
    border-color: var(--kr-gold);
}

.krComposerQuoteTools {
    margin-top: 12px;
}

.krComposerTable .trow1,
.krComposerTable .trow2 {
    color: var(--kr-text);
    background: transparent;
}

.krComposerTable .trow1 td,
.krComposerTable .trow2 td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.krComposerSettings {
    margin-top: 30px;
}

.krComposerTitle,
.krComposerSettingsTitle {
    margin: 0 0 22px;
    text-align: center;
}

.krComposerSettings h2 {
    margin-bottom: 11px;
    color: var(--kr-gold);
    font-size: 16px;
}

.krComposerSettingsTable {
    color: var(--kr-muted);
    font-size: 12px;
}

.krComposerSettingsTable .trow1,
.krComposerSettingsTable .trow2 {
    color: var(--kr-muted);
    background: transparent;
}

.krComposerSettingsTable td {
    padding: 6px 0;
}

.krComposerActions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 22px;
}

.krComposerIdentity {
    color: var(--kr-muted);
    font-size: 12px;
}

.krComposerActionButtons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.krComposerActions .button,
.krComposerActions input[type="submit"] {
    cursor: pointer;
  padding: 6px 13px;
  border: 1px solid var(--borderprofil);
  background: var(--gradient);
  color: rgba(255, 255, 255, .65);
  cursor: pointer;
  font-size: 12px;
  font-family: var(--kursywa);
  letter-spacing: 1.5px;
   border-radius: 0;
text-transform: lowercase;
}

.krComposerActions .button:hover,
.krComposerActions input[type="submit"]:hover {
    background: var(--hover-bordo);
}

.krComposerActions .buttonSecondary {
    color: var(--kr-text);
    background: #3a2d2d !important;
    border-color: #655050 !important;
}

.krComposerActions .buttonSecondary:hover {
    background: #4b3939 !important;
}

/* Edytor BBCode */
.krBbcodeToolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    padding: 9px 10px;
    background: var(--gradient);
    border: 1px solid var(--borderprofil);
    border-bottom: 0;
}

.krBbcodeGroup {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-right: 7px;
    border-right: 0 solid var(--kr-line);
}

.krBbcodeGroup:last-child {
    padding-right: 0;
    border-right: 0;
}

.krBbcodeToolbar button,
.krBbcodeSelect,
.krBbcodeColor {
    box-sizing: border-box;
    height: 30px;
    color: var(--kr-text);
    font: 600 12px/1 var(--kursywa);
    font-weight: 100;
    letter-spacing: 1.3px;
    text-transform: lowercase;
    background: var(--hoverbordo);
    border: 1px solid var(--borderprofil);
    border-radius: 0;
}

.krBbcodeToolbar button {
    display: inline-grid;
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    cursor: pointer;
}

.krBbcodeSelect {
    max-width: 126px;
    padding: 0 7px;
    cursor: pointer;
}

.krBbcodeTemplate {
    min-width: 115px;
}

.krBbcodeColor {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0 5px 0 7px;
}

.krBbcodeColor input {
    width: 19px;
    height: 19px;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.krBbcodeToolbar button:hover,
.krBbcodeToolbar button:focus-visible,
.krBbcodeSelect:focus-visible,
.krBbcodeColor:focus-within {
    background: var(--hoverborder);
    outline: none;
}

.krBbcodeToolbar button strong,
.krBbcodeToolbar button em,
.krBbcodeToolbar button u,
.krBbcodeToolbar button s {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
}

.krBbcodeToolbar button[data-action],
.krBbcodeToolbar button[data-open="[quote]"] {
    font-size: 14px;
}

.krComposerTable .krBbcodeToolbar + textarea {
    border-top-color: #594343;
}

/* Opcje w dwóch równych kolumnach. */
.krComposerSettings .postnew {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    color: var(--kr-text);
    font-family: var(--fontp);
    font-weight: 100;
    text-align: left;
    text-transform: uppercase;
    background: transparent;
}

.krComposerSettings .postnew > strong,
.krComposerSettings .postnew > .smalltext {
    grid-column: 1 / -1;
}

.krComposerSettings .postnew > strong {
    color: var(--kr-gold);
}

.krComposerSettings .postnew > .smalltext {
    margin: -3px 0 5px;
    color: var(--kr-muted);
    font-size: 12px;
    line-height: 1.5;
}

.krComposerSettings .postnew > br {
    display: none;
}

.krComposerSettings .postnew > label {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 7px 10px;
    color: var(--kr-text);
    font-size: 12px;
    line-height: 1.35;
    background: var(--gradient);
    border: 1px solid var(--borderprofil);
    cursor: pointer;
    transition: .15s ease;
}

.krComposerSettings .postnew > label:hover {
    background: var(--body);
    border-color: var(--borderprofil);
}

.krComposerSettings .postnew > label:has(input:checked) {
    background: var(--hoverbordo);
    border-color: var(--hoverborder);
}

.krComposerSettings .postnew input[type="radio"] {
    width: 16px;
    height: 16px;
    margin: 0;
    flex: 0 0 auto;
    accent-color: var(--kr-burgundy);
}

@media (max-width: 700px) {
    body.krComposerBody #content > .wrapper {
        max-width: calc(100% - 24px);
    }

    body.krComposerBody .krComposerPage {
        margin-top: 20px;
    }

    .krBbcodeToolbar {
        gap: 5px;
        padding: 8px;
    }

    .krBbcodeGroup {
        padding-right: 5px;
    }

    .krBbcodeSelect {
        max-width: 110px;
    }

    .krComposerTable,
    .krComposerTable tbody,
    .krComposerTable tr,
    .krComposerTable .krComposerInput {
        display: block;
        box-sizing: border-box;
        width: 100%;
    }

    .krComposerTable .krComposerInput {
        padding: 8px 18px 18px;
    }

    .krComposerTable textarea {
        min-height: 310px;
    }

    .krComposerSettings .postnew {
        grid-template-columns: 1fr;
    }

    .krComposerActions {
        align-items: stretch;
        flex-direction: column;
        padding: 16px 18px;
    }

    .krComposerActionButtons {
        justify-content: flex-start;
    }
}

@media (max-width: 460px) {
    .krBbcodeGroup {
        border-right: 0;
    }

    .krBbcodeColor span {
        display: none;
    }
}